Discussion :

[Fredo8]

Bonjour,


Mon but est d'activer un champ X si le champ Y est rempli ou pas.
J'ai fais ce bout de code mais cela ne marche pas.

Code :

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

1
2
3
4
5
6
7
8
9
		function active(c1, c2){
		    if (c1 == "")
		        c2 = true;
		    else
		        c2 = false;
		}
		</script> 
 
onclick="active(document.formulaire.champY.value, document.formulaire.champX.disabled)"

Aussi, j'ai mis la fonction sur onclick mais je pense que onchange est mieux ?

Merci

[sekaijin]

dans ton code tu positionne une variable
ta fonction ne retourne rien
et le if ne sert à rien dans la vie de tous les jours tu ne dis pas "si vrai alors vrai sinon faux"

Code :

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

c2 = (c1 == "");

mais c'est quoi pour toi activer un champ ?

A+JYT

[Fredo8]

dans ton code tu positionne une variable
ta fonction ne retourne rien

Je dois obligatoirement renvoyer quelque chose ?

et le if ne sert à rien dans la vie de tous les jours tu ne dis pas "si vrai alors vrai sinon faux"

Code :

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

c2 = (c1 == "");

Non, si le champ C1 est vide alors je désactive le champ C2 sinon j'active le champ C2

mais c'est quoi pour toi activer un champ ?

Activer un champ c'est la possibilité d’écrire dedans avec la propriété "disabled ".

[Fredo8]

Bon j'ai un peu avancé.

Ce programme fonctionne :

Code :

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

1
2
3
4
5
6
function active2(){
	if (document.formulaire.ch1.value == "")
		document.formulaire.ch2.disabled = true;
	else
		document.formulaire.ch2.disabled = false;		
}

Code html :

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

<input type="text" name="ch1"  onkeyup="active2();">

Mais ceci ne marche pas :

Code :

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

1
2
3
4
5
6
function active(c1, c2){
	if (c1 == "")
		c2 = true;
	else
		c2 = false;	
}

Code html :

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

<input type="text" name="ch1"  onkeyup="active(document.formulaire.ch1.value, document.formulaire.ch2.disabled);">

Donc pourquoi ça ne fonctionne pas ? problème sur les arguments/variabls ?

[sekaijin]

Ok je commence à comprendre ton problème

en JavaScript comme dans beaucoup de langage les paramètres sont passés soit par référence soit par valeur

Passer une référence signifie qu'une modification du paramètre dans la fonction à un effet sur la variable qui à été passé.
Passer une valeur signifie que seules les données sont passé à la fonction qui n'a aucune connaissance de la variable. une modification du paramètre dans la fonction n'a aucun impact sur la variable

Code :

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

1
2
3
4
var a = 10;
function f(x) {x = x +1; console.log(x);}
f(a);
console.log(a);

affiche 11 puis 10 a n'a pas changé car seule la valeur 10 est transmise à la fonction.

les types simples sont passés par valeur pour pouvoir passer une référence il faut passer un objet.

Code :

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

1
2
3
function active(ch1, ch2){
   ch2.disabled = ("" == ch1.value);
}

Code html :

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

<input type="text" name="ch1"  onkeyup="active(document.formulaire.ch1, document.formulaire.ch2);">

lorsque je dis que le if est inutile c'est parce que le test de retourne true ou false
lorsqu'il te retourne true tu affecte true et lorsqu'il te retourne false tu affecte false.

Code :

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

1
2
3
4
5
if (a == b) {
  c = true;
} else {
  c = false;
}

Code :

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

1
2
3
4
5
if (a == b) {
  c = true; // true est la valeur de (a == b) car ont est dans le cas ou a égale b
} else {
  c = false; // false est la valeur de (a == b) car ont est dans le cas ou a est différent b
}

Code :

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

1
2
3
4
5
if (a == b) {
  c = (a == b); // true car ont est dans le cas ou a égale b
} else {
  c = (a == b); // false car ont est dans le cas ou a est différent b
}

tu as écrit sans t'en rendre compte

Code :

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

1
2
3
4
5
if (a == b) {
  c = (a == b);
} else {
  c = (a == b);
}

ce qui c'écrit simplement

Code :

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

c = (a == b); // true dans cas ou a égale b ou false dans le cas ou a est différent b

donc dans tous les cas tu affecte la valeur que te retourne le test.

A+JYT

[Fredo8]

Merci beaucoup pour ton aide.

Je comprends mieux pour le passage des paramètre des fonction.