javascript, div et id

Version imprimable

J'ai un code comme ça :

Code:

1
2
3
4
5
6
7
8
 
<input type="checkbox" name="liste" id="idjs_liste" onFocus="idjs_input_tout_categorie.checked=false;idjs_tout_categorie.style.visibility = 'visible';">
 
 
<div id="idjs_tout_categorie" style="visibility:hidden;">
	<input type="checkbox" name="tout_categorie" id="idjs_input_tout_categorie" onFocus="idjs_categorie_ou_offre.selectedIndex=-1;">
	<label for="idjs_input_tout_categorie">Toutes</label>
</div>

Lorsque je coche la checkbox "liste", ça ne fonctionne pas.
J'ai le message d'erreur : idjs_tout_categorie is not defined.

Je ne comprends pas.

08/06/2006, 13h34
Kerod

Et si tu faisais avec le

Citation:

document.getElementById(nomid).style.visibility.....

Ca marche pas car tu as pas défini son nom, et l'appel que tu effectues c'est avec son name et nom son id d'où le code ci-dessus
08/06/2006, 13h46
senacle

L'appel est bien fait avec l'id !

D'ailleurs, pourquoi idjs_input_tout_categorie.checked=false fonctionne et pas idjs_tout_categorie.style.visibility = 'visible'

Si c'est comme tu dis, je devrais écrire document.getElementById(idjs_input_tout_categorie).checked=false.

De toute façon, document.getElementById(idjs_tout_categorie).style.visibility = 'visible' donne encore l'erreur idjs_tout_categorie is not defined

Bon on reprend en détail :

Code:

1
2
3
4
5
<input type="checkbox" name="liste" id="idjs_liste" onFocus="test()">
<div id="idjs_tout_categorie" style="visibility:hidden;">
    <input type="checkbox" name="tout_categorie" id="idjs_input_tout_categorie" onFocus="idjs_categorie_ou_offre.selectedIndex=-1;">
    <label for="idjs_input_tout_categorie">Toutes</label>
</div>

on définit la fonction :

Code:

1
2
3
4
5
function test()
{
document.getElementById('idjs_input_tout_categorie').checked=false;
document.getElementById('idjs_tout_categorie').style.visibility = 'visible' ;
}

08/06/2006, 14h06
senacle

Ca marche....en partie.
1/ Seul le label s'affiche et pas le input ?!

2/ Pourquoi ça va mieux en définissant une fonction ?

Ca fonctionne correctement chez sous FF et IE

La définition de la fonction n'est pas obligatoire, ca fonctionnera sans :
Code:

1 2 3 4 5 <input type="checkbox" name="liste" id="idjs_liste" onclick="document.getElementById('idjs_input_tout_categorie').checked=false;document.getElementById('idjs_tout_categorie').style.visibility = 'visible';"> <div id="idjs_tout_categorie" style="visibility:hidden;"> <input type="checkbox" name="tout_categorie" id="idjs_input_tout_categorie" onFocus="idjs_categorie_ou_offre.selectedIndex=-1;"> <label for="idjs_input_tout_categorie">Toutes</label> </div>
par contre ton code n'est pas encore au point car si on décoche ca disparait pas :roll:

08/06/2006, 14h22
senacle

J'avais oublié les ' dans document.getElementById('idjs_input_tout_categorie')...

Avec une fonction, c'est aussi plus lisible.

Par contre, je ne comprends toujours pas pourquoi idjs_input_tout_categorie.checked=false fonctionne et pas idjs_tout_categorie.style.visibility = 'visible'.

Bien sûr, en mettant document.getElementById, tout fonctionne.

Merci.
08/06/2006, 14h27
Kerod

Je crois que je me suis trompé de checkbox.

Ton premier checkbox est activé par le clic par la souris c'est tout donc normal.Mais le deuxième qui est caché dans le div ne l'est pas