Discussion :

[Invité]

Bonjour,

Je débute en Javascript et bute sur une question qui semblera peut-être évidente à l'un d'entre vous.

Voici: Je souhaite afficher un champ texte à remplir si et seulement si un certain bouton radio est coché. Le champ texte est caché le reste du temps. Voici mon code en Javascript (qui ne fonctionne pas, et je ne vois pas pourquoi):

dans le head:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
 function test()
 {
 document.getElementbyId("truc").style.display="inline";
 document.getElementbyId("truc").style.visibility="visible";
 }

et puis dans le html:

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
 (...)
<input type=radio name="bidule" onclick="test();">
 (...)                                                      
<input id="truc" type="text" style ="display: none; visibility: hidden">

Si l'erreur saute aux yeux de quelqu'un... faites vous plaisir.

Merci de votre aide, en tous cas

[Bovino]

JavaScript est sensible à la casse, donc getElementbyId != getElementByIdD'autre part, utiliser conjointement display et visibility n'a aucun intérêt, supprimes-en un et de préférence visibility.

[Invité]

Merci de ta réponse.

Tu as raison, l'erreur venait du b minuscule, que je ne voyais plus. Cela fonctionne à présent. (je regardais ce truc depuis ce matin en me rongeant les ongles d'agacement... la fatigue probablement.)

En revanche, concernant visibility et display, j'ai mis les deux car j'ai lu je ne sais plus où que certains browsers lisent l'un et pas l'autre, et vice-versa. Qu'en penses-tu ?

En tous cas, encore un vif merci pour ton temps.

Donc si ce code intéresse quelqu'un: il fonctionne, pensez juste aux B majuscules.

[Bovino]

C'est un grand classique quand on a le nez toute la journée dans son code : on n'arrive plus à voir certaines erreurs grossières !
L'idéal étant d'avoir un bon EDI capable de repérer ce type d'étourderie.

j'ai lu je ne sais plus où que certains browsers lisent l'un et pas l'autre, et vice-versa.

Non, c'est faux. Ou alors, si ça a été vrai un jour, c'est bien avant que je ne m'intéresse au Web !
La seule différence entre les deux est que visibility: hidden masque l'élément mais conserve son emplacement dans l'affichage (donc en général, c'est un espace vide qui apparait alors que display: none masque l'élément en le faisant sortir du flux.

[Invité]

-D'accord, c'est compris. Effectivement j'avais prévu de faire un blabla.style.height="0" pour compenser: ton explication montre pourquoi c'était nécessaire.

-Pour l'éditeur, bahhh.... j'utilise mon notepad. dans les moments de folie Notepad++.

(A part pour mes fichiers latex, que j'écris sous Kyle)

-Pour la faute de casse, oui c'est clair.. j'ai les yeux rouges à force d'être devant mon écran et en plus je suis exténuée cette semaine..

Encore un grand merci.. je me sens détendue d'un coup