Se connecter avec
S'enregistrer | Connectez-vous

Probleme popup

Dernière réponse : dans Programmation

bonjour
j'ai une page web qui contient des photos en vignettes, quand je clique sur une vignette, une popup representant la vignette agrandie selon mon choix s'ouvre.
j'ai fait ça en javascript, ça marche impeccable pourl'utilisateur qui utilise javascript dans son navigateur.Mais pour celui qui n'a pas javascript ça marche pas, la page n'ouvre pas, j'ai essaye de mettre un lien normal en doublon et là quand il n'y a pas javascript activé dans le navigateur ma fenetre s'ouvre pleine page ,normal.mais quand il y a jvascript activé j'ai deux fenetres qui s'ouvrent,une popup et une en pleine page ,normal en fait, mais moi ce que je voudrais c'est qu'il y ait soit l'une ou soit l'autre selon que javascript est utilisé ou pas
si quelqu'un a une solution

Autres pages sur : probleme popup

Lassé par la pub ? Créez un compte

le truc, au niveau du javascript, c'est de terminer par un "return false;"

  1. <a href="AdressePopup.hm" onclick="javascript:window.open(this.href);return false;" target="_blank">mon lien</a>


comme ça :
si javascript actif, le "onclick" s'exécute, et le return false "empêche" le fonctionnement normal du <A>
si javascript est inactif, c'est le lien "normal" qui s'exécute

bonjour zeb
voila la partie du code actuel concernant les popup


