Re et merci, ta function marche sauf un détaille lorsque je clique pour faire apparaitre une autre div, la précédente ne disparait pas.

Du coup voilà ce que j'ai aujourd'hui : Pour l'amélioré encore j'ai tenté :


Mais ca marche pas. lool c'est le début du js pour moi hein je trifouille

Ben oui mais regarde ton code attentivement :

window.onload = function()
{
    i = i+1;
    var id = 'tableau' + i;
    document.getElementById(id).style.display = "none";
}

Ta variable i n'est jamais initialisée, ce qui revient à faire i = null + 1, ce qui n'a pas de sens. Et du coup les lignes suivantes n'ont pas davantage de sens et rien ne se passe.

L'idée est là, mais il te manque une boucle avec une valeur de départ et une valeur limite. Que ce soit du JS, du PHP ou n'importe quel langage, le principe reste strictement le même. Je te laisse un peu méditer là dessus, continue sur cette lancée.

Ouh OUh (le ou ou de homer simpson)
ça marche ! Merki

Par contre au niveau de faire disparaitre les div à l'apparition d'un autre avec ton new code tu peut m'aiguillé stp ?

ps : oui je sait 32 tableau à faire et j'en suis qu'au 14em... pfffiou

Ben voilà, je ne suis pas amateur des Simpsons, mais ton code est correct. Il te reste plus qu'à marquer le sujet comme résolu (En haut à droite de la réponse qui a résolu la question)

ça fais quelques jours qu'il est résolu
par tes soins bien sur.

Par contre ton nouveau code ne permet pas le switch entre deux div une fois qu'une div est afficher je ne peut la faire disparaitre qu'en cliquant sur son propre bouton, comment puis-je procédé pour quel disparaisse aussi si je clic sur une autre ?

function hideAllDivs(){
   for(var i=1; i<32; i++)
   {
      var id = 'tableau' + i;
      document.getElementById(id).style.display = "none";
   }

}

function switchDiv(n)
{
    // Identifiant du bloc à traiter
    var id = 'tableau' + n;
    // Récupération du statut courant
    var sc = document.getElementById(id).style.display;
    // Définition du nouveau statut
    var ns = (sc == 'block') ? 'none' : 'block';
    // on cache tout
    hideAllDivs();
    // Application du nouveau statut
    document.getElementById(id).style.display = ns;
}

window.onload = function()
{
hideAllDivs();
}

Pas testé mais sur le principe ça devrait le faire

Merci jojo,

mais forcément si je cache tout je cache aussi la div sélectionné donc ça ne marche pas...

Voila ce que j'ai trouver :
Si vous trouver quelques chose de mieux ou à simplifié n'hésitez pas ++

Je voulais juste signaler la pseudo classe css :target, qui permet de s'affranchir de javascript, mais n'est hélas pas prise en charge par quelques navigateurs...

Ex.:

<style type="text/css">
#zeudiv {
    display: none;
}
#zeudiv:target { display: block; }
</style>
<p><a href="#zeudiv" title="Afficher zeu div masqué">Target c'est sympa</a></p>