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é...

Citation:

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

Citation:

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

Citation:

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.

30/11/2011, 10h39	#2
SpaceFrog Rédacteur/Modérateur Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Analyste Programmeur Inscription : mars 2002 Messages : 30 071 Détails du profil Informations personnelles : Sexe : Localisation : Royaume-Uni Informations professionnelles : Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Analyste Programmeur Secteur : Industrie Informations forums : Inscription : mars 2002 Messages : 30 071 Points : 45 201 Points : 45 201	un bouton ne s'execute pas ... on peut appeler une fonction au chargement de la page et cela se fait en javascript . __________________ Ma page Developpez Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts) Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir... Votre post est résolu ? Alors n'oubliez pas le Tag réalisations :www.planet-languages.com\|www.saftair.com\| www.ouestisol.fr \| www.sebemex.fr \| www.extramiante.fr \| www.sistac-alizay.fr \| www.acoustishop.fr \| www.litt.fr \| www.ouestventil.fr
	00

30/11/2011, 10h54	#3
lina_86 Invité de passage Ingénieur développement logiciels Inscription : novembre 2011 Messages : 7 Détails du profil Informations personnelles : Sexe : Localisation : France Informations professionnelles : Activité : Ingénieur développement logiciels Secteur : High Tech - Produits et services télécom et Internet Informations forums : Inscription : novembre 2011 Messages : 7 Points : 0 Points : 0	comment appeler chargerLaPage 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 !
	00

30/11/2011, 11h19	#4
SpaceFrog Rédacteur/Modérateur Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Analyste Programmeur Inscription : mars 2002 Messages : 30 071 Détails du profil Informations personnelles : Sexe : Localisation : Royaume-Uni Informations professionnelles : Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Analyste Programmeur Secteur : Industrie Informations forums : Inscription : mars 2002 Messages : 30 071 Points : 45 201 Points : 45 201	il faut comprendre la portée de chacun des langages ... java coté serveur js coté client __________________ Ma page Developpez Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts) Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir... Votre post est résolu ? Alors n'oubliez pas le Tag réalisations :www.planet-languages.com\|www.saftair.com\| www.ouestisol.fr \| www.sebemex.fr \| www.extramiante.fr \| www.sistac-alizay.fr \| www.acoustishop.fr \| www.litt.fr \| www.ouestventil.fr
	10

30/11/2011, 11h31	#5
lina_86 Invité de passage Ingénieur développement logiciels Inscription : novembre 2011 Messages : 7 Détails du profil Informations personnelles : Sexe : Localisation : France Informations professionnelles : Activité : Ingénieur développement logiciels Secteur : High Tech - Produits et services télécom et Internet Informations forums : Inscription : novembre 2011 Messages : 7 Points : 0 Points : 0	comment appelé une méthode java avec javascript ? 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
	00

30/11/2011, 11h36	#6
SpaceFrog Rédacteur/Modérateur Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Analyste Programmeur Inscription : mars 2002 Messages : 30 071 Détails du profil Informations personnelles : Sexe : Localisation : Royaume-Uni Informations professionnelles : Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Analyste Programmeur Secteur : Industrie Informations forums : Inscription : mars 2002 Messages : 30 071 Points : 45 201 Points : 45 201	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 __________________ Ma page Developpez Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts) Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir... Votre post est résolu ? Alors n'oubliez pas le Tag réalisations :www.planet-languages.com\|www.saftair.com\| www.ouestisol.fr \| www.sebemex.fr \| www.extramiante.fr \| www.sistac-alizay.fr \| www.acoustishop.fr \| www.litt.fr \| www.ouestventil.fr
	10

06/12/2011, 08h41	#10
lina_86 Invité de passage Ingénieur développement logiciels Inscription : novembre 2011 Messages : 7 Détails du profil Informations personnelles : Sexe : Localisation : France Informations professionnelles : Activité : Ingénieur développement logiciels Secteur : High Tech - Produits et services télécom et Internet Informations forums : Inscription : novembre 2011 Messages : 7 Points : 0 Points : 0	Merci Bovino, je vais tester votre solution, peut être je n'ai pas bien compris ce que SpaceFrog m'a expliqué. cordialement
	00

06/12/2011, 09h19	#12
lina_86 Invité de passage Ingénieur développement logiciels Inscription : novembre 2011 Messages : 7 Détails du profil Informations personnelles : Sexe : Localisation : France Informations professionnelles : Activité : Ingénieur développement logiciels Secteur : High Tech - Produits et services télécom et Internet Informations forums : Inscription : novembre 2011 Messages : 7 Points : 0 Points : 0	merci beaucoup NoSmoking je suis en train de tester votre solution
	00

Outils de la discussion
Afficher une version imprimable Envoyer un lien vers cette page par email