<html>
<head>
<script type="text\javascript">
// Méthode pour changer la visiblité d'une balise dont l'ID est passée en paramètre
function toggleVisibility(tagId) {
if (!document.getElementById) {
msg = 'Votre navigateur est trop ancien pour profiter de votre visite';
return false;
}
var tagtoToggle;
try { // On tente de récupérer la balise cible dont on doit changer la visibilité
tagToToggle = document.getElementById(tagId);
}
catch (e) { // Si échec de la récupération de la balise cible
alert('Je n\'ai pas pu trouver la balise cible');
}
try { // Seulement pour les non IE
if (tagToToggle.style.display == 'none') {
tagToToggle.style.display = 'inline';
}
else {
tagToToggle.style.display = 'none';
}
}
catch (e){
}
}
</script>
</head>
<body>
<h1>My Heading</h1>
<div>
<a href="javascript:toggleVisibility('texte1')">
Changer la visibilité du texte 1
</a>
</div>
<div id="texte1" style="visibility: hidden; display: none;">
<h2> abc </h2>
</div>
</body>
</html>
Lorsque j'affiche sur Mozilla (donc différent d'IE, cela m'écris bien le titre "My Heading"
puis le noeud, qui est en fait un lien": "Changer la visibilité du texte 1"
Mais lorsque je clique dessus rien ne passe...alors qu'il devrait afficher "abc"...
Ne maitrisant pas le javascript j'ai besoin de votre aide...
Pourriez-vous m'aider à trouver le problème?
ps : dans ton cas, tu dois utiliser element.style.display
Tu peu aussi enlevé visibility qui est redondant.
Noeud déroulant du texte en cas de clic
× Après avoir cliqué sur "Répondre" vous serez invité à vous connecter pour que votre message soit publié.
× Attention, ce sujet est très ancien. Le déterrer n'est pas forcément approprié. Nous te conseillons de créer un nouveau sujet pour poser ta question.