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.
http://img15.hostingpics.net/thumbs/mini_430884tronbinoscopefare3.jpg
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 :
J'ai également bien mis l'attribut style="display:none" à ma div mobile.
Et appelé le javascript à mon image lien de cette manière :
Dans le principe tout marche : lorsque je clique sur la vignette "équipe administrative" la div avec les membres de l'équipe à gauche, qui était invisible par défaut, apparait. Mais pour qu'elle redevienne invisible, je dois pour ça recliquer sur la vignette "équipe administrative".
je cherche à ce qu'elle reste affichée, même si je double clique sur "équipe administrative" et qu'elle disparaisse naturellement quand je clique sur une autre vignette ("chargés de mission par ex.)
Et j'avoue que j'ai beau retourner le truc dans tous les sens, je ne trouve pas comment faire cela...
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 !!
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.
http://img15.hostingpics.net/thumbs/mini_430884tronbinoscopefare3.jpg
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 :
a écrit :
<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.
a écrit :
<div id="equipe-administrative" style="display:none;" >
Et appelé le javascript à mon image lien de cette manière :
a écrit :
<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>
Dans le principe tout marche : lorsque je clique sur la vignette "équipe administrative" la div avec les membres de l'équipe à gauche, qui était invisible par défaut, apparait. Mais pour qu'elle redevienne invisible, je dois pour ça recliquer sur la vignette "équipe administrative".
je cherche à ce qu'elle reste affichée, même si je double clique sur "équipe administrative" et qu'elle disparaisse naturellement quand je clique sur une autre vignette ("chargés de mission par ex.)
Et j'avoue que j'ai beau retourner le truc dans tous les sens, je ne trouve pas comment faire cela...
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 !!