Afficher un texte "onmouseover"
Résolu/Fermé
stiopka
Messages postés
560
Date d'inscription
dimanche 4 avril 2004
Statut
Membre
Dernière intervention
22 juillet 2023
-
8 févr. 2017 à 14:30
stiopka Messages postés 560 Date d'inscription dimanche 4 avril 2004 Statut Membre Dernière intervention 22 juillet 2023 - 10 févr. 2017 à 14:26
stiopka Messages postés 560 Date d'inscription dimanche 4 avril 2004 Statut Membre Dernière intervention 22 juillet 2023 - 10 févr. 2017 à 14:26
A voir également:
- Onmouseover text
- Ai text classifier - Guide
- Canva text to image - Guide
- Atom text editor - Télécharger - Édition & Programmation
- Muma creates speeches from text - Télécharger - Audio & Musique
- Sublime text mac - Télécharger - Sous-titres
2 réponses
Pitet
Messages postés
2826
Date d'inscription
lundi 11 février 2013
Statut
Membre
Dernière intervention
21 juillet 2022
524
8 févr. 2017 à 14:58
8 févr. 2017 à 14:58
Salut,
Au moins deux solutions possibles :
1- Si les différentes positions de ton image sont des zones rectangulaires, tu peux découper ton image selon ces zones afin de les afficher dans des éléments html différents. Il suffira alors d'ajouter un attribut title sur ces éléments html pour faire apparaitre le texte.
Exemple avec une image affichée dans deux div : https://jsfiddle.net/d3b2ehm5/1/
2- Si les positions de ton images ne sont pas rectangulaires, tu peux utiliser les éléments html map et area afin de définir les zones sur lesquelles le texte apparaitra. Tu pourras alors utiliser l'attribut title sur ces zones pour afficher le texte au passage de la souris.
Exemple : https://www.w3schools.com/TAGS/tag_area.asp
Bonne journée,
Au moins deux solutions possibles :
1- Si les différentes positions de ton image sont des zones rectangulaires, tu peux découper ton image selon ces zones afin de les afficher dans des éléments html différents. Il suffira alors d'ajouter un attribut title sur ces éléments html pour faire apparaitre le texte.
Exemple avec une image affichée dans deux div : https://jsfiddle.net/d3b2ehm5/1/
2- Si les positions de ton images ne sont pas rectangulaires, tu peux utiliser les éléments html map et area afin de définir les zones sur lesquelles le texte apparaitra. Tu pourras alors utiliser l'attribut title sur ces zones pour afficher le texte au passage de la souris.
Exemple : https://www.w3schools.com/TAGS/tag_area.asp
Bonne journée,
stiopka
Messages postés
560
Date d'inscription
dimanche 4 avril 2004
Statut
Membre
Dernière intervention
22 juillet 2023
59
10 févr. 2017 à 14:26
10 févr. 2017 à 14:26
Merci, mais trop compliqué pour moi.
9 févr. 2017 à 03:26
et pour modifier un texte dans la page vous pouvez utilisez innerHTML avec Javascript.
Au passage lplutôt que onMouseOver vous pouvez utiliser un listener object(écouteur d'objet) ce qui sera bien plus propre et efficace car permet de séparer le javascript du HTML:
http://www.w3schools.com/jsref/met_element_addeventlistener.asp