[JAVASCRIPT] Afficher/Cacher plusieurs div

Fermé
gonnor Messages postés 29 Date d'inscription mardi 9 octobre 2007 Statut Membre Dernière intervention 2 décembre 2012 - Modifié par gonnor le 10/11/2012 à 16:17
gonnor Messages postés 29 Date d'inscription mardi 9 octobre 2007 Statut Membre Dernière intervention 2 décembre 2012 - 10 nov. 2012 à 16:23
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
A voir également:

1 réponse

gonnor Messages postés 29 Date d'inscription mardi 9 octobre 2007 Statut Membre Dernière intervention 2 décembre 2012
10 nov. 2012 à 16:23
Désolé (ce n'était pas faute d'avoir cherché pendant quelques heures)
j'ai trouvé la solution :

modifier le nom de la fonction : " function apparaitre(texte2)" par " function apparaitre2(texte2)" et donc le modifier aussi dans le <input>
0