masquer/afficher un DIV

Version imprimable

Bonjour,
Le code suivant fonctionne sous IE, Opera, Safari, mais pas Firefox.

Code:

1
2
3
4
5
6
7
8
		<div id="recherche_options">
			<input type="radio" name="nom_moteur" value="choix1" checked="checked" /> Choix 1<br />
			<input type="radio" name="nom_moteur" value="choix2" /> Choix 2<br />
			<input type="radio" name="nom_moteur" value="choix3" /> Choix 3<br />
			<br />
			<a href="javascript:void(0);" onclick="document.getElementById('recherche_options').style.display='none'; return false;">Fermer la liste des choix</a>
			</div>
			</form></div><br />

Une solution ?

La cause selon FF :
Erreur*: recherche_options is not defined
Ligne*: 1

Salut,
Essaye de mettre le lien à l'extérieur du div

Code:

1
2
3
4
5
6
7
8
<div id="recherche_options">
<input type="radio" name="nom_moteur" value="choix1" checked="checked" /> Choix 1<br />
<input type="radio" name="nom_moteur" value="choix2" /> Choix 2<br />
<input type="radio" name="nom_moteur" value="choix3" /> Choix 3<br />
<br />
</div>
<a href="javascript:void(0);" onclick="document.getElementById('recherche_options').style.display='none'; return false;">Fermer la liste des choix</a>
</form></div><br />

ou bien

Code:

1
2
3
4
5
6
7
8
<div id="recherche_options">
<input type="radio" name="nom_moteur" value="choix1" checked="checked" /> Choix 1<br />
<input type="radio" name="nom_moteur" value="choix2" /> Choix 2<br />
<input type="radio" name="nom_moteur" value="choix3" /> Choix 3<br />
<br />
<a href="javascript:void(0);" onclick="this.parentNode.style.display='none'; return false;">Fermer la liste des choix</a>
</div>
</form></div><br />

15/05/2009, 16h06
eric41

Merci pour ta réponse.

La première solution ne marche pas, mais la deuxième oui, sur tous les navigateurs.

Par contre, quand je fais le changement au niveau de l'affichage du DIV (masqué par défaut), ça ne marche pas, alors que quand je fais une recherche, je vois le block utilisé dans d'autres scripts.

Code:

<input type="text" size="25" name="recherche" value="" class="recherche" onfocus="this.parentNode.style.display='block';" />

C'est normal ?
15/05/2009, 16h17
andry.aime

Montre nous les codes concernés (HTML et JS)

Il n'y a pas plus.

Code:

1
2
3
4
5
6
7
8
9
10
11
			<form action="*" name="recherche_site" method="GET">
			<input type="text" size="25" name="recherche" value="" class="recherche" onfocus="this.parentNode.style.display='block';" /> &nbsp;<input type="button" name="valid-recherche" value="Rechercher" class="bouton" />
 
			<div id="recherche_options">
			<input type="radio" name="nom_moteur" value="choix1" checked="checked" /> Choix 1<br />
			<input type="radio" name="nom_moteur" value="choix2" /> Choix 2<br />
			<input type="radio" name="nom_moteur" value="choix3" /> Choix 3<br />
			<br />
			<a href="javascript:void(0);" onclick="this.parentNode.style.display='none'; return false;">Fermer la liste des choix</a>
			</div>
			</form>

15/05/2009, 19h29
bigboomshakala

salut,

tu n'as pas l'impression d'avoir une balise fermante DIV en trop :aie:
15/05/2009, 19h35
eric41

Non, c'est une erreur de copier-coller, la balise ouvrante est plus haut, mais ne concerne pas la modif concernée. J'aurais dû arrêter le copier-coller après le </form>. Je vais corriger.
15/05/2009, 22h00
eric41

Allez savoir pourquoi, en reprenant l'ancien code que j'avais commenté, ça marche sous Firefox....8O