Discussion :

[akheor]

Bonjour Bonjour !

Je suis pas très bon en javascript alors je me tourne vers vous pour vous poser une petite question.

Je m'explique.

J'ai un formulaire comme celui ci :

Code html :

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

1
2
3
4
5
6
7
8
9
10
11
<form method='POST' action="verif.php">
	<select id="choixAnimalSelect" name="choixAnimalSelect">
		<option value="0">Choisir</option>
		<option value="1">Le chat</option>
		<option value="2">Le chien</option>
		<option value="3">L'oiseau</option>
	</select>
	--- ou ---
	<input type="text" name="choixAnimalText" id="choixAnimalText">
	<input type="submit" name="go" value="go">
</form>

J'aimerai que si l'utilisateur commence à écrire une lettre dans le champ de saisie (ou à la limite lorsqu'il sort) , le Select se mette en disabled. Et vice-versa, si l'utilisateur sélectionne un élément dans le Select, le champ de saisie se désactive + remettre le contenu vide (pour éviter les problemes d'insertion par la suite, pour pas inserer un input pourant disabled).

Comment faire ? :/

Merci d'avance

[Sophiaduweb]

Salut

Je suis passée par là moi aussi il n'y a pas bien longtemps. Je vais pouvoir enfin commencer à apporter mon aide :p

Effectivement, c'est du javascript qu'il te faut, on l'aime ce javascript !

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
 
 
<script>
function desactiverInput() {
	if(document.form.choixAnimalSelect.value=='0')
	{
		document.form.choixAnimalText.disabled=false;
	}
	else
	{
		document.form.choixAnimalText.disabled=true;
		document.form.choixAnimalText.value='';
	}
}
 
function desactiverSelect() {
	if(document.form.choixAnimalText.value!='')
	{
		document.form.choixAnimalSelect.disabled=true;
		document.form.choixAnimalSelect.value=0;
	}
	else
	{
		document.form.choixAnimalSelect.disabled=false;
	}
}
 
 
 
</script>
<form method="post" name="form" action="verif.php">
	<select name="choixAnimalSelect" onchange="desactiverInput()">
		<option value="0">Choisir</option>
		<option value="1">Le chat</option>
		<option value="2">Le chien</option>
		<option value="3">L'oiseau</option>
	</select>
	--- ou ---
	<input type="text" name="choixAnimalText" id="choixAnimalText" onkeyup="desactiverSelect()" />
	<input type="submit" name="go" value="go">
</form>

Voilà le code corrigé, complété J'espère avoir répondu à ta question . N'oublis pas de passer le post en résolu et mettre un petit

A bientot, Soso.

[SpaceFrog]

ça se fera ej php pas en js ...

Teste mysql_num_rows, si il vaut 0
retourne juste un item avec

Code :

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

<item>il n'y a pas de resultat</item>

[edit]
En effet, je répondait à un autre post :red:

[Sophiaduweb]

Je pense que tu t'es trompé

[NoSmoking]

Bonjour,
ergonomiquement parlant il me semble que le plus simple, plutôt que de « disabled-er » les contrôles, est de remettre à zéro le <select> si il y a saisie dans l'<input> et inversement, la gestion ce faisant coté serveur en testant les champs.

[danielhagnoul]

Ne pas oublier que l'utilisateur doit toujours pouvoir changer d'avis en cours d'action.