Affichage de tableaux
jordane45 Messages postés 38486 Date d'inscription Statut Modérateur Dernière intervention -
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.
<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";
}
};
</script>
Merci d'avance pour votre aide !
- Affichage de tableaux
- Affichage double ecran - Guide
- Windows 11 affichage classique - Guide
- Tableaux croisés dynamiques - Guide
- Fusionner deux tableaux excel - Guide
- Problème affichage fenêtre windows 10 - Guide
1 réponse
Bonjour,
Tu dis
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.
Donc.... soit ta modal contient un formulaire que tu "submit" .. et dans ce cas ça rechargera la page avec les données récupérées en bdd en fonction de la recherche que tu as fait ....
Soit tu le fais en AJAX (pour éviter le rechargement de la page) et dans ce cas, ton code JS viendra modifier le contenu du tableau existant par celui récupéré en ajax.
Quoi qu'il en soit, tu n'as clairement pas besoin de gérer "deux zones" dans ta page... et donc.. le code JS que tu as trouvé ne sert à rien et ne correspond pas à tes besoins.