Discussion :

[eric41]

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

Code :

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

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

[andry.aime]

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

Code :

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

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 :

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

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 />

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

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

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

C'est normal ?

[andry.aime]

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

[eric41]

Il n'y a pas plus.

Code :

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

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>

[bigboomshakala]

salut,

tu n'as pas l'impression d'avoir une balise fermante DIV en trop

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

[eric41]

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