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