_____________________________________
Modérateur: oui, je sais, j'ai tout supprimé, et j'ai fait exprès.
Je t'ai dit :
Citation :
(Attention de bien le présenter comme l'a fait norb ;)  )

Comme tu n'as pas fait attention, voilà, je m'énerve : [:alzheimer parkinson]
C'est pas malin :/ 

Alors que qu'il te reste à faire, c'est à cliquer sur la ptite icône blanche (ou la grise) avec un éclair en bas à droite de ce message, et à tout réécrire.
Mais en faisant a-t-t-e-n-t-i-o-n à la présentation. Et oui, il y a un règlement ici et un shérif pas commode [:zeb:6]

(Comme c'est TON message, tu n'auras pas de mal à virer mon petit laïus, ainsi, il ne restera que TON code ;)  T'as vu, je suis tout énervé mais pas méchant)

Si tu n'as rien compris, je te le refais, mais en image :

salut zeb excuse pour l'erreur je redonne le code en mettant les formes



  1. <script type="text/JavaScript">
  2. //<![CDATA[
  3. <!--
  4. function MM_openBrWindow(theURL,winName,features) { //v2.0
  5. window.open(theURL,winName,features);
  6. }
  7. //-->
  8. //]]>
  9. </script>
  10. </head>
  11. <body background="images/background.jpg">
  12. <div id="Layer1">
  13. <img src="images/bricologo.png" height="110" width="260" alt="" />
  14. </div>
  15. <div id="Layer2">
  16. <img src="images/brico.png" height="64" width="245" alt="" />
  17. </div>
  18. <div id="Layer3">
  19. <p>
  20. <strong>BRICOMEGA</strong>
  21. </p>
  22. <p>
  23. <strong>13105 MIMET</strong>
  24. </p>
  25. <p>
  26. <strong>TEL:06 86 70 22 58</strong>
  27. </p>
  28. <p>
  29. <strong>E-mail: <a href=
  30. "mailto:bricomega@free.fr">bricomega@free.fr</a></strong>
  31. </p>
  32. </div>
  33. <div id="Layer5">
  34. <a href="javascript:;" onclick=
  35. "MM_openBrWindow('arrosage.html','','scrollbars=yes,width=655,height=550')">
  36. <img src="images/arrosage%20automatique.jpg" width="199" height="114"
  37. border="1" alt="" /></a>
  38. </div>
  39. <div id="Layer9">
  40. <a href="javascript:;" onclick=
  41. "MM_openBrWindow('carrelage.html','','scrollbars=yes,width=655,height=550')">
  42. <img src="images/carrelage.jpg" width="199" height="114" border="1" alt=
  43. "" /></a>
  44. </div>
  45. <div id="Layer10">
  46. <a href="javascript:;" onclick=
  47. "MM_openBrWindow('moteur portail.html','','scrollbars=yes,width=660,height=560')">
  48. <img src="images/moteur%20portail.jpg" width="199" height="114" border=
  49. "1" alt="" /></a>
  50. </div>
  51. <div id="Layer11">
  52. <a href="javascript:;" onclick=
  53. "MM_openBrWindow('portail.html','','scrollbars=yes,width=655,height=550')">
  54. <img src="images/portail.jpg" width="199" height="114" border="1" alt=
  55. "" /></a>
  56. </div>
  57. <div id="Layer12">
  58. <a href="javascript:;" onclick=
  59. "MM_openBrWindow('gouttiere.html','','scrollbars=yes,width=655,height=550')">
  60. <img src="images/gouttiere.jpg" width="199" height="114" border="1" alt=
  61. "" /></a>
  62. </div>
  63. <div id="Layer13">
  64. <a href="javascript:;" onclick=
  65. "MM_openBrWindow('mur rond.html','','scrollbars=yes,width=655,height=550')">
  66. <img src="images/mur%20rond.jpg" width="199" height="114" border="1" alt=
  67. "" /></a>
  68. </div>
  69. <div id="Layer14">
  70. <a href="javascript:;" onclick=
  71. "MM_openBrWindow('mur devant.html','','scrollbars=yes,width=655,height=550')">
  72. <img src="images/mur%20devant.jpg" width="199" height="114" border="1"
  73. alt="" /></a>
  74. </div>
  75. <div id="Layer15">
  76. <a href="javascript:;" onclick=
  77. "MM_openBrWindow('mur parpaings.html','','scrollbars=yes,width=655,height=550')">
  78. <img src="images/mur%20parpaings.jpg" width="199" height="114" border="1"
  79. alt="" /></a>
  80. </div>
  81. <div id="Layer16">
  82. <a href="javascript:;" onclick=
  83. "MM_openBrWindow('plombfiltre.html','','scrollbars=yes,width=655,height=550')">
  84. <img src="images/plomberie%20filtre.JPG" width="199" height="114" border=
  85. "1" alt="" /></a>
  86. </div>
  87. <div id="Layer17">
  88. <a href="javascript:;" onclick=
  89. "MM_openBrWindow('plomb.html','','scrollbars=yes,width=655,height=550')"><img src="images/plomberie.JPG"
  90. width="199" height="114" border="1" alt="" /></a>
  91. </div>
  92. <div id="Layer18">
  93. <a href="javascript:;" onclick=
  94. "MM_openBrWindow('lambris.html','','scrollbars=yes,width=655,height=550')">
  95. <img src="images/lambris.JPG" width="199" height="114" border="1" alt=
  96. "" /></a>
  97. </div>
  98. <div id="Layer19">
  99. <a href="javascript:;" onclick=
  100. "MM_openBrWindow('placard.html','','scrollbars=yes,width=655,height=550')">
  101. <img src="images/placard.jpg" width="199" height="114" border="1" alt=
  102. "" /></a>
  103. </div>
  104. <div id="Layer20">
  105. <a href="javascript:;" onclick=
  106. "MM_openBrWindow('salle de bains.html','','scrollbars=yes,width=655,height=550')">
  107. <img src="images/salle%20de%20bains.jpg" width="199" height="114" border=
  108. "1" alt="" /></a>
  109. <div id="Layer21">
  110. <a href="index.html"><img src="images/p11b4Up.gif" border="0" height=
  111. "35" width="118" alt="" /></a>
  112. </div>
  113. </div>
  114. <div id="Layer6">
  115. <a href="javascript:;" onclick=
  116. "MM_openBrWindow('portillon terrasse.html','','scrollbars=yes,width=655,height=550')">
  117. <img src="images/portillon%20terrasse.JPG" width="199" height="114"
  118. border="1" alt="" /></a>
  119. </div>
  120. <div id="Layer7">
  121. <a href="javascript:;" onclick=
  122. "MM_openBrWindow('petite grille.html','','scrollbars=yes,width=515,height=600')">
  123. <img src="images/petite%20grille.jpg" width="199" height="114" border="1"
  124. alt="" /></a>
  125. </div>
  126. <div id="Layer8">
  127. <a href="javascript:;" onclick=
  128. "MM_openBrWindow('portillon entree.html','','scrollbars=yes,width=520,height=700')">
  129. <img src="images/portillon%20entree.jpg" width="199" height="114" border=
  130. "1" alt="" /></a>
  131. </div>
  132. </body>
  133. </html>

Bon, ben, je persiste et signe

un seul exemple dans tout ce code :

  1. <div id="Layer5">
  2. <a href="javascript:;" onclick=
  3. "MM_openBrWindow('arrosage.html','','scrollbars=yes,width=655,height=550');return false;">
  4. <img src="images/arrosage%20automatique.jpg" width="199" height="114"
  5. border="1" alt="" /></a>
  6. </div>


J'ai juste rajouté un "return false" après l'appel du MM_openBrWindow

par contre, dans le href, il faut mentionner l'url à utilisé en cas de Javascript désactivé !
Ce qui au final donne ça :

  1. <div id="Layer5">
  2. <a href="images/arrosage%20automatique.jpg" onclick=
  3. "MM_openBrWindow('arrosage.html','','scrollbars=yes,width=655,height=550');return false;">
  4. <img src="images/arrosage%20automatique.jpg" width="199" height="114"
  5. border="1" alt="" /></a>
  6. </div>


sinon, le coup du
  1. <a href="javascript:;" ...>

c'est pas très propre.
Mieux faut carrément faire ça :

  1. <a href="javascript:void(null);" ...>

Ben, y'a pas, les insctructions vont pas se créer toutes seules par magie !

Ce que tu peux faire, c'est un coup de chercher/remplace :
tu remplaces "MM_openBrWindow" par "return MM_openBrWindow"
(sauf dans la définition de la fonction)

Et dans MM_openBrWindow, tu termines par un "return false;"

merci bill2 je crois que je vais laisser comme ça ,en fait pratiquement tout le monde utilise javascript.
par contre y'a un truc que je ne comprends pas ,dans firefox tout fonctionne bien par contre dans opera toutes mes popup s'ouvrent correctement sauf 2 qui s'ouvrent en fenetres normales j'ai tout reexamine au niveau du code aussi bien dans la page d'appel que dans les pages de destination rien a redire et pourtant j'ai pas les meme resultats, avec firefox et internet explorer ça marche avec opera ça deconne
Lassé par la pub ? Créez un compte