Shagrath69
Messages postés7Date d'inscriptionjeudi 3 février 2005StatutMembreDernière intervention19 septembre 2007
-
22 août 2007 à 14:08
PetoleTeam
Messages postés3426Date d'inscriptionlundi 26 décembre 2005StatutMembreDernière intervention14 janvier 2011
-
3 mars 2010 à 18:14
Bonjour à tous,
pour le site que je suis en train de développer j'ai besoin d'un texte qui s'affiche au survol d'une image.
Ne connaissant rien au JS, j'ai trouvé un bout de code qui me permet de le faire et qui marche très bien. Le souci arrive quand j'ai 3 images les unes à coté des autres dans une div (en CSS) et que je veux qu'en passant sur chaque image un texte différent pour chaque image apparaisse dans ma div.
Pour le moment j'ai un bug qui fait que les 2 premiers textes s'affichent automatiquement dès l'arrivée sur la page alors que je souhaiterais qu'il n'y en ait aucun.
Je vous mets ici le code (désolé j'ai fait du bricolage pour tester) dans le header de la page:
<script type="text/javascript">
<!--
window.onload=montre;
function montre(id) {
var d = document.getElementById(id);
if (document.getElementById('legende')) {document.getElementById('legende').style.display='none';}
if (d) {d.style.display='block';}
}
window.onload=montre3;
function montre3(id) {
var d3 = document.getElementById(id);
if (document.getElementById('legende3')) {document.getElementById('legende3').style.display='none';}
if (d3) {d3.style.display='block';}
}//-->
</script>
et ceci pour l'appel de la fonction au survol des images:
superdje83
Messages postés1Date d'inscriptionsamedi 7 juillet 2007StatutMembreDernière intervention27 février 20101 27 févr. 2010 à 19:03
Bonjour,
Le script est vraiment pas mal, mais je rencontre un souci.
Je modifié ce script en supprimant le onmouseout car je voudrais que la légende reste même si je ne suis plus sur mon image.
Par contre dès que je suis sur une autre image, je voudrais que la légende précédente s'efface et que la nouvelle s'affiche.
Kaotic21
Messages postés5Date d'inscriptionjeudi 13 septembre 2007StatutMembreDernière intervention26 octobre 2007 13 sept. 2007 à 13:46
Salut Shagrath69, je t'ai piqué ton code et l'ai utilisé, et j'ai trouvé une autre solution, en fait ton code affiche le texte meme lorsque l'on passe en dehors de l'image MAIS sur sa meme ligne,
car en effet dans ton code tu effectue le Mouseover du le DIV.
Le code qu'il te faut pour ton image est le suivant :
grace a cela ton texte ne s'affichera uniquement sur le survol de ton image!
Voila ! a bientot
Vous n’avez pas trouvé la réponse que vous recherchez ?
PetoleTeam
Messages postés3426Date d'inscriptionlundi 26 décembre 2005StatutMembreDernière intervention14 janvier 201117 3 mars 2010 à 18:14
Bonjour,
il eu mieux valu faire un nouveau post, mais bon, il te suffit d'écrire un cookie lorsque la légende apparaît et de lire son état lorsque tu ouvres une nouvelle page, ainsi si le cookie existe tu passes le display de none à block par exemple.
;O)