AnneMD
Membre récent

Hors-Ligne
Messages: 2

|
Bonjour, Je me retrouve avec un dilemne dont je n'arrive pas à trouver la solution, malgré mes recherches sur le net : Je m'explique. Je cherche à créer une div, qui n'apparaîtrait que lorsque je clique sur une miniature. Et qui disparaitrait une fois que je clique sur une autre miniature.

Pour résumé : lorsque je clique sur équipe administrative (barre de miniature du haut) une div tableau comportant les membres de l'équipe apparait sur la droite et doit disparaitre lorsque je ne suis plus sur équipe administrative...
J'ai utilisé pour cela le script suivant :
<script type="text/javascript"> function visibilite(thingId) { var targetElement; targetElement = document.getElementById(thingId) ; if (targetElement.style.display == "none") { targetElement.style.display = "" ; } else { targetElement.style.display = "none" ; } }
J'ai également bien mis l'attribut style="display:none" à ma div mobile.
<div id="equipe-administrative" style="display:none;" >
Et appelé le javascript à mon image lien de cette manière :
<table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td class="diapo-apercu"><img src="img/apercu-president.jpg" alt="président" name="président" width="100" height="80" id="président" onClick="MM_swapImage('president','','img/president.jpg',1);MM_setTextOfLayer('légend e','','Francis LEVY - Secrétaire Général')"></td> <td class="diapo-apercu"><a href="javascript:visibilite('equipe-administrative');"><img src="img/apercu-equipe-admin.jpg" alt="équipe administrative" width="100" height="80" onClick="MM_swapImage('president','','img/equipe-admin.jpg',1);MM_setTextOfLayer('légende',' ','L\'Equipe administrative')"; /></a> </td> <td class="diapo-apercu"><img src="img/apercu-del-regionaux.jpg" alt="mission th" width="100" height="80" onClick="MM_swapImage('president','','img/del-regionaux.jpg',1);MM_setTextOfLayer('légend e','','')"></td> <td class="diapo-apercu"><img src="img/apercu-charg-mission.jpg" alt="chargés de mission" width="100" height="80" onClick="MM_swapImage('president','','img/charg-mission.jpg',1)";"MM_setTextOfLayer('légende ','','')"></td> </tr> </table>
Pourtant, malgré tout ça, la div reste apparente même lorsque je clique sur une vignette à laquelle elle n'est pas ratachée. J'ignore pourquoi. Elle ne disparait que lorsque je reclique sur sa vignette au lieu de le faire automatiquement. Ai-je fais une erreur dans le code ? Quelque chose que je n'aurais pas compris ? J'espère que vous saurez m'éclairer... Grand merci par avance !! Div cachée »
|