Discussion :

[Invité]

Bonjour,

J'ai dans une page html, 2 tableaus tb1 et tb2
Au chargement de la page, tb1 est visible et tb2 est invisible.
Lorsque le lecteur clique sur tb1 (onClick), tb1 devient invisible et tb2 devient visible et inversement.

chaque tableau a son id de défini.
Et sur onClick une fonction s'execute.

Voici la fonction

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
function tb_records_show() {
  tb1 = document.getElementById("tb_records");
  tb2 = document.getElementById("tb_records_full");
  if (tb1.currentStyle.display == "block") {
   tb1.style.display = "none";
   tb2.style.display = "block";
   window.alert("cache");
  }
  else {
    tb1.style.display = "block";
    tb2.style.display = "none";
    window.alert("visible");
  }
}

cependant cela ne fonctionne pas.
Si je mets

Code :

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

return tb1.style.display = "none";

C'est ok pour tb1, mais je dois afficher tb2.
Pourriez-vous m'indiquer la bonne voie

merci de vos futurs échange

JLMAG

[trotters213]

Que fais currentStyle ?
Tu as regardé que tb1 et tb2 ne soient pas NULL ?

[Invité]

Bonjour,

currentStyle renvoie la valeur courante du style donné!
Ici, après affichage de la page, tb1.currentStyle.display = "block".
Donc quand je clique une première fois sur tb1, la boite d'alerte affiche bien "cache", si je clique une seconde fois, la boite d'alerte affiche "visible".
Mais c'est toujours tb1 qui est visible.

Autre exemple qui fonction pour le clic sur une image qui affiche ou pas le tableau

Code :

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

onClick = "javascript: return((tb1.currentStyle.display == 'block') ? tb1.Style.display = 'none' : tb1.Style.display = 'block')"

Mais comment faire pour deux tableaux?

Merci

[roudoudouduo]

Tu es sur que la propriété currentStyle fonctionne sur tous les navigateurs ?

Code javascript :

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

1
2
3
4
5
6
 
  if (tb1.currentStyle.display == "block") {
   tb1.style.display = "none";
   tb2.style.display = "block";
   window.alert("cache");
  }

Essaie tout simplement de remplacer currentStyle par style, car je ne vois pas bien l'interet de cette propriété... de toute facon style contient toujours le style courant ??? (ndlr : je l'utilise et ça marche très bien !!!).

[Invité]

Bonjour roudoudouduo

J'ai suivi tes conseils et cela fonctionne.
Avec currentStyle cela fonctionne aussi.
J'ai cependant modifié l'appel à la fonctionn ainsi

Code :

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

<table id="tb_records" border="1" style="display: block;" onClick="javascript:tb_records_show()">

Merci à toi