Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
1028 connectés 

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  Div masquée ?

 
 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

Div masquée ?

n°2135007
AnneMD
Posté le 05-04-2012 à 11:49:34  profilanswer
 

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 :
 

Citation :

<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.
 

Citation :

<div id="equipe-administrative" style="display:none;" >


 
 
Et appelé le javascript à mon image lien de cette manière :
 

Citation :

<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 !!

mood
Publicité
Posté le 05-04-2012 à 11:49:34  profilanswer
 

n°2139489
effisk
我不讲中文
Posté le 27-04-2012 à 15:32:07  profilanswer
 

Un événement onMouseOut sur ta miniature équipe administrative ?


---------------
London Box Office: Comédie Musicale Londres
n°2139521
Nukolau
Posté le 27-04-2012 à 16:55:06  profilanswer
 

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 :
  1. <script type="text/javascript">
  2. <!--
  4. function toggle(eltId)
  5. {
  6. var elt = document.getElementById(eltId);
  7. elt.style.display = (elt.style.display == "block" ) ? "none" : "block";
  8. }
  11. var lastId = null;
  13. function toggleExclusif(eltId)
  14. {
  15. if (lastId) toggle(lastId);
  16. toggle(eltId);
  17. lastId = eltId;
  18. }
  20. // --> </script>
 

du coup le onclick devient :

Code :
  1. onclick="toggleExclusif('mon_div')"


Message édité par Nukolau le 27-04-2012 à 16:57:14

Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  HTML/CSS

  Div masquée ?

 

Sujets relatifs
Probleme de position de DIV une ptite aide svpRé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 DIVDiv 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
Plus de sujets relatifs à : Div masquée ?

Forum MesDiscussions.Net, Version 2010.2
(c) 2000-2011 Doctissimo
Page générée en 0.035 secondes

Copyright © 1997-2022 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR