[JAVASCRIPT] Afficher/Cacher plusieurs div
gonnor
Messages postés
29
Date d'inscription
Statut
Membre
Dernière intervention
-
gonnor Messages postés 29 Date d'inscription Statut Membre Dernière intervention -
gonnor Messages postés 29 Date d'inscription Statut Membre Dernière intervention -
Bonjour,
Je ne connais pas bien le javascript mais je n'est pas de soucis avec PHP/CSS. Voila mon soucis j'essaie d'avoir plusieurs boutons me permettant d'afficher chacun un texte differents
<bouton 1>
<text1>
<bouton 2>
<text2>
<...ect>
Voila le code que j'ai actuellement (non fonctionnel)
(inclusion dans le <head>vers un fichier .js)
code dans le fichier .php
<div id="afficher_cacher1">
<input onclick="apparaitre(afficher_cacher1);" value="Afficher" type="button"/>
</div>
<div id="texte1" style="visibility:hidden">
Texte 1
</div>
<div id="afficher_cacher2">
<input onclick="apparaitre(afficher_cacher2);" value="Afficher" type="button"/>
</div>
<div id="texte2" style="visibility:hidden">
Texte 2
</div>
code dans le fichier .js
function apparaitre(texte1){
var valeur_visibility = document.getElementById("texte1").style.visibility;
if (valeur_visibility == "hidden")
{
document.getElementById("texte1").style.visibility = "";
document.getElementById("afficher_cacher1").innerHTML = "<input onclick='apparaitre(texte1);' value='Cacher' type='button'/>";
}
else
{
document.getElementById("texte1").style.visibility = "hidden";
document.getElementById("afficher_cacher1").innerHTML = "<input onclick='apparaitre(texte1);' value='Afficher' type='button'/>";
}
}
function apparaitre(texte2){
var valeur_visibility = document.getElementById("texte2").style.visibility;
if (valeur_visibility == "hidden")
{
document.getElementById("texte2").style.visibility = "";
document.getElementById("afficher_cacher2").innerHTML = "<input onclick='apparaitre(texte2);' value='Cacher' type='button'/>";
}
else
{
document.getElementById("texte2").style.visibility = "hidden";
document.getElementById("afficher_cacher2").innerHTML = "<input onclick='apparaitre(texte2);' value='Afficher' type='button'/>";
}
}
en espérant avoir une réponse,
@bientôt
Je ne connais pas bien le javascript mais je n'est pas de soucis avec PHP/CSS. Voila mon soucis j'essaie d'avoir plusieurs boutons me permettant d'afficher chacun un texte differents
<bouton 1>
<text1>
<bouton 2>
<text2>
<...ect>
Voila le code que j'ai actuellement (non fonctionnel)
(inclusion dans le <head>vers un fichier .js)
code dans le fichier .php
<div id="afficher_cacher1">
<input onclick="apparaitre(afficher_cacher1);" value="Afficher" type="button"/>
</div>
<div id="texte1" style="visibility:hidden">
Texte 1
</div>
<div id="afficher_cacher2">
<input onclick="apparaitre(afficher_cacher2);" value="Afficher" type="button"/>
</div>
<div id="texte2" style="visibility:hidden">
Texte 2
</div>
code dans le fichier .js
function apparaitre(texte1){
var valeur_visibility = document.getElementById("texte1").style.visibility;
if (valeur_visibility == "hidden")
{
document.getElementById("texte1").style.visibility = "";
document.getElementById("afficher_cacher1").innerHTML = "<input onclick='apparaitre(texte1);' value='Cacher' type='button'/>";
}
else
{
document.getElementById("texte1").style.visibility = "hidden";
document.getElementById("afficher_cacher1").innerHTML = "<input onclick='apparaitre(texte1);' value='Afficher' type='button'/>";
}
}
function apparaitre(texte2){
var valeur_visibility = document.getElementById("texte2").style.visibility;
if (valeur_visibility == "hidden")
{
document.getElementById("texte2").style.visibility = "";
document.getElementById("afficher_cacher2").innerHTML = "<input onclick='apparaitre(texte2);' value='Cacher' type='button'/>";
}
else
{
document.getElementById("texte2").style.visibility = "hidden";
document.getElementById("afficher_cacher2").innerHTML = "<input onclick='apparaitre(texte2);' value='Afficher' type='button'/>";
}
}
en espérant avoir une réponse,
@bientôt
A voir également:
- [JAVASCRIPT] Afficher/Cacher plusieurs div
- Afficher appdata - Guide
- Cacher son numéro - Guide
- Cacher conversation whatsapp - Guide
- Cacher ses amis sur facebook - Guide
- Afficher taille dossier windows - Guide