ouverture d'un pop up à partir d'une image permutée

ouverture d'un pop up à partir d'une image permutée - HTML/CSS - Programmation

Marsh Posté le 12-02-2010 à 16:43:33    

Bonjour.
Je voudrais créer une image permutées, qui lorsque l'on clique dessus, ouvre un lien dans une pop-up, mais je n'y parviens pas.
Voici mon script :
 
<a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image18','','contactezskie2.gif',1)"><img src="contacterskie.gif" name="Image18" width="398" height="66" border="0" align="right" id="Image18" /></a></td>
            <td colspan="2"><a href="javascript:window.open('http://www.swisstools.net/guestbook.asp?numero=124299&popup=ok','','top='+(window.screen.availHeight-700)/2+', left='+(window.screen.availWidth-800)/2+', scrollbars=1, resizable=1, width=800, height=700');void 0;"></a></a><img src="livredor.gif" name="Image19" width="400" height="66" border="0" id="Image19" />
 
Sauriez-vous d'ou vient le problème?
Merci pour vos éventuelles questions.

Reply

Marsh Posté le 12-02-2010 à 16:43:33   

Reply

Marsh Posté le 20-02-2010 à 03:35:49    

Pourquoi tant de code pour un tout petit effet ?  :ange:
Moins tu as de code plus tu aura de chance de réussir  :)
Je te propose un code :

Code :
  1. <a href="javascript:window.open('http://www.swisstools.net/guestbook.asp?numero=124299');"><img src="livredor.gif"></img></a>


Mais sur Mozilla Firefox tu ne pourra pas obliger quelqu'un à ouvrir un popup, chez moi je l'est désactivé.
@++

 

PS: Et si tu souhaite faire des configurations de longueur et hauteur tu ne met pas de guillemet !
Comme scrollbars=1 et non pas scrollbars="1" ou scrollbars='1'


Message édité par cetplus le 20-02-2010 à 04:28:06
Reply

Marsh Posté le 20-02-2010 à 11:04:06    

Pour éviter que l'anti popup se réveille, il suffit parfois de ne pas placer le code JS dans le lien, mais de l'attribuer plus tard, càd lors du onLoad de la page (en plus le code s'en trouve bien plus propre).
Il faut pour ca attribuer un id à l'element en question, le choper avec document.getElementById, et assigner à son onclick une fonction qui contient le code de l'ouverture du popup.
De plus, window.open retourne une valeur, si celle-ci est récupérée, l'anti-popup est encore plus content ;)
 

Code :
  1. function ouverture_popup ()
  2. {
  3.   var p = window.open ('http://www.swisstools.net/guestbook.asp?numero=124299');
  4. }
  5. window.onload = function ()
  6. {
  7.   document.getElementById ("ID_du_lien" ).onclick = ouverture_popup;
  8.   return true;
  9. }


---------------
We deserve everything that's coming...
Reply

Marsh Posté le 20-02-2010 à 14:30:06    

nan mais stop avec vos codes de merde les gars :'( :'(

Code :
  1. <a href="http://www.swisstools.net/guestbook.asp?numero=124299" onclick="window.open(this.href);return false;"><img src="livredor.gif"></img></a>


Message édité par gatsu35 le 20-02-2010 à 14:30:25

---------------
Blablaté par Harko
Reply

Marsh Posté le 20-02-2010 à 15:04:09    

Mélanger le HTML et le JS cay le mal :o


---------------
We deserve everything that's coming...
Reply

Marsh Posté le 20-02-2010 à 16:30:38    

SICKofitALL a écrit :

Mélanger le HTML et le JS cay le mal :o


mettre le lien en JS caylemal :o
là on melange pas forcément le JS et le HTML, pour une simple action à deux balle pas besoin passer du code supplémentaire, on a le droit de rajouter l'eventlistener dans le HTML, à cet endroit là ça tuera personne.
 
 
Quand tu travailleras sur des gros sites ou chaque lien d'ouverture de popup est du custom, tu comprendras


---------------
Blablaté par Harko
Reply

Marsh Posté le 20-02-2010 à 16:47:20    

gatsu35 a écrit :


mettre le lien en JS caylemal :o
là on melange pas forcément le JS et le HTML, pour une simple action à deux balle pas besoin passer du code supplémentaire, on a le droit de rajouter l'eventlistener dans le HTML, à cet endroit là ça tuera personne.
 
Quand tu travailleras sur des gros sites ou chaque lien d'ouverture de popup est du custom, tu comprendras


 
:lol: genre le mec il me connait :D
 
tu as une philosophie, et moi une autre, soit :)


---------------
We deserve everything that's coming...
Reply

Marsh Posté le 20-02-2010 à 17:16:47    

SICKofitALL a écrit :

Mélanger le HTML et le JS cay le mal :o


 
C'est surtout mal si le code rends le site dépendant du JS, là le navigateur/client qui ne comprendrais pas le js, il ignore le onclick et tout se passe bien ça se dégrade sans problème, et tu évite le coût associé au scan du getElementById ainsi que le delai d'application dû au fait que tu t'accroche au onload et pas avant.


---------------
Me: Django Localization, Yogo Puzzle, Chrome Grapher, C++ Signals, Brainf*ck.
Reply

Marsh Posté le 20-02-2010 à 17:37:18    

Argument imparable en effet.
Ceci dit, ca revient au même d'une certaine facon. Si le JS est inactif, ce qui se passe après le onLoad ne s'executera pas, et pour peu que le href soit défini dans le markup, comme Gatsu35 l'a proposé, le résultat est le même. D'ailleurs le onload peut être remplacé par un event du type onDOMContentLoaded ou équivalent.


---------------
We deserve everything that's coming...
Reply

Marsh Posté le 20-02-2010 à 17:44:14    

SICKofitALL a écrit :

Argument imparable en effet.
Ceci dit, ca revient au même d'une certaine facon. Si le JS est inactif, ce qui se passe après le onLoad ne s'executera pas, et pour peu que le href soit défini dans le markup, comme Gatsu35 l'a proposé, le résultat est le même. D'ailleurs le onload peut être remplacé par un event du type onDOMContentLoaded ou équivalent.


 
Si tu corrige ces deux trucs c'est déja mieux :jap:
Ensuite tu remplace le match par ID par une class "popup_link" et plus besoin de toucher le code js à chaque fois que t'ajoute un lien en popup [:bien]


---------------
Me: Django Localization, Yogo Puzzle, Chrome Grapher, C++ Signals, Brainf*ck.
Reply

Marsh Posté le 20-02-2010 à 17:44:14   

Reply

Marsh Posté le 20-02-2010 à 17:51:33    

oui :)
Pour clore le sujet, je précise que mon exemple plus haut n'avait pas plus de finalité que d'être un exemple, et que de toutes facons, les popups très peu pour moi, surtout à l'ère des onglets. :jap:


---------------
We deserve everything that's coming...
Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed