Forums Tout JavaScript

Bonjour,

J'espère poster au bon endroit sinon je m'excuse je débute en programmation. J'ai donc un fichier template_personnel.php ainsi qu'un fichier template_personnel.html. Dans le fichier html on trouve un bouton "Afficher" qui nous affiche à l'écran la liste du personnel ainsi qu'un bouton rechercher qui nous ouvre une modale dans laquelle il faut renseigner le nom d'utilisateur.
Une fois la modale valider je souhaiterais que la recherche s'affiche à la place du tableau actuel ou il y a tout le personnel. Actuellement les deux tableaux s'affichent à la suite.
J'ai vu que je pouvais utiliser ce genre de script qui modifie le CSS cependant soit ça ne fonctionne pas, soit je dois le mettre au mavais endroit.

Code : Tout sélectionner

<script>
      document.querySelector(".afficher").onclick = function () {
        if (
          window.getComputedStyle(document.querySelector(".table")).display ==
          "none"
        ) {
          document.querySelector(".table").style.display = "block";
        } else {
          document.querySelector(".table").style.display = "none";
        }
      };

Merci d'avance pour votre aide !

Bonjour,

Il faut s'assurer que le selector retourne le bon objet HTML
document.querySelector(".table") retourne le 1er element de classe CSS table
Est-ce bien une classe CSS ou simplement l'objet html <table>. Dans ce cas, il faut écrire :

Code : Tout sélectionner

document.querySelector("table")

Et si il y en a plusieurs, il faut identifier la bonne avec un id="maTable" et la chercher avec :

Code : Tout sélectionner

document.querySelector("#maTable")

Forums Tout JavaScript

Affichage de tableaux

Affichage de tableaux

Re: Affichage de tableaux