afficher / cacher un div

afficher / cacher un div - Java - Programmation

Marsh Posté le 04-02-2008 à 16:12:48    

Bonjour à tous, voila j'ai vraiment un gros problème, j'ai fait je ne sais combien de recherche pour savoir comment on affiche ou cache un div de manière simple et claire.
 
Alors voila j'ai trouvé des trucs de ce genre la :
 

Citation :

<script type="text/javascript">
function affCache(obj) {
var el = document.getElementById(obj);
if (el.style.display == "block" ) {
el.style.display = "none";
} else {
el.style.display = "block";
}
}
</script>


 
ou ca
 

Citation :

function affCache(obj) {
var el = document.getElementById(obj);
el.style.display = (el.style.display == "none" ) ? "" : "none";
}


 
mais rien ne marche, alors je commence à me demandé c'est quoi le problème  :( , car en fait je voudrais afficher ou cacher un div selon le numéro de div choisi, par exemple j'ai 5 div dans ma page, par défaut ils sont tous cachés, si une personne clique sur div 2, ce div s'affiche à un endroi bien préci, si ensuite elle clique sur le div 4, le div2 sera supprimé, et donc remplacé par le div 4 ou se trouvai le div 2. Je n'arrive même pas a testé si un div est bien visible ou non  :pfff:  
 
Donc voila voila j'espère que j'aurais été clair, merci d'avance qui voudront bien m'aider un ti peu  :)

Reply

Marsh Posté le 04-02-2008 à 16:12:48   

Reply

Marsh Posté le 04-02-2008 à 16:29:37    

Citation :

 

<html>
<head>
 <script type="text/javascript">
  function display() {
   if(document.getElementById("divToHide" ).style.display == 'none') {
    document.getElementById("divToHide" ).style.display = '';
   }
   else {
    document.getElementById("divToHide" ).style.display = 'none';
   }
   
  }
 </script>
</head>
<body>
<div id="divToHide" style="display:none;">
 <h1>Hello !!!</h1>
</div>
<input type="button" onclick="display();" value="Display !"/>
</body>
</html>

 



 

Ps : c'est pas du Java mais du JavaScript


Message édité par nicocsgamer le 04-02-2008 à 16:31:42
Reply

Marsh Posté le 04-02-2008 à 16:37:12    

Oui exacte je me suis planté, il faudrait le déplacer le sujet dans HTML/CSS/Javascript

Reply

Marsh Posté le 04-02-2008 à 21:21:54    

Problème résolu  :sweat:
J'ai enfin trouvé la solution et mon erreure  :ange:

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed