Discussion :

[elcoyotos]

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 :

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
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 !

[NoSmoking]

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

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
// 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.

[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

[NoSmoking]

PS : Je touche pas une bille en javascript

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 :

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

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.';
  }
}

[elcoyotos]

Tout d'abord, merci de ta patiente. J'imagine que tu dois répondre à beaucoup de billes comme moi !
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 ....

[sekaijin]

dans ton code tu fais

Code :

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

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 :

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

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