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

  FORUM HardWare.fr
  Programmation
  HTML/CSS

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

 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

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

n°1965556
mquake2000
Posté le 12-02-2010 à 16:43:33  profilanswer
 

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.

mood
Publicité
Posté le 12-02-2010 à 16:43:33  profilanswer
 

n°1967777
cetplus
Wazard dans l'ombre
Posté le 20-02-2010 à 03:35:49  profilanswer
 

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
n°1967793
SICKofitAL​L
misanthrope
Posté le 20-02-2010 à 11:04:06  profilanswer
 

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...
n°1967820
gatsu35
Blablaté par Harko
Posté le 20-02-2010 à 14:30:06  profilanswer
 

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
n°1967823
SICKofitAL​L
misanthrope
Posté le 20-02-2010 à 15:04:09  profilanswer
 

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


---------------
We deserve everything that's coming...
n°1967830
gatsu35
Blablaté par Harko
Posté le 20-02-2010 à 16:30:38  profilanswer
 

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
n°1967831
SICKofitAL​L
misanthrope
Posté le 20-02-2010 à 16:47:20  profilanswer
 

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...
n°1967832
0x90
Posté le 20-02-2010 à 17:16:47  profilanswer
 

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.
n°1967834
SICKofitAL​L
misanthrope
Posté le 20-02-2010 à 17:37:18  profilanswer
 

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...
n°1967837
0x90
Posté le 20-02-2010 à 17:44:14  profilanswer
 

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.
mood
Publicité
Posté le 20-02-2010 à 17:44:14  profilanswer
 

n°1967838
SICKofitAL​L
misanthrope
Posté le 20-02-2010 à 17:51:33  profilanswer
 

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...

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

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

 

Sujets relatifs
[ajax] survol d'image etProblème pour afficher une image en PHP
Transformer une matrice en image sous MATLABAccess ouverture d'un état paramétré avec variable VBA
Récupérer une largeur d'image ?[annulé/résolu]soucis onMouseOver et onMouseOut sur lien + image
Recuperer header d'une image rapidement[Spring] Classe de constantes chargé à partir d'une BDD
afficher plusieur image dans un sprite en as3créer un server socket à partir d'une servlet
Plus de sujets relatifs à : ouverture d'un pop up à partir d'une image permutée


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