Comment afficher + de lignes en JS ?

Résolu/Fermé

jlb59 Messages postés 343 Date d'inscription mercredi 25 août 2004 Statut Membre Dernière intervention 8 mars 2024 - 29 août 2007 à 18:28
Dalida Messages postés 6728 Date d'inscription mardi 14 mai 2002 Statut Contributeur Dernière intervention 11 janvier 2016 - 29 août 2007 à 21:29

Bonjour à tous,

En essayant de trouver le moyen de cacher/afficher une phrase en cliquant sur un mot, je suis tomber là-dessus :
http://www.jsmadeeasy.com/javascripts/IE5%20Scripts/visibility/template.htm

C'est super que le JS ne soit pas trop lourd, mais je ne peux afficher qsue 2 mots, or il en faudrait 4 et une phrase sur chaque.

Le code est :
<HTML>
<HEAD>

<SCRIPT LANGUAGE=JAVASCRIPT>
function highlightButton(s) {
if ("INPUT"==event.srcElement.tagName)
event.srcElement.className=s
}
</SCRIPT>

</HEAD>
<BODY>

Question 1
Réponse 1

Question 2
Réponse 2


</BODY>
</HTML>

Pour les 2 premières, ça marche, mais quand j'ajoute un autre mot, y a une erreur et rien ne va !

Comme je suis vraiment nul en JS, pourriez-vous m'aider en me disant ce qu'il faut faire ?

Merci d'avance.

A voir également:

Comment afficher + de lignes en JS ?
Site de vente en ligne particulier - Guide
Partage de photos en ligne - Guide
Afficher mot de passe wifi android - Guide
Js round ✓ - Forum Javascript
Afficher toutes les lignes masquées excel ✓ - Forum Excel

3 réponses

Réponse 1 / 3

Dalida Messages postés 6728 Date d'inscription mardi 14 mai 2002 Statut Contributeur Dernière intervention 11 janvier 2016 920
29 août 2007 à 20:17

salut,

JavaScript repère chaque '' grâce à un identifiant unique. c'est l'attribut 'id'.
mais il faut que cet identifiant reste unique…

par ailleurs il faut encadrer la valeur avec des guillemets et mieux vaut utiliser une valeur explicite plutôt qu'une simple lettre.

<P style="color:blue" onclick="document.all.reponse1.style.visibility= document.all.reponse1.style.visibility=='hidden' ? '' : 'hidden'">Question 1</P>
<P id="reponse1" style="visibility:hidden">Réponse 1</P>

<P style="color:blue" onclick="document.all.reponse2.style.display= document.all.reponse2.style.display=='none' ? '' : 'none'" title="">Question 2</P>
<P id="reponse2" style="display:none">Réponse 2</P>

<P style="color:blue" onclick="document.all.reponse3.style.display= document.all.reponse3.style.display=='none' ? '' : 'none'" title="">Question 3</P>
<P id="reponse3" style="display:none">Réponse 3</P>

<P style="color:blue" onclick="document.all.reponse4.style.display= document.all.reponse4.style.display=='none' ? '' : 'none'" title="">Question 4</P>
<P id="reponse4" style="display:none">Réponse 4</P>

Réponse 2 / 3

jlb59
29 août 2007 à 21:14

Salut Mathieu,

Merci grandement pour ton aide.

Ca marche impec sous FF et IE, les autres, je sais pas.

Affaire classée.

Grand merci à tout ceux qui m'ont aidé à résoudre ce problème.

Réponse 3 / 3

Dalida Messages postés 6728 Date d'inscription mardi 14 mai 2002 Statut Contributeur Dernière intervention 11 janvier 2016 920
29 août 2007 à 21:29

content d'avoir pu t'aider.

bonne route !

Discussions similaires

Afficher toutes les lignes masquées excel

programme qui n'affiche pas le mot secret

code couleur associé a une image

Statut « en ligne » alors que non

remettre toutes les colonnes et les lignes masquées

Discussions similaires

Newsletters