Affichage sélectif ( block)

Bonsoir,

J'utilise les fonctions suivantes pour l'affichage de mes différents tableaux :

Citation:

---

function tableau_1(id, target) {
var e = document.getElementById(id);
var t = document.getElementById(target);
if(e.style.display == 'none') {
e.style.display = 'block';
t.innerHTML = 'Fermer';
} else {
e.style.display = 'none';
t.innerHTML = 'Voir la tableau 1';
}
}
function tableau_2(id, target) {
var e = document.getElementById(id);
var t = document.getElementById(target);
if(e.style.display == 'none') {
e.style.display = 'block';
t.innerHTML = 'Fermer';
} else {
e.style.display = 'none';
t.innerHTML = 'Voir le tableau 2';
}
}

---

La partie liens :

Citation:

---

print("<a href=\"#\" onclick=\"tableau_1('$id_tab_1','tableau_1 $id_tab_1'); return false;\" id='tableau_1 $id_tab_1'>Voir tableau 1</a>");

print("<a href=\"#\" onclick=\"tableau_2('$id_tab_2','tableau_2 $id_tab_2'); return false;\" id='tableau_2 $id_tab_2'>Voir tableau 2</a>");

---

Et enfin, l'affichage :

Citation:

---

<div id='$id_tab_1' style='display:none;'>
Affichage 1
</div>

<div id='$id_tab_2' style='display:none;'>
Affichage 2
</div>

---

Cette "structure" fonctionne trés bien, cependant je souhaiterais pour plus de confort que les affichages se substituent.
Par exemple :
J'ai mon tableau 1 qui est affiché.
Si je clique sur "voir le tabelau 2", l'affichage de ce dernier doit écraser le précédent, plutôt que d'avoir les 2 affichés à la suite.

Si vous avez une idée, je vous en remercie par avance.

Cordialement

il y a à peu près tout à changer dans ce code!

- décide d'abord si tu veux afficher par défaut le tableau 1 à l'ouverture, pour n'avoir ensuite qu'à commuter;
- l'id des 2 tableaux récupérés sur serveur est-elle variable? le contenu des tableaux est-il variable?

Justement, je ne souhaite pas d'affichage par défaut à l'ouverture, les tableaux restent invisibles.

Et en effet, les $id_tab sont des variables, idem pour le contenu des tableaux.

Plus de précision :

Je procéde à une requête en boucle pour récupérer tous les id de ma table, je peux en avoir plusieurs dizaines ou centaines.

Ceux-ci sont affichés sur une seule colonne avec pour chacun l'option "Voir tableau 1" - "Voir tableau 2".

Citation:

---

Exemple :
ID1- Voir tableau 1 - Voir tableau 2
ID2- Voir tableau 1 - Voir tableau 2
ID3- Voir tableau 1 - Voir tableau 2
ID4- Voir tableau 1 - Voir tableau 2
etc....

---

Chaque ID récupéré contient des tableaux ($id_tab_1)et ($id_tab_2) différents.