[RÉGLÉ] Zone réactive sur image

[alain56]

Bonjour,
Dans un article, mon image comporte une area, le code ressemble à :

<map id="ma_zone" name="ma_zone"> 
<area title="je suis sur la zone reactive" 
coords="0,0,100,0,100,100,0,100,0,0" 
alt="" href="valide.jpg" />
</map>

Lorsque je survole ma zone le message s'affiche, donc jusque là pas de problème.

Je n'arrive pas à coder la suite : le remplacement par l'image par défaut avec une autre image.

<p><img id="zone_active" 
src="X:/XAMPP/htdocs/mon_site/images/on.jpg" 
name="zone_active" 
onmouseover="zone_active.src='X:/XAMPP/htdocs/mon_site/images/valide.jpg'" 
onmouseout="zone_active.src='X:/XAMPP/htdocs/mon_site/images/clic.jpg'" 
onmousedown="zone_active.src='X:/XAMPP/htdocs/mon_site/images/on.jpg'"
title="je suis sur l'image" 
usemap="#zone_active" 
/></p>

L'éditeur TinyMCE refuse d'enregistrer ce code.
Dois-je modifier le paramétrage de l'éditeur ou ajouter des balises ?
Merci pour votre aide.

[Terreco]

Re : Zone réactive sur image

Dans le plugin de TinyMCE tu peux autoriser les scripts .... tu dois pouvoir t'en sortir avec ça

[lefabdu51]

Re : Zone réactive sur image

tu bascule ton editeur avant de rentrer ce code ?
second point, essaye les url relative pour l'adresse de tes images.

[alain56]

Re : Zone réactive sur image

Bonsoir,
J'ai testé les 2 paramétrages Éléments autorisés de TinyMCE
Si je place "onmouseover, onmouseout, onmousedown" dans le champ : Définir quels éléments resteront dans le texte édité lors de la sauvegarde (la règle par défaut pour cette option est un mélange de toutes les spécifications HTML5 et HTML4)
tout mon code disparait

Si je place les éléments dans le champ : Éléments autorisés qui ne seront pas supprimés lors de l'ouverture ou de l'enregistrement du contenu.
le code contenant "onmouseover, onmouseout, onmousedown" ne s'affiche pas.

Suis-je au bon endroit ? pour autoriser les scripts

[alain56]

Re : Zone réactive sur image

tu bascule ton editeur avant de rentrer ce code ?
second point, essaye les url relative pour l'adresse de tes images.

Bonsoir,
Oui, je suis dans la fenêtre Outils/Code source

[alain56]

Re : Zone réactive sur image

Bonjour,
J'ai trouvé avec l'aide de batrox !
Dans le champ Éléments autorisés de TinyMCE, il faut déclarer

img[id|src|name|onmouseover|onmouseout|onmousedown|title|usemap|style|alt|width|height],
area[shape|title|coords|alt|href|alt|target],
map[id|name|title]