[Résolu] Onmouseover

Bonjour

je ‘bricole’ un peut en css et html mais parfois cela cale, j’ai un site qui est sous joomla 3 je l’est passé sous la version j4, sur ce cite j’ai un code qui fonctionne sous le J3 mais sur le J4 c’est la cata, voici le code sous J3

<img onmouseover="this.src='images/photos/juin93.jpg';" onmouseout="this.src='images/photos/juin93m.jpg';" src="images/photos/juin93m.jpg" alt="93" />

quand je remet ce code dans J4 quand j’enregistre il m’en efface une partie il ne reste que cela

<img src="images/photos/juin93m.jpg" alt="93" />

il affiche une image et c’est tout plus onmousseover en cherchant j’ai trouvé sur ce site du w3c
https://www.w3schools.com/jsref/tryit.asp?filename=tryjsref_onmouseover
mais je n’arrive pas à le faire fonctionner je me pose la question est ce que la partie script ne devrait elle être dans un fichier user.js et quand j’enregistre dans mon article dans mon article l'éditeur me fait toujours la mème chose iltronque et me laisse

<img src="images/photos/juin93m.jpg" alt="93" width="320" height="320" border="0" />

merci

Joomla 4 doit probablement interdire le javascript dans le html.
Il va te falloir créer un eventlistener (en identifiant ton img).

Quelle est la différence entre juin93m.jpg et juin93.jpg ? Ca se trouve tu n'as même pas besoin d'un script.

Bonjour,

Le blocage semble venir de la configuration de l'éditeur utilisé par défaut par Joomla, TinyMCE.

Connecte-toi au back office puis va dans Système -> Gestion des plugins. Cherche et ouvre le plugin Editor - TinyMCE puis ajoute ceci dans le champ "Extended Valid Elements" :
img[class|src|alt|title|onmouseover|onmouseout]

Enregistre la configuration modifiée du plugin puis refais un test pour ajouter le code de l'image.

Bonjour
Réponse à kerlutinoec
pour le javascrip je l’avais mis dans mon user.js, pour les images la différence est juste la taille au survol de la petite c’est la grande qui apparais.

Réponse à Pitet
pour l’éditeur j’étais sur JCE vu que je voyais pas ou faire cet ajout je suis passé sous TinyMCE, et j’ai rajouté dans ‘Éléments autorisés’
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).
Maintenant cela fonctionne avec le code que j’avais dans joomla 3, dans mon article,

<img src="images/photos/juin93m.jpg" alt="93" onmouseover="this.src='images/photos/juin93.jpg';" onmouseout="this.src='images/photos/juin93m.jpg';" />

je sais pas si ce code est vraiment propre et je vais voir si les solutions sur le site du w3c fonctionnent.

Merci bien à vous bonne continuation

sounders a écrit :
Bonjour
Réponse à kerlutinoec
pour le javascrip je l’avais mis dans mon user.js, pour les images la différence est juste la taille au survol de la petite c’est la grande qui apparais.

A moins que la grande soit nettement plus lourde que la petite et que le but soit de limiter le poids de la page, mais sinon, si le but n'est que l'effet visuel ça serait plus simple de ne charger que la grande et de déclencher son agrandissement avec un :hover
Ca éviterait le léger délai de chargement et permettrait un effet visuel de transition.