(debutant) bouton qui manipule un champs texte

Version imprimable

05/02/2009, 12h31
soiz775

(debutant) bouton qui manipule un champs texte

Bonjour,
j'ai cherché des sujets similaires à mon probleme mais rien ne m'a aidé.
Chose courante, sur un Formulaire, il y a deux boutons qui gerent deux champs text.

Quand le boutonA est selectionné, je dois griser le champsTextB
Inversement,
Quand le boutonB est selectionné, je dois griser le champsTextA

J'pense que c'est .. simple, mais j'aurai besoin d'aide!

Merci d'avance.

Bonjour,

Essai un truc basique en passant par le javascript

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
 
<script type="text/javascript">
function desactivechamps(champ) {
if (champ == 'boutonA') {
document.getElementById('champsTextB').disabled=true;
document.getElementById('champsTextA').disabled=false;
document.getElementById('boutonB').checked=false;
}
else if (champ == 'boutonB') {
document.getElementById('champsTextB').disabled=false;
document.getElementById('champsTextA').disabled=true;
document.getElementById('boutonA').checked=false;
}
}
</script>
 
<input type="checkbox" id="boutonA" onclick="desactivechamps('boutonA')" />
<input type="checkbox" id="boutonB" onclick="desactivechamps('boutonB')" />
 
<input type="text" id="champsTextA" />
<input type="text" id="champsTextB" />

05/02/2009, 15h14
soiz775

;)

Impec !

merci

ET SI ,
...
Code:

1 2 3 4 5 6 7 8 9 10 <td>Type du menu</td> <td ALIGN=LEFT> <select name="type"> <OPTION VALUE="s_m">Sous menu</OPTION> <OPTION VALUE="doc">Documents</OPTION> <OPTION VALUE="p_w">Page Web</OPTION> </select> </td>
Comment je recupere la valeur de l'option choisi?
pour ouvrir soit un champs texte, soit une combo.. etc?
Merci d'avance

Pareil, tu affecte une id et ton select et tu fais ton instructions :

Code:

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
 
<script type="text/javascript">
function choixselect() {
var option = document.getElementById('monselect').value;
 
if (option == 's_m') {
alert("c'est moi s_m")
}
 
else if (option == 'doc') {
alert("c'est moi doc")
}
 
else if (option == 'p_w') {
alert("c'est moi p_w")
}
}
</script>
 
 
 
<select name="type" id="monselect" onchange="choixselect()">
<OPTION VALUE="s_m">Sous menu</OPTION>
<OPTION VALUE="doc">Documents</OPTION>
<OPTION VALUE="p_w">Page Web</OPTION>
</select>

Il suffit de remplacer les alert par ce que tu veux mettre.

06/02/2009, 18h33
soiz775

impec, ça marche bien, merci :)