Discussion :

[Lenezir]

Salut ^^
J'ai crée un bout de code qui affiche par défaut une zone de texte standard, et en cliquant sur des boutons radio, cette zone disparaît pour mettre une liste déroulante.
Ce code marche très bien sous IE () mais pas sous mon Firefox préféré !!

Voici le code HTML :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
<form method="post" name="recherche" action="<?php $PHP_SELF ?>">
				<td align="center" class="lien" height="20">
					<input type="text" name="search" size="15" style="display:block"; />
					<select name="service" style="display:none";>
					<?php
                                                while($services = mysql_fetch_array($services_brute))
                                                {
                                                        if($services['service'] == $_GET['service'])
                                                        {
                                                                $selecteds = ' selected';
                                        ?>
							<option name="service" value="<?php echo $services['id_service']; ?>"<?php echo $selecteds; ?>><?php echo $services['service']; ?></option>
					<?php
                                                        }
                                        ?>
							<option name="service" value="<?php echo $services['id_service']; ?>"><?php echo $services['service']; ?></option>
					<?php
                                                }
                                        ?>
					</select>
					<select name="fonction" style="display:none";>
					<?php
                                                while($fonctions = mysql_fetch_array($fonctions_brute))
                                                {
                                                        if($fonctions['fonction'] == $_GET['fonction'])
                                                        {
                                                                $selectedf = ' selected';
                                        ?>
								<option name="fonction" value="<?php echo $fonctions['id_fonction']; ?>"<?php echo $selectedf; ?>><?php echo $fonctions['fonction']; ?></option>
					<?php
                                                        }
                                        ?>
							<option name="fonction" value="<?php echo $fonctions['id_fonction']; ?>"><?php echo $fonctions['fonction']; ?></option>
 
					<?php
                                                }
                                        ?>
					</select><br/>
					<input type="radio" id="servicec"name="table" value="service" onclick='srv()'; /><label for="service">Services</label>
					<input type="radio" id="fonctionc" name="table" value="fonction" onClick='fct()'; /><label for="fonction">Fonctions</label>
					<input type="radio" id="nomc" name="table" value="nom" onClick='rech(); document.recherche.search.focus()' checked /><label for="nom">Noms</label>
					<input type="submit" name="image" value="OK" />
				</td>
			</form>

et les fonctions Javascript appelées :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
function srv()
			{
				objet = document.getElementById('servicec');
				document.getElementById('service').style.display = objet.checked?'inline':'block'; 
				document.getElementById('fonction').style.display = "none";
				document.getElementById('search').style.display = "none";
			}
 
			function fct()
			{
				objet = document.getElementById('fonctionc');
				document.getElementById('fonction').style.display = objet.checked?'inline':'block'; 
				document.getElementById('service').style.display = "none";
				document.getElementById('search').style.display = "none";
			}
 
			function rech()
			{
				objet = document.getElementById('nomc');
				document.getElementById('search').style.display = objet.checked?'inline':'block'; 
				document.getElementById('service').style.display = "none";
				document.getElementById('fonction').style.display = "none";
			}

Comment faire marcher le tout sur mon petit Firefox svp ?
Merci

[Lenezir]

Trouvé !!!
Comme dans les fonctions on récupère un ID, il fallait remplacer dans le code HTML les name par id !