[Javascript] il me manque quelque chose...
Résolu/Fermé
superdje83
-
28 févr. 2010 à 17:25
artragis Messages postés 481 Date d'inscription mardi 12 juin 2007 Statut Membre Dernière intervention 6 avril 2010 - 28 févr. 2010 à 19:48
artragis Messages postés 481 Date d'inscription mardi 12 juin 2007 Statut Membre Dernière intervention 6 avril 2010 - 28 févr. 2010 à 19:48
A voir également:
- [Javascript] il me manque quelque chose...
- Telecharger javascript - Télécharger - Langages
- Javascript round ✓ - Forum Javascript
- Je suis une chose que les garçons utilisent deux fois par jour et les filles une fois toute leur vie - Forum Loisirs / Divertissements
- Samia, kevin et jason ont gardé la trace de leurs ventes quotidiennes du mois de juillet 2016. dans la feuille bilan, il manque les résultats de jason. insérez une colonne entre samia et kevin et reportez-y les résultats de jason. quel mot secret apparait en f2 ? - Forum LibreOffice / OpenOffice
- A javascript error occurred in the main process - Forum Matériel & Système
5 réponses
artragis
Messages postés
481
Date d'inscription
mardi 12 juin 2007
Statut
Membre
Dernière intervention
6 avril 2010
146
28 févr. 2010 à 18:06
28 févr. 2010 à 18:06
je ne comprends rien à ton code.
pourquoi tu fais trois fonctions?
pourquoi tu répètes deux fois la même chose?
voila ce que moi j'aurai fait :
et dans le body :
pourquoi tu fais trois fonctions?
pourquoi tu répètes deux fois la même chose?
voila ce que moi j'aurai fait :
<script type="text/javascript"> <!-- window.onload=montre; function montre(id) { var d = document.getElementById(id); var tableau_id= new array("legend", "legend1", "legend2"); if (d) {d.style.display='block'; for(var i=0;i<3;i++){ if(tableau_id[i]!=id){document.getElementById(tableau_id[i]).style.display='none';} } } function cacher(id){ if(document.getElementById(id)){document.getElementById(id).style.display='none';} } //--> </script>
et dans le body :
<div id="secondaire"> <dd style="display:none" id="legende"> Texte </dd> <dd style="display:none" id="legende2"> Texte2 </dd> <dd style="display:none" id="legende3"> Texte3 </dd> </div> <div id="principal"> <a href="#"><img src="images/danger.png" onmouseover="montre('legende')" onmouseout="cache('legend')"/></a> <br /> <a href="#"><img src="images/danger2.png" onmouseover="montre('legende2')" onmouseout="cache('legend2')" /></a> <br /> <a href="#"><img src="images/danger3.png" onmouseover="montre('legende3')"onmouseout="cache('legend3')" /></a> </div>
A vrai dire je suis novice en javascript...
J'ai essayé ta solution mais elle ne marche pas. Par contre j'ai vu que tu as rajouté des onmouseout mais il faut que la légende reste présente jusqu'au survol d'une autre image.
merci pour ton aide.
J'ai essayé ta solution mais elle ne marche pas. Par contre j'ai vu que tu as rajouté des onmouseout mais il faut que la légende reste présente jusqu'au survol d'une autre image.
merci pour ton aide.
artragis
Messages postés
481
Date d'inscription
mardi 12 juin 2007
Statut
Membre
Dernière intervention
6 avril 2010
146
28 févr. 2010 à 18:55
28 févr. 2010 à 18:55
désolé, j'ai fait des erreurs d'innatention dans ma solution (oublie d'une majuscule, de "e" à legende, et d'une acolade)
voici le code que j'ai testé chez moi
il fonctionne sous IE et sous firefox.
voici le code que j'ai testé chez moi
<html> <head> <script type="text/javascript"> function montre(id) { var d = document.getElementById(id); var tableau_id=new Array('legende','legende2','legende3'); if (d) {d.style.display='block';} for(var i=0;i<3;i++){ if(tableau_id[i]!=id){ d=document.getElementById(tableau_id[i]); d.style.display='none'; } } } </script> </head> <body> <div id="secondaire"> <dd style="display:none" id="legende"> Texte </dd> <dd style="display:none" id="legende2"> Texte2 </dd> <dd style="display:none" id="legende3"> Texte3 </dd> </div> <div id="principal"> <a href="#"><img src="images/danger.png" onmouseover="montre('legende')"/></a> <br /> <a href="#"><img src="images/danger2.png" onmouseover="montre('legende2')" /></a> <br /> <a href="#"><img src="images/danger3.png" onmouseover="montre('legende3')"/></a> </div> </html>
il fonctionne sous IE et sous firefox.
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
artragis
Messages postés
481
Date d'inscription
mardi 12 juin 2007
Statut
Membre
Dernière intervention
6 avril 2010
146
28 févr. 2010 à 19:48
28 févr. 2010 à 19:48
n'hésite pas à mettre le sujet en résolu et à cliquer sur le "+" de mon dernier message pour que si une autre personne a le même problème elle trouve réponse à sa question.