Si bouton cliqué = ok sinon alert

Version imprimable

Bonjour,

Comme indiqué dans le titre je souhaiterai faire ceci : si bouton cliqué = ok sinon alert

Je ne comprend pas pourquoi ce code ne fonctionne pas

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
 
<form action="" method="post">
<textarea name="test" cols="100" rows="7"></textarea><br />
<input name="" type="submit" id="envoyer" class="submit" onclick="Clique()" />
</form> 
<script type="text/javascript">
var val = 0;
 
function Clique() {
     var val = 1;
     /*alert(val);*/
}
 
 
if (val != 0){
    alert('Bouton cliqué');
 
}
else {
    window.onbeforeunload = function(e){
       return 'En quittant cette page, vous risquez de perdre des données non enregistrées.';
    }        
}
</script>

Merci d'avance de votre aide !

Bonjour,
si l'on analyse ton code comme il le sera au chargement de ta page on obtient

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
// déclaration d'une variable
var val = 0;
// déclaration d'une fonction 
function Clique() {
     var val = 1;
     /*alert(val);*/
}
//-- fin de la fonction
 
// exécution du code qui suit 
if (val != 0){    // on ne rentrera jamais dans cette condition
    alert('Bouton cliqué');
}
else {
    window.onbeforeunload = function(e){
       return 'En quittant cette page, vous risquez de perdre des données non enregistrées.';
    }        
}

il faut donc que tu changes ton approche.

08/11/2014, 19h58
elcoyotos

Merci mais ...
J'avais bien constater que je ne rentrai jamais dans la condition val != 0
J'avais aussi bien constater qu'il me faudrait un changement d'approche

D'où ma demande d'aide sur ce forum.

Peux tu me donner un début d'explication ?

PS : Je touche pas une bille en javascript :oops:

Citation:

PS : Je touche pas une bille en javascript :oops:

en s'entrainant un peu on y arrive facilement, dans ton cas il s'agit plus d'une question de logique ;)

Une façon d'y arriver

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
// flag sur INPUT submit
var bSubmit = false;
function Clique() {
  // OK! le bouton a été appuyé on bascule le flag sur TRUE
  bSubmit = true;
}
// déclaration de la fonction sur beforeunload
window.onbeforeunload = function(){
  // On quitte sans avoir cliqué le button => bSubmit = false dans ce cas
  if( !bSubmit){
    return 'En quittant cette page, vous risquez de perdre des données non enregistrées.';
  }
}

09/11/2014, 19h32
elcoyotos

Tout d'abord, merci de ta patiente. J'imagine que tu dois répondre à beaucoup de billes comme moi :ptdr: !
Ton code marche tip top.
Par contre, je ne comprend pas pourquoi la variable de la fonction Clique est mise à jour dans ton code et pas dans le mien ?
Est ce le fait d'avoir mi la condition dans onbeforeunload ?
Si oui, pourquoi se met-elle à jour dans une fonction et pas dans mon code ?
Bon, si tu as le temps pour une petite explication ...
Encore merci ....
09/11/2014, 19h40
sekaijin
dans ton code tu fais
Code:

1 2 3 4 function Clique() { var val = 1; /*alert(val);*/ }
var signifie que tu définie une variable locale.

dans le sien il fait
Code:

1 2 3 4 function Clique() { // OK! le bouton a été appuyé on bascule le flag sur TRUE bSubmit = true; }
ici pas de var bSubmit est une variable définie dans le contexte global la fonction change sa valeur sans crer de varriable locale.
bSubmit est donc mis à jour
A+JYT
09/11/2014, 20h20
elcoyotos

Ok, dans son code c'est une variable global.
Donc, si je déclare une variable avec var, c'est un locale et sans var c'est un globale.
C'est bien ça ? Si oui, je ne savais pas :oops:
10/11/2014, 11h07
NoSmoking

Citation:

C'est bien ça ? Si oui, je ne savais pas :oops:

Oui et il est vrai que j'aurais aussi pu pointer cette "maladresse".

Si tu veux faire plus court tu peux également te passer de la fonction Clique en mettant directement bSubmit=false dans le onclick de l'INPUT et là il y a lourd à parier que tu n'aurais pas fait cette erreur de déclaration, mais le problème de logique aurait été le même.

Code:

<input name="" type="submit" id="envoyer" class="submit" onclick="bSumit=true" />
10/11/2014, 17h04
elcoyotos

Mille mercis pour vos explications !