Trucsweb.com

Forum de discussion

 Forum « Programmation Javascript » (archives)

probleme d'arret de chargement de la page (images) lors d'un evenement javascript

Envoyé: 18 octobre 2004, 4h34 par patr84


Bonjour

J'affiche un diaporama de 50 vignettes dans une page web
et j'ai un javascript qui affiche mes images dans une popup

Probleme

je suis obligé d'attendre le chargement complet des vignettes du diaporama pour commencer a voir mes images
Sinon
le fait de cliquer et de lancer l'evenement javascript popup m'arrete le chargement des vignettes

y' a t'il une solution simple en javascript ou autre pour regler ce probleme d'arret de chargement de la page(dont des vignettes) lors du clic sur la vignete qui lance la fonction javascript popup pour afficher mon image

voici le code de la page avec le javascript enquestion

---------------------------------------------------------------------------
</HEAD>
<SCRIPT language="JavaScript">
//PLF- http://www.jejavascript.net/
var fois=0
function AfficheImage(petiteImage,grandeImage,texteImage)
{
document.write('<A HREF="javascript:Affichegrande(\''+grandeImage+'\',\''+texteImage+'\')"><IMG SRC="'+petiteImage+'" HSPACE=0 VSPACE=0 BORDER=0 ALT="cliquez ici pour afficher en grand"></A>');
}
function Affichegrande(cheminImage,texte)
{
newImage = new Image;
newImage.src = cheminImage;
html = '<HTML><HEAD><TITLE>Patientez jusqu\'a l\'affichage de l\'image</TITLE><meta http-equiv="Pragma" content="no-cache"></HEAD><BODY leftmargin=0 marginwidth=0 topmargin=0 marginheigth=0 oncontextmenu="return false">'+
'<CENTER><TABLE><TR><TD background="../fondphoto.jpg">'+
'<a href="#" onClick="window.close()"><IMG SRC="'+cheminImage+'" BORDER=0 NAME=monImage alt="'+texte+'"border="0" onLoad="window.resizeTo(document.monImage.width+14,document.monImage.height+32); window.moveTo((screen.width-document.monImage.width)/2,5)"> </a></CENTER></TR></TABLE></BODY></HTML>';
if (fois == 1 ) ouvrirImage.close();
ouvrirImage = window.open('','_blank','toolbar=0,location=0,menuBar=0,scrollbars=0,resizable=0');
ouvrirImage.document.write(html);
fois=1;
}
</SCRIPT>

