2 fonctions sur 1 onclick

**athome** · 18/07/2011, 15h03

Bonjour j'aimerais passer 2 actions javascripts sur un onclick, mais je ne trouve pas de solutions !

Voici d'abord les deux input fonctionnant bien séparément :
Une confirmation

Code :

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

<input onclick="return(confirm('Etes-vous sûr de vouloir modifier ce grade ?'));" type="submit" value="Modifier" name="modif"/>

et une barre de progression

Code :

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

<input onclick="showWait('Modification en cours');" type="submit" value="Modifier" name="modif"/>

j'ai bien sur testé :

Code :

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

<input onclick="return(confirm('Etes-vous sûr de vouloir modifier ce grade ?'));showWait('Modification en cours');" type="submit" value="Modifier" name="modif"/>

Mais ça ne fonctionne pas, la deuxième action ne se réalise pas

Voici le second script repris sur le web donnant une barre de progression

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
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
	</script>
		<SCRIPT LANGUAGE="JavaScript">
    document.writeln("<div id=\"jsWaitMessage\" style=\"font-family: Verdana; font-size: 10px; text-align: center; padding: 3px; position: absolute; left: 30%; top: 40%; height: 20px; width: 300px; z-index:3\"></div>" );
    document.writeln("<div id=\"jsWaitArea\" style=\"display: none; position: absolute; left: 30%; top: 40%; height: 20px; width: 300px; border: 1px black solid; background: #fdd46c;z-index:2\">" );
    document.writeln("<div id=\"jsWaitBlock\" style=\"position: relative; left: 0px; height: 20px; width: 50px; background: #fcbb10;z-index:2\"></div>" );
    document.writeln("</div>" );
    jsWait_defaultInstance = null;
    function showWait(message)
    {
	  alert('Etes-vous sûr de vouloir modifier ce grade ?');
      jsWait_defaultInstance = new jsWait('jsWait_defaultInstance', message);
      jsWait_defaultInstance.show();
    }
    function jsWait(name, message)
    {
      this.name = name;
      this.message = message;
      this.speed = 10;
      this.direction = 2;
      this.waiting = false;
      this.divMessage = document.getElementById("jsWaitMessage" );
      this.divArea = document.getElementById("jsWaitArea" );
      this.divBlock = document.getElementById("jsWaitBlock" );
    }
    jsWait.prototype.show = function()
    {
      this.divMessage.innerHTML = this.message;
      this.divMessage.style.display = "block";
      this.divArea.style.display = "block";
      this.divBlock.style.display = "block";
      this.divBlock.style.left = "0px";
      this.waiting = true;
 
      this.loop();
    }
    jsWait.prototype.setMessage = function(message)
    {
      this.message = message;
      this.divMessage.innerHTML = this.message;
    }
    jsWait.prototype.stop = function()
    {
      this.waiting = false;
      this.divMessage.style.display = "none";
      this.divArea.style.display = "none";
      this.divBlock.style.display = "none";
    }
    jsWait.prototype.loop = function()
    {
      myLeft = this.divBlock.style.left;
      myLeft = myLeft.substring(0, myLeft.length-2);
      intLeft = parseInt(myLeft);
      if(intLeft >= 250)
        this.direction = -2;
      if(intLeft <= 0)
        this.direction = 2;
      myLeft = "" + (intLeft+this.direction) + "px";
      this.divBlock.style.left = myLeft;
      if(this.waiting)
        setTimeout(this.name + ".loop()", this.speed);
    }
	</script>

merci d'avance pour votre aide

**Finality** · 18/07/2011, 15h05

Salut,

as tu essayé de mettre les fonctions dans l'ordre suivant :

Code :

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

1
2
 
<input onclick="showWait('Modification en cours');return(confirm('Etes-vous sûr de vouloir modifier ce grade ?'));" type="submit" value="Modifier" name="modif"/>

**athome** · 18/07/2011, 15h14

dans ce cas là il me propose en premier une alert avec la seule réponse "OK" puis le confirm, si "oui" tout se réalise bien
si "non" la première fonction tourne en boucle, mais le script n'est pas réalisé.
c'est pas mal, mais dans mon cas il faudrait que cela ferme la fenêtre (popup) dans lequel j'exécute cette action.

**SpaceFrog** · 18/07/2011, 15h17

tu es sur on bouton de type submit ...

passe par la onsubmit du form ... !

**andry.aime** · 18/07/2011, 15h19

Code :

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

1
2
3
4
5
6
7
8
9
10
function showWait(message)
    {
	  if confirm('Etes-vous sûr de vouloir modifier ce grade ?'){
		  jsWait_defaultInstance = new jsWait('jsWait_defaultInstance', message);
		  jsWait_defaultInstance.show();
		  return true;
	  }else{
	   return false;
	  }
    }

Code html :

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

<input onclick="return showWait('Modification en cours');" type="submit" value="Modifier" name="modif"/>

Sinon j'ai mal compris la question.

**athome** · 18/07/2011, 15h26

@andry.aime

dans ce cas là, je n'ai pas de confirm et la barre de progression ne s'affiche pas,
en fait le form s'exécute tout simplement

**athome** · 18/07/2011, 15h29

@SpaceFrog

tu veux que je passe le input en type="onsubmit" ?

je ne comprend pas trop

**vermine** · 18/07/2011, 15h35

Code html :

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

<form onsubmit="...">

**athome** · 18/07/2011, 15h52

en utilisant un onsubmit

Code :

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

<form action="" name="form" method="post" onsubmit="return(confirm('Etes-vous sûr de vouloir modifier ce grade ?'));showWait('Modification en cours');">

j'ai bien un confirm et le form s'exécute, mais je n'ai pas la barre de progression

