Div Cacher/Montrer

Question

Div Cacher/Montrer

Signaler

ghighidu63

Messages postés: 37
Date d'inscription: mardi 6 avril 2010
Statut: Membre
Dernière intervention: 17 février 2012

- 20 juin 2011 à 20:09
ghighidu63

Messages postés: 37
Date d'inscription: mardi 6 avril 2010
Statut: Membre
Dernière intervention: 17 février 2012

- 14 juil. 2011 à 18:23

Bonjour depuis quelques jours je suis confronter à un problème.
Je n'arrive pas à cacher plusieurs div, c'est à dire,

Quand je clique sur le div 1 cacher le div 1 mais quand je clique sur le div 2 ferme le div 2 et non pas le div 1
Voici mon code JS pour comprendre

<!--// [CDATA[
    function divaffiche(){
      document.getElementById("box_keywords").style.display = "block";
      document.getElementById("cache").style.display = "inline";
      document.getElementById("voir").style.display = "none";
    }
    function divcache(){
      document.getElementById("box_keywords").style.display = "none";
      document.getElementById("cache").style.display = "none";
      document.getElementById("voir").style.display = "inline";
    }
function divclose(){
      document.getElementById("box_keywords").style.display = "none";
  document.getElementById("box").style.display = "none";
  document.getElementById("close").style.display = "none";
      document.getElementById("cache").style.display = "none";
      document.getElementById("voir").style.display = "none";
    }




// ]] -->

Puis dans mon html

<!--Premier DIV-->



<?php if (isset($box_name)) {     echo $box_name; }else { echo "Sans titre";} ?>
<!--Close-->



<!--Restore-->



<!--Minimize-->






5sdsd







<!--Second DIV-->




<?php if (isset($box_name)) {     echo $box_name; }else { echo "Sans titre";} ?>
<!--Close-->



<!--Restore-->



<!--Minimize-->






5sdsd

Ce code s'affiche sous la forme de deux boite cote à cote

+--------------------+ +-------------------+
|Titre 2 _ X| |Titre 1 _ X|
| | | |
| | | |
+--------------------+ +-------------------+
Le X représente FERMER le _ Réduire car le X fait completement disparaitre le div alors que le _ cache le contenue et le remplace pare une autre image restaurer voire l'image restaure de la fenêtre windows.

Merci à toust ceux qui vont répondre au message

Afficher la suite

A voir également:

8 réponses

Répondre Posez votre question

ghighidu63 · Answer 1 · 2011-06-20T20:12:12+0200

Réponse 1 / 8

ghighidu63

Messages postés: 37
Date d'inscription: mardi 6 avril 2010
Statut: Membre
Dernière intervention: 17 février 2012

20 juin 2011 à 20:12

+--------------------+ +-------------------+
|Titre 2 ........._ X| |Titre 1 ........_ X|
|....................| |...................|
|....................| |...................|
+--------------------+ +-------------------+

Désoler pour la mis en page

Merci

mikeyjoy · Answer 2 · 2011-06-26T18:42:55+0200

Réponse 2 / 8

mikeyjoy

Messages postés: 28
Date d'inscription: dimanche 3 avril 2011
Statut: Membre
Dernière intervention: 8 août 2011

26 juin 2011 à 18:42

Il me semble que ton problème vient de ce que tes 2 DIV ont le même id. Les 2 ont "Box" pour id.
Essaie pour commencer de nommer l'une "Box1" et l'autre "Box2", par exemple.

Ensuite, met un argument dans tes fonctions Javascript.
Ex: function divclose(id){ ....... }

Puis pour "désafficher" ta div, remplace alors:
document.getElementById("box").style.display = "none";

par:
document.getElementById( id ).style.display = "none";

mikeyjoy · Answer 3 · 2011-06-26T18:48:18+0200

Réponse 3 / 8

mikeyjoy

Messages postés: 28
Date d'inscription: dimanche 3 avril 2011
Statut: Membre
Dernière intervention: 8 août 2011

26 juin 2011 à 18:48

puis retourne enfin dans ton code HTML, et change les événements onclick comme suis:

onClick="divclose(Box1)" pour ta div 1

et
onClick="divclose(Box2)" pour ta div 2

ghighidu63 · Answer 4 · 2011-06-28T16:43:50+0200

Réponse 4 / 8

ghighidu63

Messages postés: 37
Date d'inscription: mardi 6 avril 2010
Statut: Membre
Dernière intervention: 17 février 2012

28 juin 2011 à 16:43

Merci de votre réponse, je vais essayer tout ça

mikeyjoy · Answer 5 · 2011-06-28T20:16:19+0200

Réponse 5 / 8

mikeyjoy

Messages postés: 28
Date d'inscription: dimanche 3 avril 2011
Statut: Membre
Dernière intervention: 8 août 2011

28 juin 2011 à 20:16

Désolé, en passant par la, je vois que j'ai oublié les guillemets pour le nom de l'id:

Il faut que tu mettes:

onClick="divclose('Box1')" pour ta div 1

et
onClick="divclose('Box2')" pour ta div 2

ghighidu63 · Answer 6 · 2011-07-03T00:17:07+0200

Heu... Ca ne marche toujours pas
Mon js

<!--// [CDATA[
    function divaffiche(){
      document.getElementById("box_keywords").style.display = "block";
      document.getElementById("cache").style.display = "inline";
      document.getElementById("voir").style.display = "none";
    }
    function divcache(){
      document.getElementById("box_keywords").style.display = "none";
      document.getElementById("cache").style.display = "none";
      document.getElementById("voir").style.display = "inline";
    }
function divclose(id){
      document.getElementById("box_keywords").style.display = "none";
  document.getElementById(id).style.display = "none";
  document.getElementById("close").style.display = "none";
      document.getElementById("cache").style.display = "none";
      document.getElementById("voir").style.display = "none";
    }




// ]] -->

J'ai même essayer de mettre (id) partout

ghighidu63 · Answer 7 · 2011-07-03T00:50:47+0200

J'ai vue sur ce site

http://www.weberdev.com/get_example.php3?ExampleID=4263

Que l'on pouvait Attribuer une id différente mais je ne comprend pas du tout le script avec les boucles et tout...

Ca m'aideras surement parceque je ne veux pas mettre à chaque fois box1 2 3 4 ... C'est embétant et puis si je suis loin dans le script je dois rechercer la derniere box

La démo se trouve ici

C'est exactement ce qu'il me faut sauf que je ne comprend rien

AIDEZ-MOI SVP Bouhouuuuu

ghighidu63 · Answer 8 · 2011-07-14T18:23:39+0200

Bonjour pour tou ceux qui auront le même pb j'ai changer le script
voila

<!--// [CDATA[
function divclose(id,imgcl,imgc,imgv,content){

  document.getElementById(content).style.display = "none";
  document.getElementById(id).style.display = "none";
}
   function divaffiche(id,content,img,img2){
      document.getElementById(content).style.display = "block";
      document.getElementById(img2).style.display = "inline";
      document.getElementById(img).style.display = "none";

    }
    function divcache(id,content,img,img2){
      document.getElementById(content).style.display = "none";
      document.getElementById(img).style.display = "none";
      document.getElementById(img2).style.display = "inline";

    }
// ]] -->

Et pour html
Boite °1






<?php if (isset($box_name)) {     echo $box_name; }else { echo "Sans titre";} ?>
<!--Close-->



<!--Restore-->



<!--Minimize-->






Salut

Bonne chance/courage

Votre réponse