Div masquée ?
Div masquée ? - HTML/CSS - Programmation
Marsh Posté le 27-04-2012 à 15:32:07
Un événement onMouseOut sur ta miniature équipe administrative ?
---------------
London Box Office: Comédie Musicale Londres
Marsh Posté le 27-04-2012 à 16:55:06
En fait, une fois affichée, ta div le reste tant que tu ne dis pas que tu veux la re-cacher.
Il te faut donc la cacher si l'utilisateur clique sur une autre vignette par exemple.
En ce qui me concerne j'utilise ce code :
Code :
|
du coup le onclick devient :
Code :
|
Message édité par Nukolau le 27-04-2012 à 16:57:14
Sujets relatifs:
- Probleme de position de DIV une ptite aide svp
- Récupérer le contenu d'un DIV
- Remplacer le contenu d'un DIV
- [PHP] Infobulles personnalisées / DIV mobiles ?
- script AS3 pour remplacer l'anime jouée par une image dans une DIV
- Div sans marge
- [html& css] 3 DIV côte-à-côte (dont 2 en taille fixe)?
- Centrer DIV dans la fenetre (Chrome-FF : OK .:. IE7 : NOK)
- Disparition de la Div du bas lors de l'insertion d'un .swf
- [CSS] Réalisation d'un site trois colonnes flottantes dans Div
Marsh Posté le 05-04-2012 à 11:49:34
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 !!