[résolu] Affichage d'une Popup "Merci de patienter" (Please Wait) lors du traitement des données

[nickylarson]

Bonjour,

je suis en train de faire un site web, sur certaines pages qui effectue beaucoup de traitement de données.

J'aimerais qu'au clic sur le bouton de traitement, un message apparaisse afin de bloquer l'utilisateur sur l'interface (l'empêcher de changer de menu en pensant que c'est terminé, éviter qui re-clique sur le bouton).

Je cherche une fenêtre qui s'ouvre quand je lui dis, et qui se ferme en définissant un Thread.Sleep, d'une dizaine ou vingtaine de seconde pour que l'utilisateur s’aperçoit que le changement n'est pas terminé

pour le style et le modèle ne vous inquiétez pas j'essaierais de le faire

Merci ....et bonne soirée

[nickylarson]

bonjour

donc je me réponds donc j'ai trouvé un site qui m'a permis de répondre a mon soucis

http://www.editeurjavascript.com/scripts/scripts_autres_1_141.php

Code:

<!-- DEBUT DU SCRIPT -->
<STYLE TYPE="text/css">
<!-- 
#cache {
    position:absolute; top:200px; z-index:10; visibility:hidden;
}
-->
</STYLE>
<DIV ID="cache"><TABLE WIDTH=400 BGCOLOR=#000000 BORDER=0 CELLPADDING=2 CELLSPACING=0><TR><TD ALIGN=center VALIGN=middle><TABLE WIDTH=100% BGCOLOR=#FFFFFF BORDER=0 CELLPADDING=0 CELLSPACING=0><TR><TD ALIGN=center VALIGN=middle><FONT FACE="Verdana" SIZE=7 COLOR=#000000><B><I><BR>Veuillez patienter pendant le chargement de la page !!<BR><BR></I></B></FONT></TD>  </TR></TABLE></TD>  </TR></TABLE></DIV>

<SCRIPT LANGUAGE="JavaScript">
/*
SCRIPT EDITE SUR L'EDITEUR JAVASCRIPT
http://www.editeurjavascript.com
*/
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()
   {
   cach.visibility = "hidden";
   }
window.onload = cacheOff
</SCRIPT>
<!-- FIN DU SCRIPT --><noscript><a href="http://www.editeurjavascript.com/">ajax</a></noscript>

ce pendant j'ai encore besoin d'une aide je n'arrive pas a le centré

et je voudrais que ce gif http://caisse.hammerson.fr/gui/images/patienter.gif

s'affiche a la place du message car cela n'est pas tres jolie a voir

merci bonne journée

[nickylarson]

encore merci

je viens de trouver pour insérer mon gif

Code:

<!-- DEBUT DU SCRIPT -->
<STYLE TYPE="text/css">
<!-- 
#cache {
    position:absolute; top:200px; z-index:10; visibility:hidden;
}
-->
</STYLE>
<DIV ID="cache"><TABLE WIDTH=400 BGCOLOR=#000000 BORDER=0 CELLPADDING=2 CELLSPACING=0><TR><TD ALIGN=center VALIGN=middle><TABLE WIDTH=100% BGCOLOR=#FFFFFF BORDER=0 CELLPADDING=0 CELLSPACING=0><TR><TD ALIGN=center VALIGN=middle><FONT FACE="Verdana" SIZE=7 COLOR=#000000><B><I><BR>[img]http://caisse.hammerson.fr/gui/images/patienter.gif[/img]<BR><BR></I></B></FONT></TD>  </TR></TABLE></TD>  </TR></TABLE></DIV>

<SCRIPT LANGUAGE="JavaScript">
/*
SCRIPT EDITE SUR L'EDITEUR JAVASCRIPT
http://www.editeurjavascript.com
*/
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()
   {
   cach.visibility = "hidden";
   }
window.onload = cacheOff
</SCRIPT>
<!-- FIN DU SCRIPT --><noscript><a href="http://www.editeurjavascript.com/">ajax</a></noscript>

dans la partie du site

Entrez ici le texte à afficher dans le cadre
(par exemple : Veuillez patienter pendant le chargement de la page !!)
Vous pouvez inserer du code HTML :

il suffisait de l'inscrire comme ceci

Code:

[img]

http://caisse.hammerson.fr/gui/images/patienter.gif

Code:

[/img]

il ne me reste plus qu'a le centrer avez vous une idée

merci

extrait a voir a cette adresse : http://electrotaide.forumgratuit.org/f25-les-news-legrand

merci bonne journée

[nickylarson]

up

[nickylarson]

up

[nickylarson]

bonsoir

je cherche juste le moyen de le centrer

merci d'avance sinon tout fonctionne bien

bonne soirée et bonne nuit

[PatMax]

Remplacer:

Code:

<DIV ID="cache"><TABLE WIDTH=400 BGCOLOR=#000000 BORDER=0 CELLPADDING=2 CELLSPACING=0><TR><TD ALIGN=center VALIGN=middle><TABLE WIDTH=100% BGCOLOR=#FFFFFF BORDER=0 CELLPADDING=0 CELLSPACING=0><TR><TD ALIGN=center VALIGN=middle><FONT FACE="Verdana" SIZE=7 COLOR=#000000><B><I><BR>[img]http://caisse.hammerson.fr/gui/images/patienter.gif[/img]<BR><BR></I></B></FONT></TD>  </TR></TABLE></TD>  </TR></TABLE></DIV>

par:

Code:

<center><DIV ID="cache"><TABLE WIDTH=400 BGCOLOR=#000000 BORDER=0 CELLPADDING=2 CELLSPACING=0><TR><TD ALIGN=center VALIGN=middle><TABLE WIDTH=100% BGCOLOR=#FFFFFF BORDER=0 CELLPADDING=0 CELLSPACING=0><TR><TD ALIGN=center VALIGN=middle><FONT FACE="Verdana" SIZE=7 COLOR=#000000><B><I><BR>[img]http://caisse.hammerson.fr/gui/images/patienter.gif[/img]<BR><BR></I></B></FONT></TD>  </TR></TABLE></TD>  </TR></TABLE></DIV></center>

[nickylarson]

bonjour

un grand merci en plus cela évite le popup

il ne me reste plus qu'a redimensionner ou a changer de gif car cela est un peu grand

passez une bonne soirée et nuit


ps: résolu