[Résolu] 2 fonctions sur 1 onclick

2 fonctions sur 1 onclick [Résolu] - HTML/CSS - Programmation

Marsh Posté le 18-07-2011 à 16:00:23    

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 :
  1. <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 :
  1. <input onclick="showWait('Modification en cours');" type="submit" value="Modifier" name="modif"/>


 
j'ai bien sur testé :
 

Code :
  1. <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. </script>
  2.  <SCRIPT LANGUAGE="JavaScript">
  3.     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>" );
  4.     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\">" );
  5.     document.writeln("<div id=\"jsWaitBlock\" style=\"position: relative; left: 0px; height: 20px; width: 50px; background: #fcbb10;z-index:2\"></div>" );
  6.     document.writeln("</div>" );
  7.     jsWait_defaultInstance = null;
  8.     function showWait(message)
  9.     {
  10.   alert('Etes-vous sûr de vouloir modifier ce grade ?');
  11.       jsWait_defaultInstance = new jsWait('jsWait_defaultInstance', message);
  12.       jsWait_defaultInstance.show();
  13.     }
  14.     function jsWait(name, message)
  15.     {
  16.       this.name = name;
  17.       this.message = message;
  18.       this.speed = 10;
  19.       this.direction = 2;
  20.       this.waiting = false;
  21.       this.divMessage = document.getElementById("jsWaitMessage" );
  22.       this.divArea = document.getElementById("jsWaitArea" );
  23.       this.divBlock = document.getElementById("jsWaitBlock" );
  24.     }
  25.     jsWait.prototype.show = function()
  26.     {
  27.       this.divMessage.innerHTML = this.message;
  28.       this.divMessage.style.display = "block";
  29.       this.divArea.style.display = "block";
  30.       this.divBlock.style.display = "block";
  31.       this.divBlock.style.left = "0px";
  32.       this.waiting = true;
  33.    
  34.       this.loop();
  35.     }
  36.     jsWait.prototype.setMessage = function(message)
  37.     {
  38.       this.message = message;
  39.       this.divMessage.innerHTML = this.message;
  40.     }
  41.     jsWait.prototype.stop = function()
  42.     {
  43.       this.waiting = false;
  44.       this.divMessage.style.display = "none";
  45.       this.divArea.style.display = "none";
  46.       this.divBlock.style.display = "none";
  47.     }
  48.     jsWait.prototype.loop = function()
  49.     {
  50.       myLeft = this.divBlock.style.left;
  51.       myLeft = myLeft.substring(0, myLeft.length-2);
  52.       intLeft = parseInt(myLeft);
  53.       if(intLeft >= 250)
  54.         this.direction = -2;
  55.       if(intLeft <= 0)
  56.         this.direction = 2;
  57.       myLeft = "" + (intLeft+this.direction) + "px";
  58.       this.divBlock.style.left = myLeft;
  59.       if(this.waiting)
  60.         setTimeout(this.name + ".loop()", this.speed);
  61.     }
  62. </script>


 
merci d'avance pour votre aide ;)


Message édité par athome le 18-07-2011 à 17:41:59
Reply

Marsh Posté le 18-07-2011 à 16:00:23   

Reply

Marsh Posté le 18-07-2011 à 17:39:59    

Réponse  
 

Code :
  1. onsubmit="return showWait();"


 
---------------------------------------------
 

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


Message édité par athome le 18-07-2011 à 17:40:39
Reply

Marsh Posté le 18-07-2011 à 19:48:18    

Que c'est moche le javascript inline.

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed