Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
1080 connectés 

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  probleme d'arret chargement page lors evenement javascript

 



 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

probleme d'arret chargement page lors evenement javascript

n°875869
afrolatino
www.afrolatino.net
Posté le 18-10-2004 à 12:48:35  profilanswer
 

probleme d'arret de chargement de la page (images) lors d'un evenement javascript
 
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
 

Code :
  1. ---------------------------------------------------------------------------
  2. </HEAD>
  3. <SCRIPT language="JavaScript">
  4. //PLF- http://www.jejavascript.net/
  5. var fois=0
  6. function AfficheImage(petiteImage,grandeImage,texteImage)
  7. {
  8. 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>');
  9. }
  10. function Affichegrande(cheminImage,texte)
  11. {
  12. newImage = new Image;
  13. newImage.src = cheminImage;
  14. 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">'+
  15. '<CENTER><TABLE><TR><TD background="../fondphoto.jpg">'+
  16. '<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>';
  17. if (fois == 1 ) ouvrirImage.close();
  18. ouvrirImage = window.open('','_blank','toolbar=0,location=0,menuBar=0,scrollbars=0,resizable=0');
  19. ouvrirImage.document.write(html);
  20. fois=1;
  21. }
  22. </SCRIPT>
  23. </HEAD>
  24. <BODY bgcolor="#00ffcc" text="#000099" link="#0033cc" vlink="#cc3300" alink="#ff0033" >
  25. <!-- DEBUT DU SCRIPT -->
  26. <STYLE> v\:* { BEHAVIOR: url(#default#VML) } </STYLE>
  27. <script language=javascript>
  28. couleurligne = "#00FFCC";
  29. couleurbase = "#CC0000";
  30. couleurover = "#FFCCFF";
  31. function scrollBar(face)
  32. {
  33. with(document.body.style)
  34. {
  35. scrollbarDarkShadowColor="#006633";
  36. scrollbar3dLightColor="#FFCCFF";
  37. scrollbarArrowColor="#FFCCFF";
  38. scrollbarBaseColor=face;
  39. scrollbarFaceColor=face;
  40. scrollbarHighlightColor=face;
  41. scrollbarShadowColor=face;
  42. scrollbarTrackColor="#FFCCFF";
  43. }
  44. }
  45. function colorBar(){
  46. var w = document.body.clientWidth;
  47. var h = document.body.clientHeight;
  48. var x = event.clientX;
  49. var y = event.clientY;
  50. if(x>w) scrollBar(couleurover);
  51. else scrollBar(couleurbase);
  52. }
  53. if (document.all){
  54. scrollBar(couleurbase);
  55. document.onmousemove=colorBar;
  56. }
  57. </script>
  58. <TABLE>
  59. <TR><TD background="pellicule.gif" colspan="36" height="18"></TD> </TR>
  60. <TR>
  61. <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>
  62. <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>
  63. <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>
  64. <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>
  65. <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>
  66. <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>
  67. <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>
  68. <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>
  69. <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>
  70. <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>
  71. <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>
  72. <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>
  73. <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>
  74. <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>
  75. <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>
  76. <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>
  77. <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>
  78. <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>
  79. <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>
  80. <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>
  81. <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>
  82. <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>
  83. <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>
  84. <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>
  85. <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>
  86. <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>
  87. <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>
  88. <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>
  89. <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>
  90. <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>
  91. <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>
  92. <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>
  93. <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>
  94. <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>
  95. <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>
  96. <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>
  97. </TR>
  98. <TR><TD background="pellicule.gif" colspan="36" height="18"></TD> </TR>
  99. </TABLE>
  100. ---------------------------------------------------------------------------


 
si vous voulez tester voici l'url de test  
http://pasti125.atspace.com/041009 [...] age_00.htm

mood
Publicité
Posté le 18-10-2004 à 12:48:35  profilanswer
 

n°875874
Lorr Hyde
L'univers est trop grand Zut !
Posté le 18-10-2004 à 12:58:01  profilanswer
 

Citation :

la fonction javascript popup pour afficher mon image


 :sweat:   :cry:  Quel horreur ...
 
Normalement non ...
Je ne croit pas que cela soit possible.


---------------
Tout n'est descriptible que du point de vue de l'observateur, donc sûrement faux pour le reste du monde.
n°875901
Hermes le ​Messager
Breton Quiétiste
Posté le 18-10-2004 à 13:39:22  profilanswer
 

C'est n'importe quoi comme script (mais alors VRAIMENT n'importe quoi), ne parlons même pas du code HTML de 1901 + le fait que tout soit mélangé.
 
Bref, l'horreur totale et qui en plus n'est pas de toi. Donc du coup, rien à voir avec nous non plus...

n°875905
Hermes le ​Messager
Breton Quiétiste
Posté le 18-10-2004 à 13:41:37  profilanswer
 

Sinon pour répondre à la question originelle, le problème vient de là :
 
<A HREF="javascript:Affichegrande.....
 
Pas de javacript dans un href.

n°876390
afrolatino
www.afrolatino.net
Posté le 18-10-2004 à 19:37:56  profilanswer
 

Ok pb resolu
merci pour vos infos
Suite a plusieurs conseils sur d'autres forum j'ai utilisé onclick dans la balise <IMG>:
 
<IMG onmouseout="style.cursor='hand'" ALT="cliquez ici pour afficher en grand" src="TN_IMG_8707.JPG" onclick="Affichegrande('IMG_8707.JPG','IMG_8707.JPG');">

n°876392
Profil sup​primé
Posté le 18-10-2004 à 19:40:12  answer
 

tu sais que alt s'affiche que quand l'image ne peu etre affiché? [:moule_bite]

n°876394
afrolatino
www.afrolatino.net
Posté le 18-10-2004 à 19:42:56  profilanswer
 

Que veut tu dire exactement?

n°876396
Profil sup​primé
Posté le 18-10-2004 à 19:44:56  answer
 

que ton ALT="cliquez ici pour afficher en grand" ne sert a rien

n°876403
afrolatino
www.afrolatino.net
Posté le 18-10-2004 à 19:56:16  profilanswer
 

Celui ci s'affiche lorsqu'on passe la souris sur l'image
teste sur http://pasti125.atspace.com/041009 [...] age_00.htm

n°876470
Hermes le ​Messager
Breton Quiétiste
Posté le 18-10-2004 à 21:22:32  profilanswer
 

afrolatino a écrit :

Celui ci s'affiche lorsqu'on passe la souris sur l'image
teste sur http://pasti125.atspace.com/041009 [...] age_00.htm


 
non. ça marche uniquement sur certains navigateurs qui ne respectent pas les normes.
 
:o
 
Et puis le :
 

Citation :

Suite a plusieurs conseils sur d'autres forum j'ai utilisé onclick dans la balise <IMG>:


 
me fait bien rigoler. Je t'ai moi même montré le problème.


Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  HTML/CSS

  probleme d'arret chargement page lors evenement javascript

 

Sujets relatifs
derouler un textarea lors du chgt d'une page web[CSS] Problème de positionnement
Probleme de balise <br>Comment insérer une page web dans une animation flash?
[opengl] [linux] probleme de libProblème avec les accents en mysql
[PHP?] Son suivant un évènementProblème identifiation http avec php
Probleme dans un formulaire d'insertion de news dans une bdd[wxwidget] Problème de compilation sous linux
Plus de sujets relatifs à : probleme d'arret chargement page lors evenement javascript


Copyright © 1997-2018 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR