utiliser fonction disabled

Version imprimable

17/05/2011, 18h35
kensem

utiliser fonction disabled

Bonjour,

lors du chargement de ma page j'aimerais qu'un champs soit désactivé,

et après avoir sélectionné un choix de la liste( value=1) j'active mon champs texte.

Bonsoir,

Code:

1
2
3
4
function enableInput(){
     var a = document.getElementById("idSelect");
     document.getElementById("idInput").disabled= !(a.options[a.selectedIndex].value==1);
}

Code:

1
2
3
4
5
<select id="idSelect" onchange="enableInput()">
     <option value="0">0</option>
     <option value="1">1</option>
</select>
<input type="text" disabled="disabled" id="idInput" />

A+.

18/05/2011, 19h19
kensem

ça marche pas je comprend pas pourquoi.

Voici mon code html:

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
<TR>
	<TD class="label">Type de paiement <span>*</span>   </TD>
	<TD>
	<select name="paie" onchange="desactiver()">
	<option value="0">paiement</option>
	<option value="1">ch&egrave;que</option>
	<option value="2">carte bancaire</option>
	<option value="3">esp&egrave;ce</option>
	<option value="4">virement</option>
	<option value="5">pr&eacute;l&egrave;vement</option>
	<option value="6">Autre</option>
 
 
 
</select>
	</TD>
</TR>
<TR>
	<TD class="lab">Montant de sous op&eacute;ration <span>*</span>   </TD>
	<TD>
	<INPUT type=text name="montantssop" disabled="disabled">
	</TD>
		<td>&euro;</td>
</TR>

18/05/2011, 20h03
NoSmoking

qui y a t-il dans ta fonction désactiver(), qui visiblement devrait s'appeler activer() d'ailleurs?
Il faut que tu ais une ID sur ton INPUT si tu utilises la méthode getElementById.

Relis bien ce que t'as mis andry.aime

voici mon code:

Code:

1
2
3
4
5
6
function desactiver(){
     var a = document.getElementByName("paie").selectedIndex;
	 If (a.value==3)
     document.getElementByName('montantssop').disabled==false;
	 //!(a.options[a.selectedIndex].value==3);
}

c'est bien ce que je pensais il te faut mettre des ID à tes contrôles

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
<tr>
  <td class="label">Type de paiement <span>*</span></td>
  <td>
  <select id="paie" name="paie" onchange="desactiver()">
    <option value="0">paiement</option>
    <option value="1">ch&egrave;que</option>
    <option value="2">carte bancaire</option>
    <option value="3">esp&egrave;ce</option>
    <option value="4">virement</option>
    <option value="5">pr&eacute;l&egrave;vement</option>
    <option value="6">Autre</option>
  </select>
  </td>
</tr>
<tr>
  <td class="lab">Montant de sous op&eacute;ration <span>*</span></td>
  <td><input type=text id="montantssop" name="montantssop" disabled="disabled"></td>
  <td>&euro;</td>
</tr>

18/05/2011, 20h14
kensem

je pense que l'erreurs n'est pas à ce niveau, j'ai tester avec id et name mais ça marche pas.

Je sais pas pourquoi et j'ai besoin de faire ce test sur mes intefaces
18/05/2011, 20h32
NoSmoking
euh ! pardon regardé trop vite
Code:

1 2 3 4 function desactiver(){ var a = document.getElementById("paie"); document.getElementById("montantssop").disabled= !(a.options[a.selectedIndex].value==3); }
c'est ce que t'as mis andry.aime

il est préférable de ne pas utiliser la méthode getElementsByName, avec un s
18/05/2011, 20h36
kensem

je n'utilise pas de s dans mon code !!!!
18/05/2011, 20h47
NoSmoking

c'est en partie ton erreur, mais ATTENTION cette méthode retourne une collection donc il faut faire l'appel comme suit

Code:

var a = document.getElementsByName("paie")[0]; // recup l'objet SELECT

de plus

Code:

if (a.value==3) // i minuscule

de plus

Code:

document.getElementByName('montantssop').disabled==false; // comparaison et non affectation
18/05/2011, 21h13
kensem
Merci pour tes réponse, mais je comprend pas pourquoi ça marche toujours pas.
Code:

