JS : deux actions pour un seul click

JS : deux actions pour un seul click - HTML/CSS - Programmation

Marsh Posté le 29-11-2005 à 11:53:19    

Bonjourrrr,
 
dans un menu en JS, j'aimerais que pour un click à un lien donné (du menu), je sois dirigé vers une autre page et en meme temps que la focntion mailto se mette en focntion. Est-ce que c'est possible?  :ange:  
 
La source du problème : dans ce meme menu ou des "calques" apparaissent au survol d'un lien, un lien contact fait un mailto, le probleme est qu'en meme temps la page change pour une autre pag blanche avec pour contenu le mail du mailto.  :o  
 
je pensais trouver une solution mais sans succès alors je me rabats vers l'option citée plus haut. Qu'est-ce que j'ai comme possibilitées?
 
partie du code JS:

Code :
  1. /* MENU 2 - Contact : there are not sub-menu */
  2. DQM_sub_xy2 = "44,0"
  3. DQM_subtype2 = "bold"
  4. DQM_sub_menu_width2 = 100;
  5. DQM_subdesc2_0 = "Key contacts"
  6. DQM_subdesc2_1 = "Webmaster"
  7. DQM_icon_index2_0 = 0
  8. DQM_icon_index2_1 = 0
  9. DQM_url2_0 = "javascript:self.location='http://awwdev.xxxxx.com/tsd/about_tsd/contacts/key_contacts.htm'"
  10. DQM_url2_1 = "javascript:self.location='mailto:machin.chose@xxxxxxxx.fr'"


merci


Message édité par miltonis le 29-11-2005 à 11:57:48
Reply

Marsh Posté le 29-11-2005 à 11:53:19   

Reply

Marsh Posté le 29-11-2005 à 12:12:43    

normalement tu mets une action javascript dans un onclick, pas directement dans l'url.
 
Tu peux mettre deux fonctions à la suite dans un onclick (onclick="fonction1();fonction2()" ) mais je crois que c'est pas très bien (je sais plus pourquoi).
 
Sinon tu peux utiliser le onclick et le onmouseup conjointement.


---------------
Android/Manettes/Metroidvania/Zelda/Indés/Retrogaming/VDS jeux
Reply

Marsh Posté le 29-11-2005 à 12:20:04    

oui j'y ai pensé (sans savoir si c'était possible d'ailleurs) le probleme, est que je suis actuellement sur un site de société et ne epux pa s mepermettre de tout chambouler. Alors, est-ce que je peux faire ce que je veux en agissant seulement sur cette ligne?

Code :
  1. DQM_url2_1 = "javascript:self.location='mailto:machin.chose@xxxxxxxx.fr'"


 
par exemple, lui passer et l'url
'http://awwdev.xxxxx.com/tsd/about_tsd/contacts/key_contacts.htm'
et le mailto
 
???
merci

Reply

Marsh Posté le 29-11-2005 à 12:22:09    

essaye avec ça peut-être, mais je doute que ça marche :
 
DQM_url2_1 = "javascript:self.location='mailto:machin.chose@xxxxxxxx.fr';self.location='http://awwdev.xxxxx.com/tsd/about_tsd/contacts/key_contacts.htm'"


---------------
Android/Manettes/Metroidvania/Zelda/Indés/Retrogaming/VDS jeux
Reply

Marsh Posté le 29-11-2005 à 12:32:58    

les génies existent, et ils viennent du cosmos!
merci le schtroump ;)

Reply

Marsh Posté le 29-11-2005 à 12:56:07    

javascript:self.location='mailto:machin.chose@xxxxxxxx.fr


 
Oh maman [:johneh]

Reply

Marsh Posté le 29-11-2005 à 13:59:46    

Petits rappels sur les evenements (onClick par exemple)
 
Prenons un lien tout simple :

Code :
  1. <a href="http://www.google.fr">Google</a>


Quand on clique dessus, on va sur l'URL mise dans l'attribut href.
 
