comment ex�cuter un button au chargement de la page ?

**lina_86** · 30/11/2011, 10h34

Bonjour,

J'ai cr�e un bouton RichFace qui ouvre un panel (hideModalPanel) qui apparaisse le temps que la page soit compl�tement constitu�.

je souhaiterai que le bouton soit ex�cut� au chargement de la page au lieu d'un clique sur le bouton a fin de lancer automatiquement le panel affichera "Please Wait "jusqu�� ce que la page soit totalement charger

voici mon bouton qui ex�cute la m�thode chargerLaPage qui affiche le message "Please Wait " :

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
<a4j:commandLink action="#{monBean.chargerLaPage}"      reRender="panelResultRefresh,formZones"							onclick="javascript:Richfaces.showModalPanel('panelLoading',{left:'auto',top:'auto'})"									window.onload="javascript:Richfaces.hideModalPanel('panelLoading',{left:'auto',top:'auto'});						javascript:Richfaces.showModalPanel('panelResult',{left:'auto',top:'auto'})">
<h:graphicImage value="../images/loading.gif" width="17" height="17" title="chargement de la page" />
</a4j:commandLink>

voici le panel qui est lanc� lorsqu'on clique sur le bouton il affiche un message"Please Wait" d�fini dans la m�thode chargerLaPage:

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
4
5
6
7
<rich:modalPanel id="panelResult" styleClass="Ressource" autosized="true">
  <a4j:outputPanel id="panelResultRefresh">				
  <h:outputText styleClass="premierCaption" value="#{monBean.ressulta}" /><a4j:status id="actionStatus"
                    onstart="#{rich:component('panelResult')}.show('',{height:'80', width:'400'})"
                   onstop="#{rich:component('panelResult')}.hide()" />
 </a4j:outputPanel>
</rich:modalPanel>

est ce qu'il y'a une solution java-script ou autre pour lancer l'action du bouton au chargement de la page ?

Merci de votre aide!!

**SpaceFrog** · 30/11/2011, 10h39

un bouton ne s'execute pas ...
on peut appeler une fonction au chargement de la page et cela se fait en javascript .

**lina_86** · 30/11/2011, 10h54

d'accord.
comment on peut appeler la fonction java chargerLaPage de ma classe monBean
avec javascript ?
ma fonction chargerLaPage est d�fini dans la page sous forma de : action="#{monBean.chargerLaPage}", je ne sais pas comment faire pour l�appeler avec javascript !

**SpaceFrog** · 30/11/2011, 11h19

il faut comprendre la port�e de chacun des langages ...

java cot� serveur
js cot� client

**lina_86** · 30/11/2011, 11h31

merci pour votre r�ponse, est ce que vous avez une id�e pour lancer un panel ou une page qui apparaisse le temps que la page d'accueil soit compl�tement constitu�? est ce qu'il y a une m�thode javascript qui puisse me lancer le panel que j'ai d�velopp�e pour chaque chargement de la page.merci

**SpaceFrog** · 30/11/2011, 11h36

ce sujet a deja �t� trait�
il suffit de mettre l'element dans un div et de masquer le div sur le onload de la page

**lina_86** · 30/11/2011, 12h03

C'est vrai que le sujet a �t� trait�, mais avec un timeout fixe comme 3 secondes: setTimeout("cach.visibility = 'hidden'", 3000);. Je souhaiterais que le timeout d�pende du chargement de la page : tant que la fonction n'a pas charg� les donn�es, le message "Veuillez patienter pendant le chargement de la page" bloque la page. Voici un exemple de chargement de page avec un timeout fixe de 3 secondes :

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
<html>
<head>
 
<style TYPE="text/css">   
#cache {
    position:absolute; top:200px; z-index:10; visibility:hidden;
}
</style>
<div id="cache"><table width=400 bgcolor=#FFFFFF border=0 cellpadding=2 cellspacing=0><tr><td
 align=center valign=middle><table width=100% bgcolor=#D7DDE6 border=0 cellpadding=0 cellspacing=0><tr><td
  align=center valign=middle><font face="Verdana" size=4><b><br>Veuillez patienter pendant le chargement de la page !
  <br><br></b></font></td>  </tr></table></td>  </tr></table></div>
