Discussion :

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

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]

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]

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 :

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]

@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