2 fonctions sur 1 onclick

Résolu

athome -
athome - 18 juil. 2011 à 17:34

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

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

et une barre de progression

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

j'ai bien sur testé :

<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

 </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 ;)

Afficher la suite

A voir également:

2 fonctions sur 1 onclick
Supercopier 2 - Télécharger - Gestion de fichiers
Word numéro de page 1/2 - Guide
Faire 2 colonnes sur word - Guide
2 ecran pc - Guide
1/2 symbole - Guide

3 réponses

Réponse 1 / 3

Tatanos Messages postés 1263 Statut Membre 156

Bonjour,

Petite question peut-être bête, n'est-il pas possible d'appeler une fonction, qui elle même appel les deux autre ?

hervé56 Messages postés 296 Statut Membre 10

biensur

Réponse 2 / 3

Camuke Messages postés 227 Statut Membre 88

Salut,
A mon avis, tu cherche compliqué la ou c'est tout simple.
Pourquoi tu n'appelle pas t'a 2eme fonction lors de l'execution de la 1er.
Je t'ai fait sa:

  <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>
 
 <input onclick="showWait()" type="submit" value="Modifier" name="modif"/>

athome

Ca fonctionne bien dans le cas de la confirmation positive, mais si je répond non le script s'exécute quand même !
il faudrait son exécution

Camuke Messages postés 227 Statut Membre 88

Avec mon code, sa s'execute quand tu clic sur annulé? C'est bizarre car moi sa fonctionne bien (sous ie9,firefox et chrome en tout cas)

Ou alors j'ai pas bien compris ton besoin

athome

Oui dans mon cas sur FF5, si je fais annuler, cela exécute quand même le formulaire

Camuke Messages postés 227 Statut Membre 88

C'est tres bizarre, moi sous firefox5, sa marche sans probleme.
Essai de débugger et de me donner se que te renvoie la fonction confirm avec ton navigateur lorsque tu clic sur ok et sur annuler

var t = confirm('Etes-vous sûr de vouloir modifier ce grade ?');
alert(t);

athome

alors le bouton "ok" me répond "true" et "annuler" me répond "false", mais dans les deux cas le formulaire est exécuté

Réponse 3 / 3

hervé56 Messages postés 296 Statut Membre 10

sépare tes deux fonction a appeler par un point virgule dans le onclick

athome

J'ai déjà essayé, mais ça ne fonctionne pas, la deuxième action ne se réalise pas :(

hervé56 Messages postés 296 Statut Membre 10

alorzs c'est que la premiere rencontre une erreur

Discussions similaires

Paris multiple : explications de 2/3, 3/4, 2/4, 2/5, etc.

Voxbone ? qui est-ce ?

A3 paysage en deux A4...est-ce possible?

2 fonctions sur 1 onclick

3 réponses

Votre réponse

Discussions similaires

Newsletters