Comment utiliser l'évènement onClick sur un élément qui ne le gère pas <area> [Résolu]

[MelkInarian]

Bonjour tout le monde!
Sur ma page il y a une carte du département.
j'utilise les objet <map> et <area> avec les gestionnaires d'évènement onMouseOver et onMouseOut
pour afficher dans un petit formulaire les données relatives à l'area survolée.
Jusque là tout "baigne".
Mon problème est que je voudrai utiliser l'évènement onClick (ou un autre) pour faire un mailto sur l'adresse affichée lors du survol.
j'ai passé toute la journée d'hier à trimer et c'est ce matin que j'ai trouvé sur le net un tableau donnant pour l'évènement onClick sur les objets ...: button, checkbox, radio, reset, submit donc pas area.
Quelqu'un pourrait-il me dire (et surtout me montrer) comment contourner ce problème?
Merci

[bewidia]

Tu peux mettre un lien tout simple sur ton morceau de map, c'est à la base à ça que ça sert.

[Bovino]

j'ai trouvé sur le net un tableau donnant pour l'évènement onClick sur les objets ...: button, checkbox, radio, reset, submit donc pas area.

C'est nouveau ça !

[SpaceFrog]

qui a volé le onclick de l'area !
en plus c'est arrivé cette nuit ... parce que hier cela fonctionnait encore

[MelkInarian]

Je suis ravi d'avoir pu vous distraire.
C'est normal je suis hyper débutant.
Mais j'ai réellement trouvé un tel tableau sur le net.
Votre raillerie m'a permis de fouiller encore et j'ai trouvé ce qui me coince.
Voici ma fonction

Code :

1
2
3
4
5
6
7
8
9
10
11
function EnvoiMsg(ville)
{ 
    with (document.MapRodez)
	{
	if (confirm('Voulez-vous envoyer un message à' + Rodez[3]+' ?'))
		{ // si oui mailto
		//alert("oui")
		//mailto:'Rodez[5]'?subject='Demande de renseignement sur Les Equipes du rosaire'
		}
	}
}

et c'est ma manière cavalière d'utiliser le mailto qui empêche le fonctionnement.
si je met alert("oui") ( en enlevant // devant) çà fonctionne
si je met mailto:'Rodez[5]'?subject='Demande de renseignement sur Les Equipes du rosaire' ( en enlevant // devant) çà ne fonctionne plus; il n'y a plus rien qui s'affiche dans mon petit formulaire.

[SpaceFrog]

Code :

self.location.href="mailto: .... "

[Bovino]

mailto n'est pas une instruction JavaScript...
D'ailleurs, tu ne peux pas envoyer de mail en JavaScript.
Il faut appeler une nouvelle fenêtre avec ton mailto en URL.

[bewidia]

Je ne comprends pas pourquoi tu veux utiliser javascript.
Tu mets une balise <a href="mailto:"></a> sur ton morceau de map et lorsque l'utilisateur cliquera dessus, son logiciel de messagerie s'ouvrira avec le sujet du mail etc.
S'il ne veut pas envoyer de mail au final, il ferme son logiciel. Il faut mettre une bonne balise title sur le lien pour qu'il comprenne qu'en cliquant ça proposera d'envoyer un mail et c'est tout ...

[MelkInarian]

Envoyé par bewidia

Je ne comprends pas pourquoi tu veux utiliser javascript.
Tu mets une balise <a href="mailto:"></a> sur ton morceau de map et lorsque l'utilisateur cliquera dessus, son logiciel de messagerie s'ouvrira avec le sujet du mail etc.
S'il ne veut pas envoyer de mail au final, il ferme son logiciel. Il faut mettre une bonne balise title sur le lien pour qu'il comprenne qu'en cliquant ça proposera d'envoyer un mail et c'est tout ...

Merci pour vos infos et vos suggestions
Sur ma page j'ai la carte le l'Aveyron découpée en 36 zones.
C'est, je crois, plus facile pour moi d'utiliser l'évènement onClick que d'afficher sur la carte 36 liens qu'il faudra positionner au mieux (risque de chevauchements) et esthétiquement ce ne sera pas terrible.
SpaceFrog ma décoincé avec

self.location.href="mailto: .... "

.
Il me reste maintenant a trouver comment affecter une variable à mon mailto.
Dans l'essai que je viens de faire c'est la variable Rodez[5] qui s'affiche dans outlook et non son contenu tratampion@mevoila.fr.
j'ai essayé

Code :

self.location.href="mailto:'Rodez[5]'?subject='Demande de renseignement'"

puis

Code :

self.location.href="mailto:Rodez[5]?subject='Demande de renseignement'"

mais dans outlook le résultat est le même A Rodez[5]

[SpaceFrog]

href est un string ...

Code :

self.location.href="mailto:"+Rodez[5]+"?subject='Demande de renseignement'"

[MelkInarian]

Envoyé par SpaceFrog

href est un string ...

Code :

self.location.href="mailto:"+Rodez[5]+"?subject='Demande de renseignement'"

C'est nickel
Vraiment merci beaucoup à tous, vous êtes hyper sympas.

[SpaceFrog]

ça se passe comme ça chez developpez