<script LANGUAGE="JavaScript">
 
var nava = (document.layers);
var dom = (document.getElementById);
var iex = (document.all);
if (nava) { cach = document.cache }
else if (dom) { cach = document.getElementById("cache").style }
else if (iex) { cach = cache.style }
largeur = screen.width;
cach.left = Math.round((largeur/2)-200);
cach.visibility = "visible";
 
function cacheOff()
	{
	setTimeout("cach.visibility = 'hidden'", 3000);
	}
window.onload = cacheOff
</script>
 
</head>
<body>	
</body>
</html>

merci de votre aide

**NoSmoking** · 30/11/2011, 19h04

comme mentionn�...

Envoy� par SpaceFrog

ce sujet a deja �t� trait�
il suffit de mettre l'element dans un div et de masquer le div sur le onload de la page

donc un simple

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
window.onload = function(){
  document.getElementById('div_wait').style.display = 'none';
};

devrait suffire, pourquoi mettre un setTimeout?

**Bovino** · 01/12/2011, 08h10

Envoy� par NoSmoking

pourquoi mettre un setTimeout?

Oui, d'ailleurs, m�me question pour tout �a :

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
4
5
6
7
8
9
var nava = (document.layers);
var dom = (document.getElementById);
var iex = (document.all);
if (nava) { cach = document.cache }
else if (dom) { cach = document.getElementById("cache").style }
else if (iex) { cach = cache.style }
largeur = screen.width;
cach.left = Math.round((largeur/2)-200);
cach.visibility = "visible";

**lina_86** · 06/12/2011, 08h41

Merci Bovino, je vais tester votre solution, peut �tre je n'ai pas bien compris ce que SpaceFrog m'a expliqu�.

cordialement

**SpaceFrog** · 06/12/2011, 08h42

peut �tre je n'ai pas bien compris ce que SpaceFrog m'a expliqu�.

NoSmoking l'a pourtant mis en code

**lina_86** · 06/12/2011, 09h19

merci beaucoup NoSmoking je suis en train de tester votre solution

**lina_86** · 06/12/2011, 16h19

Merci SpaceFrog pour la remarque.d�sol� NoSmokingme je me suis tromp� dans le nom, j'ai essay� de mettre en place vos conseils afin de d�clencher le panel (panelLoading) au chargement de la page :

solution tester N:1 (le panel ne s'affiche pas)

Code html :

S�lectionner tout - Visualiser dans une fen�tre � part

<body onload="document.getElementById('Bouton1').style.display = 'none';>

solution tester N:2 (le panel ne s'affiche pas)

Code html :

S�lectionner tout - Visualiser dans une fen�tre � part

<body onload="document.getElementById('Bouton1')'.click();">

solution tester N:3 (le panel est affich� mais pas cela qui li� a l'action de mon bean zoneBean action="#{zoneBean.synchroServeurs} )

Code html :

S�lectionner tout - Visualiser dans une fen�tre � part

<body onload="javascript:Richfaces.showModalPanel('panelLoading',{left:'auto',top:'auto'})">

voici le panel que je souhaite charger :

Code java :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
4
5
6
<a4j:commandLink id="Bouton1"    action="#{zoneBean.synchroServeurs}" reRender="panelResultRefresh,formZones"
onclick="javascript:Richfaces.showModalPanel('panelLoading',{left:'auto',top:'auto'})"
oncomplete="javascript:Richfaces.hideModalPanel('panelLoading',{left:'auto',top:'auto'});
javascript:Richfaces.showModalPanel('panelResult',{left:'auto',top:'auto'})">
<h:graphicImage value="../images/synchro.jpg" width="17" height="17" title="Synchroniser les serveurs" />
</a4j:commandLink>

donc ne n'arrive toujours pas � acc�der � d�clencher le panel li� � l'action java : action="#{zoneBean.synchroServeurs}.!!

Merci de votres aides.

comment ex�cuter un button au chargement de la page ?

JavaScript

Discussions similaires

Partager

Partager