2 fonctions sur 1 onclick [Résolu]

[athome]

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 :

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

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

j'ai bien sur testé :

Code :

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

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]

Salut,

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

Code :

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]

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]

tu es sur on bouton de type submit ...

passe par la onsubmit du form ... !

[andry.aime]

Code :

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 :

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

Sinon j'ai mal compris la question.

[athome]

@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]

@SpaceFrog

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

je ne comprend pas trop

[vermine]

Code html :

<form onsubmit="...">

[athome]

en utilisant un onsubmit

Code :

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

submit => rechargement de page ...

[athome]

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]

Code :

action=""

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

[athome]

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 :

Warning: mysql_fetch_object():

[SpaceFrog]

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

[athome]

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 :

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

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

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

Code :

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

quel concentré !!

Code :

type ="text/javascript"

quand au writelin ... je reste sans voix

[athome]

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]

Code :

 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]

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

Code :

onsubmit="showWait();"

Code :

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]

Code :

onsubmit="return showWait();"

Code :

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
    }