Ajoutons un evènement :

Code :
  1. <a href="http://www.chezmoi.fr" onClick="alert('Bonne Recherche  !');">Google</a>


Quand on clique, un message s'affiche dans une boite de dialogue et quand on clique ok, on va sur l'autre site.
 
Dans onClick, on met du code javascript qui sera exécuté avant de réaliser le comportement normal.
Il est possible d'empecher le comportement si la dernière instruction javascript retourne 'false'.
 

Code :
  1. <a href="http://www.chezmoi.fr" onClick="alert('Non, tu restes ici  !');return false;">Google</a>


Là encore le message alert va s'afficher mais on ne va pas sur le lien.
 
Pour ton problème, le lien suivant ferait l'affaire :

Code :
  1. <a href="http://awwdev.xxxxx.com/tsd/about_tsd/contacts/key_contacts.htm" onClick="self.location='mailto:machin.chose@xxxxxxxx.fr">Contact</a>


 
Juste une petite remarque pour conclure :
les liens du style <a href="javascript:..."> sont une abération !! dans href, il faut mettre une URL, si vous voulez ajouter des comportements à vos liens, il y a l'attribut onClick (qui, soit dit en passant, contient du code javascript, donc pas la peine d'écrire onClick="javascript:..." ) !

Reply

Marsh Posté le 29-11-2005 à 14:12:33    

Et parfois, on voit des lien du genre :

<a href="#" onclick="pouet()">Pouet !</a>


On peut se demander l'interêt d'utiliser un lien ici. Si le lien conduit nulle part, alors ça sert à rien d'utiliser un lien, vaut mieux un span :

<span class="js" onclick="pouet()">Pouet !</span>


Notez la class js qui va permettre, en CSS, de lui donner la gueule qu'on veut, et de modifier le curseur de la souris pour avoir la petite main comme sur les liens.

Reply

Marsh Posté le 29-11-2005 à 15:11:04    

tous cela est bon à savoir...
 
mais je croivais que IE merdait les css sur autre chose que les balises a ?

Message cité 1 fois
Message édité par mechkurt le 29-11-2005 à 15:11:32

---------------
D3
Reply

Marsh Posté le 29-11-2005 à 15:13:48    

Bidem a écrit :

Petits rappels sur les evenements (onClick par exemple)
Pour ton problème, le lien suivant ferait l'affaire :

Code :
  1. <a href="http://awwdev.xxxxx.com/tsd/about_tsd/contacts/key_contacts.htm" onClick="self.location='mailto:machin.chose@xxxxxxxx.fr">Contact</a>


 
Juste une petite remarque pour conclure :
les liens du style <a href="javascript:..."> sont une abération !! dans href, il faut mettre une URL, si vous voulez ajouter des comportements à vos liens, il y a l'attribut onClick (qui, soit dit en passant, contient du code javascript, donc pas la peine d'écrire onClick="javascript:..." ) !


Tout à fait d'accord, mais comme je le disais....

Code :
  1. oui j'y ai pensé (sans savoir si c'était possible d'ailleurs) le probleme, est que je suis actuellement sur un site de société et ne epux pa s mepermettre de tout chambouler. Alors, est-ce que je peux faire ce que je veux en agissant seulement sur cette ligne?
  2. DQM_url2_1 = "javascript:self.location='mailto:machin.chose@xxxxxxxx.fr'"


la solution du schtroumpf a l'air de focntionner et je ne suis pas là pour tout refaire (si vous saviez comme c'est grand!!!), donc je m'en contenterai tant que ça marchera.
merci quand même les amis.
 :)

Reply

Marsh Posté le 29-11-2005 à 15:13:48   

Reply

Marsh Posté le 30-11-2005 à 00:05:36    

mechkurt a écrit :

mais je croivais que IE merdait les css sur autre chose que les balises a ?


Il merde juste pour le :hover :whistle:

Reply

Sujets relatifs:

Leave a Replay

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