**SpaceFrog** · 18/07/2011, 16h08

submit => rechargement de page ...

**athome** · 18/07/2011, 16h15

ok, j'avais bien vu le rechargement de page, mais elle était toute blanche

en tout cas merci de m'aider, mais là je bloque de nouveau

si vous avez d'autres indices

**SpaceFrog** · 18/07/2011, 16h17

Code :

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

action=""

ben ton form ne pointe sur rien ...
en plus name="form" c'est plsu que moyen ...

**athome** · 18/07/2011, 16h30

quand je met le nom de la même page php dans action, car la requête et le formulaire sont sur la même page, j'obtiens ceci :

Code :

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

Warning: mysql_fetch_object():

**SpaceFrog** · 18/07/2011, 16h32

je vois pas ce que php et mysql viennent faire là dedans ...

**athome** · 18/07/2011, 16h40

je ne vois pas non plus

j'avance un peu, car dans le cas ci-dessous, tout se passe bien en cas de confirmation positive, mais en cas de réponse négative au confirm cela exécute quand même le formulaire

Code :

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

 <input onclick="showWait()" type="submit" value="Modifier" name="modif"/>

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
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
<SCRIPT LANGUAGE="JavaScript"> 
    document.writeln("<div id=\"jsWaitMessage\" style=\"font-family: Verdana; font-size: 10px; text-align: center; padding: 3px; position: absolute; left: 30%; top: 40%; height: 20px; width: 300px; z-index:3\"></div>" ); 
    document.writeln("<div id=\"jsWaitArea\" style=\"display: none; position: absolute; left: 30%; top: 40%; height: 20px; width: 300px; border: 1px black solid; background: #fdd46c;z-index:2\">" ); 
    document.writeln("<div id=\"jsWaitBlock\" style=\"position: relative; left: 0px; height: 20px; width: 50px; background: #fcbb10;z-index:2\"></div>" ); 
    document.writeln("</div>" ); 
    jsWait_defaultInstance = null; 
 
	function showWait() 
    { 
		if (confirm('Etes-vous sûr de vouloir modifier ce grade ?')){
		  jsWait_defaultInstance = new jsWait('jsWait_defaultInstance', "Modification en cours"); 
		  jsWait_defaultInstance.show(); 
		}
    } 
 
    function jsWait(name, message) 
    { 
      this.name = name; 
      this.message = message; 
      this.speed = 10; 
      this.direction = 2; 
      this.waiting = false; 
      this.divMessage = document.getElementById("jsWaitMessage" ); 
      this.divArea = document.getElementById("jsWaitArea" ); 
      this.divBlock = document.getElementById("jsWaitBlock" ); 
    } 
    jsWait.prototype.show = function() 
    { 
      this.divMessage.innerHTML = this.message; 
      this.divMessage.style.display = "block"; 
      this.divArea.style.display = "block"; 
      this.divBlock.style.display = "block"; 
      this.divBlock.style.left = "0px"; 
      this.waiting = true; 
 
      this.loop(); 
    } 
    jsWait.prototype.setMessage = function(message) 
    { 
      this.message = message; 
      this.divMessage.innerHTML = this.message; 
    } 
    jsWait.prototype.stop = function() 
    { 
      this.waiting = false; 
      this.divMessage.style.display = "none"; 
      this.divArea.style.display = "none"; 
      this.divBlock.style.display = "none"; 
    } 
    jsWait.prototype.loop = function() 
    { 
      myLeft = this.divBlock.style.left; 
      myLeft = myLeft.substring(0, myLeft.length-2); 
      intLeft = parseInt(myLeft); 
      if(intLeft >= 250) 
        this.direction = -2; 
      if(intLeft <= 0) 
        this.direction = 2; 
      myLeft = "" + (intLeft+this.direction) + "px"; 
      this.divBlock.style.left = myLeft; 
      if(this.waiting) 
        setTimeout(this.name + ".loop()", this.speed); 
    } 
 </script>

**SpaceFrog** · 18/07/2011, 16h42

oulà ton code me fait tellement peur ...
perso je renonce

Code :

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

1
2
<SCRIPT LANGUAGE="JavaScript"> 
 document.writeln("

quel concentré !!

Code :

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

type ="text/javascript"

quand au writelin ... je reste sans voix

**athome** · 18/07/2011, 16h51

bah merci d'avoir essayé quand même, je me sentais proche du but là

j'avais juste à ne pas faire exécuter le formulaire en cas de réponse annuler au confirm et c'était bon

**SpaceFrog** · 18/07/2011, 17h08

Code :

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

 onsubmit=" return (confirm('Etes-vous sûr de vouloir modifier ce grade ?'))"

si la reponse est non on a un return false et pas de soumission de form

**athome** · 18/07/2011, 17h14

ok mais ce cas là bizarrement, le false s'exécute quand même

Code :

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

onsubmit="showWait();"

Code :

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

1
2
3
4
5
6
7
function showWait() 
    { 
		if (confirm('Etes-vous sûr de vouloir modifier ?')){
		  jsWait_defaultInstance = new jsWait('jsWait_defaultInstance', "Modification en cours"); 
		  jsWait_defaultInstance.show(); 
		}
    }

**SpaceFrog** · 18/07/2011, 17h27

Code :

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

onsubmit="return showWait();"

Code :

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

1
2
3
4
5
6
7
8
9
10
function showWait() 
    { 
 
if (confirm('Etes-vous sûr de vouloir modifier ?')	){
		  jsWait_defaultInstance = new jsWait('jsWait_defaultInstance', "Modification en cours"); 
		  jsWait_defaultInstance.show(); 
return true
		}
return false
    }

2 fonctions sur 1 onclick

JavaScript

Discussions similaires

Partager

Partager