</HEAD>
<BODY bgcolor="#00ffcc" text="#000099" link="#0033cc" vlink="#cc3300" alink="#ff0033" >
<!-- DEBUT DU SCRIPT -->
<STYLE> v\:* { BEHAVIOR: url(#default#VML) } </STYLE>

<script language=javascript>
couleurligne = "#00FFCC";
couleurbase = "#CC0000";
couleurover = "#FFCCFF";
function scrollBar(face)
{
with(document.body.style)
{
scrollbarDarkShadowColor="#006633";
scrollbar3dLightColor="#FFCCFF";
scrollbarArrowColor="#FFCCFF";
scrollbarBaseColor=face;
scrollbarFaceColor=face;
scrollbarHighlightColor=face;
scrollbarShadowColor=face;
scrollbarTrackColor="#FFCCFF";
}
}
function colorBar(){
var w = document.body.clientWidth;
var h = document.body.clientHeight;
var x = event.clientX;
var y = event.clientY;
if(x>w) scrollBar(couleurover);
else scrollBar(couleurbase);
}
if (document.all){
scrollBar(couleurbase);
document.onmousemove=colorBar;
}
</script>

<TABLE>
<TR><TD background="pellicule.gif" colspan="36" height="18"></TD> </TR>
<TR>
<TD ALIGN=CENTER VALIGN=MIDDLE background="fondphoto.jpg"><FONT face="Verdana, Arial, Helvetica, Sans-Serif" size="-2"><script language=JavaScript>AfficheImage("TN_IMG_3993.JPG","IMG_3993.JPG","IMG_3993.JPG");</script><BR>IMG_3993.JPG</A></FONT></TD>
<TD ALIGN=CENTER VALIGN=MIDDLE background="fondphoto.jpg"><FONT face="Verdana, Arial, Helvetica, Sans-Serif" size="-2"><script language=JavaScript>AfficheImage("TN_IMG_3995.JPG","IMG_3995.JPG","IMG_3995.JPG");</script><BR>IMG_3995.JPG</A></FONT></TD>
<TD ALIGN=CENTER VALIGN=MIDDLE background="fondphoto.jpg"><FONT face="Verdana, Arial, Helvetica, Sans-Serif" size="-2"><script language=JavaScript>AfficheImage("TN_IMG_3996.JPG","IMG_3996.JPG","IMG_3996.JPG");</script><BR>IMG_3996.JPG</A></FONT></TD>
<TD ALIGN=CENTER VALIGN=MIDDLE background="fondphoto.jpg"><FONT face="Verdana, Arial, Helvetica, Sans-Serif" size="-2"><script language=JavaScript>AfficheImage("TN_IMG_3997.JPG","IMG_3997.JPG","IMG_3997.JPG");</script><BR>IMG_3997.JPG</A></FONT></TD>
<TD ALIGN=CENTER VALIGN=MIDDLE background="fondphoto.jpg"><FONT face="Verdana, Arial, Helvetica, Sans-Serif" size="-2"><script language=JavaScript>AfficheImage("TN_IMG_3998.JPG","IMG_3998.JPG","IMG_3998.JPG");</script><BR>IMG_3998.JPG</A></FONT></TD>
<TD ALIGN=CENTER VALIGN=MIDDLE background="fondphoto.jpg"><FONT face="Verdana, Arial, Helvetica, Sans-Serif" size="-2"><script language=JavaScript>AfficheImage("TN_IMG_3999.JPG","IMG_3999.JPG","IMG_3999.JPG");</script><BR>IMG_3999.JPG</A></FONT></TD>
<TD ALIGN=CENTER VALIGN=MIDDLE background="fondphoto.jpg"><FONT face="Verdana, Arial, Helvetica, Sans-Serif" size="-2"><script language=JavaScript>AfficheImage("TN_IMG_4000.JPG","IMG_4000.JPG","IMG_4000.JPG");</script><BR>IMG_4000.JPG</A></FONT></TD>
<TD ALIGN=CENTER VALIGN=MIDDLE background="fondphoto.jpg"><FONT face="Verdana, Arial, Helvetica, Sans-Serif" size="-2"><script language=JavaScript>AfficheImage("TN_IMG_4001.JPG","IMG_4001.JPG","IMG_4001.JPG");</script><BR>IMG_4001.JPG</A></FONT></TD>
<TD ALIGN=CENTER VALIGN=MIDDLE background="fondphoto.jpg"><FONT face="Verdana, Arial, Helvetica, Sans-Serif" size="-2"><script language=JavaScript>AfficheImage("TN_IMG_4003.JPG","IMG_4003.JPG","IMG_4003.JPG");</script><BR>IMG_4003.JPG</A></FONT></TD>
<TD ALIGN=CENTER VALIGN=MIDDLE background="fondphoto.jpg"><FONT face="Verdana, Arial, Helvetica, Sans-Serif" size="-2"><script language=JavaScript>AfficheImage("TN_IMG_4004.JPG","IMG_4004.JPG","IMG_4004.JPG");</script><BR>IMG_4004.JPG</A></FONT></TD>
<TD ALIGN=CENTER VALIGN=MIDDLE background="fondphoto.jpg"><FONT face="Verdana, Arial, Helvetica, Sans-Serif" size="-2"><script language=JavaScript>AfficheImage("TN_IMG_4006.JPG","IMG_4006.JPG","IMG_4006.JPG");</script><BR>IMG_4006.JPG</A></FONT></TD>
<TD ALIGN=CENTER VALIGN=MIDDLE background="fondphoto.jpg"><FONT face="Verdana, Arial, Helvetica, Sans-Serif" size="-2"><script language=JavaScript>AfficheImage("TN_IMG_4007.JPG","IMG_4007.JPG","IMG_4007.JPG");</script><BR>IMG_4007.JPG</A></FONT></TD>
<TD ALIGN=CENTER VALIGN=MIDDLE background="fondphoto.jpg"><FONT face="Verdana, Arial, Helvetica, Sans-Serif" size="-2"><script language=JavaScript>AfficheImage("TN_IMG_4008.JPG","IMG_4008.JPG","IMG_4008.JPG");</script><BR>IMG_4008.JPG</A></FONT></TD>
<TD ALIGN=CENTER VALIGN=MIDDLE background="fondphoto.jpg"><FONT face="Verdana, Arial, Helvetica, Sans-Serif" size="-2"><script language=JavaScript>AfficheImage("TN_IMG_4009.JPG","IMG_4009.JPG","IMG_4009.JPG");</script><BR>IMG_4009.JPG</A></FONT></TD>
<TD ALIGN=CENTER VALIGN=MIDDLE background="fondphoto.jpg"><FONT face="Verdana, Arial, Helvetica, Sans-Serif" size="-2"><script language=JavaScript>AfficheImage("TN_IMG_4010.JPG","IMG_4010.JPG","IMG_4010.JPG");</script><BR>IMG_4010.JPG</A></FONT></TD>
<TD ALIGN=CENTER VALIGN=MIDDLE background="fondphoto.jpg"><FONT face="Verdana, Arial, Helvetica, Sans-Serif" size="-2"><script language=JavaScript>AfficheImage("TN_IMG_4011.JPG","IMG_4011.JPG","IMG_4011.JPG");</script><BR>IMG_4011.JPG</A></FONT></TD>
<TD ALIGN=CENTER VALIGN=MIDDLE background="fondphoto.jpg"><FONT face="Verdana, Arial, Helvetica, Sans-Serif" size="-2"><script language=JavaScript>AfficheImage("TN_IMG_4013.JPG","IMG_4013.JPG","IMG_4013.JPG");</script><BR>IMG_4013.JPG</A></FONT></TD>
<TD ALIGN=CENTER VALIGN=MIDDLE background="fondphoto.jpg"><FONT face="Verdana, Arial, Helvetica, Sans-Serif" size="-2"><script language=JavaScript>AfficheImage("TN_IMG_4014.JPG","IMG_4014.JPG","IMG_4014.JPG");</script><BR>IMG_4014.JPG</A></FONT></TD>
<TD ALIGN=CENTER VALIGN=MIDDLE background="fondphoto.jpg"><FONT face="Verdana, Arial, Helvetica, Sans-Serif" size="-2"><script language=JavaScript>AfficheImage("TN_IMG_4015.JPG","IMG_4015.JPG","IMG_4015.JPG");</script><BR>IMG_4015.JPG</A></FONT></TD>
<TD ALIGN=CENTER VALIGN=MIDDLE background="fondphoto.jpg"><FONT face="Verdana, Arial, Helvetica, Sans-Serif" size="-2"><script language=JavaScript>AfficheImage("TN_IMG_4016.JPG","IMG_4016.JPG","IMG_4016.JPG");</script><BR>IMG_4016.JPG</A></FONT></TD>
<TD ALIGN=CENTER VALIGN=MIDDLE background="fondphoto.jpg"><FONT face="Verdana, Arial, Helvetica, Sans-Serif" size="-2"><script language=JavaScript>AfficheImage("TN_IMG_4017.JPG","IMG_4017.JPG","IMG_4017.JPG");</script><BR>IMG_4017.JPG</A></FONT></TD>
<TD ALIGN=CENTER VALIGN=MIDDLE background="fondphoto.jpg"><FONT face="Verdana, Arial, Helvetica, Sans-Serif" size="-2"><script language=JavaScript>AfficheImage("TN_IMG_4019.JPG","IMG_4019.JPG","IMG_4019.JPG");</script><BR>IMG_4019.JPG</A></FONT></TD>
<TD ALIGN=CENTER VALIGN=MIDDLE background="fondphoto.jpg"><FONT face="Verdana, Arial, Helvetica, Sans-Serif" size="-2"><script language=JavaScript>AfficheImage("TN_IMG_4020.JPG","IMG_4020.JPG","IMG_4020.JPG");</script><BR>IMG_4020.JPG</A></FONT></TD>
<TD ALIGN=CENTER VALIGN=MIDDLE background="fondphoto.jpg"><FONT face="Verdana, Arial, Helvetica, Sans-Serif" size="-2"><script language=JavaScript>AfficheImage("TN_IMG_4021.JPG","IMG_4021.JPG","IMG_4021.JPG");</script><BR>IMG_4021.JPG</A></FONT></TD>
<TD ALIGN=CENTER VALIGN=MIDDLE background="fondphoto.jpg"><FONT face="Verdana, Arial, Helvetica, Sans-Serif" size="-2"><script language=JavaScript>AfficheImage("TN_IMG_4022.JPG","IMG_4022.JPG","IMG_4022.JPG");</script><BR>IMG_4022.JPG</A></FONT></TD>
<TD ALIGN=CENTER VALIGN=MIDDLE background="fondphoto.jpg"><FONT face="Verdana, Arial, Helvetica, Sans-Serif" size="-2"><script language=JavaScript>AfficheImage("TN_IMG_4023.JPG","IMG_4023.JPG","IMG_4023.JPG");</script><BR>IMG_4023.JPG</A></FONT></TD>
<TD ALIGN=CENTER VALIGN=MIDDLE background="fondphoto.jpg"><FONT face="Verdana, Arial, Helvetica, Sans-Serif" size="-2"><script language=JavaScript>AfficheImage("TN_IMG_4024.JPG","IMG_4024.JPG","IMG_4024.JPG");</script><BR>IMG_4024.JPG</A></FONT></TD>
<TD ALIGN=CENTER VALIGN=MIDDLE background="fondphoto.jpg"><FONT face="Verdana, Arial, Helvetica, Sans-Serif" size="-2"><script language=JavaScript>AfficheImage("TN_IMG_4025.JPG","IMG_4025.JPG","IMG_4025.JPG");</script><BR>IMG_4025.JPG</A></FONT></TD>
<TD ALIGN=CENTER VALIGN=MIDDLE background="fondphoto.jpg"><FONT face="Verdana, Arial, Helvetica, Sans-Serif" size="-2"><script language=JavaScript>AfficheImage("TN_IMG_4026.JPG","IMG_4026.JPG","IMG_4026.JPG");</script><BR>IMG_4026.JPG</A></FONT></TD>
<TD ALIGN=CENTER VALIGN=MIDDLE background="fondphoto.jpg"><FONT face="Verdana, Arial, Helvetica, Sans-Serif" size="-2"><script language=JavaScript>AfficheImage("TN_IMG_4027.JPG","IMG_4027.JPG","IMG_4027.JPG");</script><BR>IMG_4027.JPG</A></FONT></TD>
<TD ALIGN=CENTER VALIGN=MIDDLE background="fondphoto.jpg"><FONT face="Verdana, Arial, Helvetica, Sans-Serif" size="-2"><script language=JavaScript>AfficheImage("TN_IMG_4028.JPG","IMG_4028.JPG","IMG_4028.JPG");</script><BR>IMG_4028.JPG</A></FONT></TD>
<TD ALIGN=CENTER VALIGN=MIDDLE background="fondphoto.jpg"><FONT face="Verdana, Arial, Helvetica, Sans-Serif" size="-2"><script language=JavaScript>AfficheImage("TN_IMG_4029.JPG","IMG_4029.JPG","IMG_4029.JPG");</script><BR>IMG_4029.JPG</A></FONT></TD>
<TD ALIGN=CENTER VALIGN=MIDDLE background="fondphoto.jpg"><FONT face="Verdana, Arial, Helvetica, Sans-Serif" size="-2"><script language=JavaScript>AfficheImage("TN_IMG_4030.JPG","IMG_4030.JPG","IMG_4030.JPG");</script><BR>IMG_4030.JPG</A></FONT></TD>
<TD ALIGN=CENTER VALIGN=MIDDLE background="fondphoto.jpg"><FONT face="Verdana, Arial, Helvetica, Sans-Serif" size="-2"><script language=JavaScript>AfficheImage("TN_IMG_4031.JPG","IMG_4031.JPG","IMG_4031.JPG");</script><BR>IMG_4031.JPG</A></FONT></TD>
<TD ALIGN=CENTER VALIGN=MIDDLE background="fondphoto.jpg"><FONT face="Verdana, Arial, Helvetica, Sans-Serif" size="-2"><script language=JavaScript>AfficheImage("TN_IMG_4032.JPG","IMG_4032.JPG","IMG_4032.JPG");</script><BR>IMG_4032.JPG</A></FONT></TD>
<TD ALIGN=CENTER VALIGN=MIDDLE background="fondphoto.jpg"><FONT face="Verdana, Arial, Helvetica, Sans-Serif" size="-2"><script language=JavaScript>AfficheImage("TN_IMG_4033.JPG","IMG_4033.JPG","IMG_4033.JPG");</script><BR>IMG_4033.JPG</A></FONT></TD>
</TR>
<TR><TD background="pellicule.gif" colspan="36" height="18"></TD> </TR>
</TABLE>
---------------------------------------------------------------------------

si vous voulez tester voici l'url de test
http://brbeau04.vo6.net/040805pertuis1/040805pertuis.htm


Réponses

 sp spRe: probleme d'arret de chargement de la page (images) lors d'un evenement javascript patr8418/10/2004
 sp spRe: probleme d'arret de chargement de la page (images) lors d'un evenement javascript prismatik7/11/2004
Aucun médias sociaux
X

Trucsweb.com Connexion

Connexion

X

Trucsweb.com Mot de passe perdu

Connexion

X

Trucsweb.com Conditions générales

Conditions

Responsabilité

La responsabilité des Trucsweb.com ne pourra être engagée en cas de faits indépendants de sa volonté. Les informations mises à disposition sur ce site le sont uniquement à titre purement informatif et ne sauraient constituer en aucun cas un conseil ou une recommandation de quelque nature que ce soit.

Aucun contrôle n'est exercé sur les références et ressources externes, l'utilisateur reconnaît que les Trucsweb.com n'assume aucune responsabilité relative à la mise à disposition de ces ressources, et ne peut être tenue responsable quant à leur contenu.

Droit applicable et juridiction compétente

Les règles en matière de droit, applicables aux contenus et aux transmissions de données sur et autour du site, sont déterminées par la loi canadienne. En cas de litige, n'ayant pu faire l'objet d'un accord à l'amiable, seuls les tribunaux canadien sont compétents.

X

Trucsweb.com Trucsweb

X

Trucsweb.com Glossaire

X

Trucsweb.com Trucsweb

X

Trucsweb.com Trucsweb

Conditions

Aucun message!

Merci.

X
Aucun message!
X

Trucsweb.com Créer un compte

Créer un compte

.
@