Discussion :

[senacle]

J'ai un code comme ça :

Code :

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

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.

[Kerod]

Et si tu faisais avec le

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

[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

[Kerod]

Bon on reprend en détail :

Code :

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

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 :

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

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

[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 ?

[Kerod]

Ca fonctionne correctement chez sous FF et IE

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

Code :

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

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

[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.

[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