1 2 3 4 5 function desactiver(){ var a = document.getElementsByName('paie')[0].value; if (a==0){ document.getElementsByName('montantssop').disabled=false; }}
Désolé si je vous embêtes, mais j'ai jamais utilisé javascript, c'est la première fois.
18/05/2011, 21h20
NoSmoking

idem ici

Code:

document.getElementsByName('montantssop').disabled=false;

devient

Code:

document.getElementsByName('montantssop')[0].disabled=false;
18/05/2011, 21h57
kensem

rien n'a changer en rajoutant le 0, j fait un test simple si je change de valeur j'affiche un alert; mais l'alert ne s'affiche pas, je pense que le navigateur ne connait pas cette fonction "onchange"
19/05/2011, 05h02
andry.aime

Tu nous montres ton code javascript et html :koi:

CODE JS:

Code:

1
2
3
4
5
function desactiver(){
     var a = document.getElementsByName('paie')[0].value;
	 if (a==3){
	 document.getElementsByName('montantssop').disabled=false;
}}

HTML/

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
</form name="form">
<tr>
  <td class="label">Type de paiement <span>*</span></td>
  <td>
  <select id="paie" name="paie" onchange="desactiver()">
    <option value="0">paiement</option>
    <option value="1">ch&egrave;que</option>
    <option value="2">carte bancaire</option>
    <option value="3">esp&egrave;ce</option>
    <option value="4">virement</option>
    <option value="5">pr&eacute;l&egrave;vement</option>
    <option value="6">Autre</option>
  </select>
  </td>
</tr>
<tr>
  <td class="lab">Montant de sous op&eacute;ration <span>*</span></td>
  <td><input type=text id="montantssop" name="montantssop" disabled="disabled"></td>
  <td>&euro;</td>
</tr></form>

19/05/2011, 16h05
E.Bzz
Bonjour,
Code:

1 2 if (a=="3"){ // une value est de type string document.getElementsByName('montantssop')[0].disabled=false;
? :?

EDIT : ceci dit, avec

Code:

</form name="form">

ton formulaire n'est pas valide. :mrgreen:
De plus, l'imbriquer ainsi dans la structure d'une <table> t'expose également à des comportements aléatoires suivant les navigateurs.

Et je confirme aussi que les id sont toujours préférables pour faire référence aux objets de la page. ;)

A+
19/05/2011, 16h28
kensem

En fait j'ai rajouter form à la fin car la structure de ma page est plus longue que ce que j'ai affiché et mon form est bien dans sa place, pas de problème à ce niveau.
19/05/2011, 19h22
NoSmoking
Citation:

Envoyé par kensem

rien n'a changer en rajoutant le 0, j fait un test simple si je change de valeur j'affiche un alert; mais l'alert ne s'affiche pas, je pense que le navigateur ne connait pas cette fonction "onchange"

cela veut dire qu'il y a une erreur ailleurs si ton alert ne s'affiche pas, quant à la méthode change elle est bien prise en compte par les navigateurs et ce depuis le début.

je remets la fonction
Code:

1 2 3 4 5 6 function desactiver(){ var a = document.getElementsByName('paie')[0].value; if( a == "3"){ document.getElementsByName('montantssop')[0].disabled = false; } }
elle marche...même si l'attribut/propriété disabled est légèrement bizarre!
Citation:
Envoyé par E.Bzz

Bonjour,

Code:

1 2 if (a=="3"){ // une value est de type string document.getElementsByName('montantssop')[0].disabled=false;

? :?
les value des contrôles sont de type string, même si javascript autorise la comparaison entre 3 et "3", donc autant prendre de bonnes habitudes en comparant des mêmes types
19/05/2011, 20h59
kensem

En fait il y a pas d'erreurs sur le code , le problème c'est que j'ai deux fonction javascript: desactiver() et valider() si j’enlève valider, desactiver marche et quand j'ai les deux ça marche pas.

Je vous ai embêter pour rien. Merci beaucoup pour votre aide.
20/05/2011, 05h12
andry.aime

Citation:

Envoyé par kensem

En fait il y a pas d'erreurs sur le code , le problème c'est que j'ai deux fonction javascript: desactiver() et valider() si j’enlève valider, desactiver marche et quand j'ai les deux ça marche pas.

Je vous ai embêter pour rien. Merci beaucoup pour votre aide.

Tu nous faits tourner en rond là :evilred:. Il faut aussi tu supplier pour nous montrer le code de la fonction valider et le html qui va avec, la façon dont tu les appelles :koi: