Discussion :

[beji15]

Bonsoir(ou Bonjour ),
j'aimerais vous demander si vous ne sauriez pas comment faire pour
afficher/masquer un div portant un id différent ?
Exemple : j'ai 2 tableaux, portant chacun respectivement un id différent (table_1 et table_2) et donc, j'aimerais grâce à un lien faire cacher tout le div
et le réafficher en recliquant sur le lien.

Vous l'avez compris, je voudrais faire comme sur ce forum avec le système + et -.
J'ai essayé de regarder le code javascript et le css mais il y a tellement de choses que je me suis perdu alors j'ai préferé faire appel à vous.

En conclusion, j'aimerais faire une fonction qui cache un div grâce un lien ( ou une image, c'est plus joli pour un forum) et le faire réapparaître en recliquant sur l'image - qui est devenu + lors du clic précédent.

Voilà, j'espère que vous pourrez m'aider, merci à celle/celui qui m'aidera.

[Kerod]

tu pourrais faire comme ceci :

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

<img src="plus.gif" id="image" onclick="display('iddiv',this.id)" />

Et pour le javascript:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
 
function display(ident,image)
{
    var mon_div = document.getElementById(ident);
 
    if(mon_div..style.display == 'none')
    {
          mon_div.style.display = '';
          image.src = 'moins.gif';
    }
    else
    {
         mon_div.style.display = 'none';
         image.src = 'plus.gif';
    }
}

[Auteur]

Code javascript :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
 
          mon_div.style.display = '';
          image.src = 'moins.gif';

personnellement, je préfère préciser la valeur de la propriété display...

Code javascript :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
 
          mon_div.style.display = 'block';
          image.src = 'moins.gif';

[Kerod]

personnellement, je préfère préciser la valeur de la propriété display...

Code javascript :

mon_div.style.display = 'block';
image.src = 'moins.gif';

Peut-être mais si c'est un tableau ça risque de poser problème

[Auteur]

Peut-être mais si c'est un tableau ça risque de poser problème

oui certes pour un tableau, il faut laisser vide. Mais là c'est un div

Toutefois, je crois que si la valeur de display n'est pas précisée, une valeur par défaut lui est affectée, c'est bien ça ?

[Kerod]

Par défaut c'est block pour un div

[sachav]

tu pourrais faire comme ceci :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
 
    if(mon_div..style.display == 'none')

Qu'un seul point (petite faute de frappe, je suppose)

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
 
    if(mon_div.style.display == 'none')