IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

JavaScript Discussion :

Realiser deux action avec un submit [Fait]


Sujet :

JavaScript

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre averti
    Profil pro
    Inscrit en
    Février 2009
    Messages
    15
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Février 2009
    Messages : 15
    Par défaut Realiser deux action avec un submit
    Bonjour,

    Voila le problème, j'ai un formulaire ou un client remplit ses coordonnées(nom prenom etc..), je voudrais qu'une requete soit effectuée lorsque le client click sur le bouton submit (et non lors de l'ouverture de la page suivante).
    Ne me demandé pas pourquoi je ne veut pas executer ma requete sur la page qui s'affichera après, c'est que je ne peut pas faire autrement vu que la page suivante ce n'est pas moi qui la gère.

    J'ai fait plusieurs test mais je n'y arrive pas.

    Voici le formulaire
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
     
    $s='<form name="client" id="client" action="./test_formu.php" method="POST">';
    		$s.='Prénom : <input type="text" name="prenom" /><br>';
    		$s.='Nom : <input type="text" name="nom" /><br>';
    		$s.='Adresse : <input type="text" name="addresse" /><br>';
    		$s.='Ville : <input type="text" name="ville" /><br>';
    		$s.='Code Postal : <input type="text" name="code_postal"/><br>';
    		$s.='Téléphone : <INPUT TYPE="text" name="telephone" /><br>';
    		$s.='Email : <input type="text" name="email" /><br>';
    		$s.='<input type="submit" name="submit" onclick="MAJTable($(\'client\'),\'client\')" />';
    	$s.='</form>';   
     
    echo $s;
    Un fichier javascript qui créer la requete:

    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
    <script language="JavaScript">	
     
    	function MAJTable(formulaire,table){
    		var longueur=0;
    		var i=0;
    		var requete="";
     
    		longueur=formulaire.elements.length;
    		requete="INSERT INTO "+table+"(";
    		for(i=0;i<longueur;i++){
    			if(formulaire.elements[i].value!=""){
    				if(i<longueur-2){
    					alert(i+"/"+longueur);
    					requete+=formulaire.elements[i].name+",";
    				}else{
    					requete+=formulaire.elements[i].name;
    				}
    			}
    		}
    		requete+=") VALUES ("
    		for(i=0;i<longueur;i++){
    			if(formulaire.elements[i].value!=""){
    				if(i<longueur-2){
    					requete+=formulaire.elements[i].value+",";
    				}else{
    					requete+=formulaire.elements[i].value;
    				}
    			}
    		}
    		requete+=");";
    		alert(requete);
    		document.getElementById('test').src='./test_formu2.php'+requete;
     
    	}	
     
    	function $(id){
     
    		return document.getElementById(id);
     
    	}
    </script>
    Donc a la sortie de ce script javascript ma variable "requete" contient ma requete que je n'aurai plus qu'a executer, seulement je ne voit pas comment appeler une autre page php (sans que le client ne la voit) en même temps que la page qui s'affichera devant lui lors de la validation.

  2. #2
    Rédacteur
    Avatar de marcha
    Homme Profil pro
    Développeur Web
    Inscrit en
    Décembre 2003
    Messages
    1 571
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 54
    Localisation : Suisse

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Décembre 2003
    Messages : 1 571
    Par défaut
    Salut,

    Il te faut utiliser Ajax pour ça, voici un tuto

  3. #3
    Membre très actif
    Inscrit en
    Janvier 2009
    Messages
    598
    Détails du profil
    Informations forums :
    Inscription : Janvier 2009
    Messages : 598
    Par défaut
    bein ton bouton submit tu le remplace par un bouton normal qui lance une fonction.

    dans cette fonction tu fais ta requete, puis quand elle est terminée, soit à la fin de la fonction donc, tu lance le submit, car le submit c'est juste une fonction, donc suffit de l'appeler et c'est tout^^

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    function dapel()
    {
    //ici la requete
    /*.. code ...*/
     
    //et là le submit^^
    document.nomdemonformulaire.submit()
    }
     
     
    <input type="button" value="valider" onclick="dapel()">

Discussions similaires

  1. Réponses: 6
    Dernier message: 07/03/2014, 19h09
  2. Formulaire avec deux actions
    Par trend dans le forum Langage
    Réponses: 1
    Dernier message: 30/06/2008, 14h25
  3. deux actions pour un bouton submit
    Par ranell dans le forum Servlets/JSP
    Réponses: 4
    Dernier message: 07/12/2007, 07h30
  4. Bouton spécial avec deux icones et deux actions différentes
    Par dk dans le forum Interfaces Graphiques en Java
    Réponses: 2
    Dernier message: 10/10/2007, 15h28
  5. utiliser deux formulaire avec une seule action
    Par fouyou dans le forum Struts 1
    Réponses: 4
    Dernier message: 28/05/2007, 20h40

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo