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