Discussion :

[john_wili]

salut,
je suis vraiment débutant en javascript, je voudrais afficher une boite qui contient un champs de saisie pour confirmer ce que je saisi dans un champ de text,ensuit je fais les tests suivants:
1. je récupère la valeur saisie dans cette boite,
2. je la compare avec celle qui est saisi dans le champs de texte
3. si = je met le curseur (focus) dans le champs suivant, sinon j'affiche une alert(les 2 valeurs sont pas égales), et je vide le champs de texte pour refaire le même contrôle.

j'ai vu une discussion simélaire dans ce forum "la boite prompt"mais sans suivi alors je l’ai essayé,voila ce que j'ai fait :

Code :

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

1
2
3
 
 <td> <layout:number property="ND"  ondblclick="confirmer();" maxlength="12" key="Start:" ></layout:number> </td>
       <td> <layout:number property="NF" maxlength="12" ondblclick="confirmer();"  key="End:"   ></layout:number> </td>

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
 
  function confirmer(){
 var serial = prompt('Confirmer numéro de série debut','');
var serial1=document.recepForm.ND.value
if(serial1==serial){
	document.recepForm.NF.focus();
   }
 else{
  alert("numéro de série incorrect reécrire SVP");
      recepForm.ND.value="serial1";
      recepForm.ND.focus();
 
	}
 
      }

ça marche bien mais j'ai 2 problèmes :
1.je veux que l'évenement qui affiche le promp c'est la touche "Entre" du clavier au lieu de "ondblclick"
2. le "maxlength" du champs qui se trouve dans le "prompt" égale le "maxlength" du champ de text "ND"

comment je peux faire ça?
merci de me répondre

[Bovino]

Tu peux essayer un truc du genre :

Code :

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

1
2
<td> <layout:number property="ND"  ondblclick="confirmer();" maxlength="12" key="Start:" ></layout:number> </td>
       <td> <layout:number property="NF" maxlength="12" onkeyup="confirmer(e, this);"  key="End:"   ></layout:number> </td>

et

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
function confirmer(e, elmt){
 var e=window.event || e;
if(e.keycode==13 && elmt.value.length==elmt.maxlength){
 var serial = prompt('Confirmer numéro de série debut','');
var serial1=document.recepForm.ND.value
if(serial1==serial){
	document.recepForm.NF.focus();
   }
 else{
  alert("numéro de série incorrect reécrire SVP");
      recepForm.ND.value="serial1";
      recepForm.ND.focus();
 
	}
 }
      }

[john_wili]

j'ai fais exactement ça

Code :

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

1
2
3
 
<td> <layout:number property="ND"  ondblclick="confirmer();" maxlength="12" key="Start:" ></layout:number> </td>
       <td> <layout:number property="NF" maxlength="12" onkeyup="confirmer(e, this);"  key="End:"   ></layout:number> </td>

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
 
function confirmer(e, elmt){
 var e=window.event || e;
if(e.keycode==13 && elmt.value.length==elmt.maxlength){
 var serial = prompt('Confirmer numéro de série debut','');
var serial1=document.recepForm.ND.value
if(serial1==serial){
	document.recepForm.NF.focus();
   }
 else{
  alert("numéro de série incorrect reécrire SVP");
      recepForm.ND.value="serial1";
      recepForm.ND.focus();
 
	}
 }
      }

mais y'a une erreur " 'e' est indéfini "

je ne comprend pas ??

[Bovino]

Effectivement, l'événement n'est pas passé en argument avec cette méthode, essaye comme ça :

Code :

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

1
2
<td> <layout:number property="ND"  ondblclick="confirmer();" maxlength="12" key="Start:" ></layout:number> </td>
       <td> <layout:number property="NF" maxlength="12"  key="End:"   ></layout:number> </td>

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
window.onload = function(){
    document.recepForm.NF.onkeyup = function(e){
        confirmer(e, document.recepForm.NF);
    }
}
function confirmer(e, elmt){
 var e=window.event || e;
if(e.keycode==13 && elmt.value.length==elmt.maxlength){
 var serial = prompt('Confirmer numéro de série debut','');
var serial1=document.recepForm.ND.value
if(serial1==serial){
	document.recepForm.NF.focus();
   }
 else{
  alert("numéro de série incorrect reécrire SVP");
      recepForm.ND.value="serial1";
      recepForm.ND.focus();
 
	}
 }
      }

[john_wili]

je l'ai essayé mais ça ne marche pas (rien ne se produit) y'a meme pas un
message d'erreur ??

j'ai une question concernant la condition:

Code :

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

1
2
 
if (elmt.value.length==elmt.maxlength)

est ce que cela veut dire que le prompt va s'afficher que lorsque le maxlengh du champ"ND" est atteignt est que le maxlengh du champs qui se trouve dans le prompt=maxlengh du champ"ND"
(car c'est ce que je veux faire)

merci

[Bovino]

est ce que cela veut dire que le prompt va s'afficher que lorsque le maxlengh du champ"ND" est atteignt est que le maxlengh du champs qui se trouve dans le prompt=maxlengh du champ"ND"
(car c'est ce que je veux faire)

Pas tout à fait, la condition

Code :

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

if(e.keycode==13 && elmt.value.length==elmt.maxlength)

signifie que le prompt ne s'affichera que si la longueur maximale (maxlength) est atteinte et que tu appuies sur entrée.