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 :

[AJAX] Formulaire AJAX


Sujet :

JavaScript

  1. #1
    Candidat au Club
    Profil pro
    Inscrit en
    Février 2009
    Messages
    2
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Février 2009
    Messages : 2
    Par défaut [AJAX] Formulaire AJAX
    Merci pour votre aide... car je galère vraiment pour réussir à faire ce que je souhaite.

    J'ai trois fichiers :

    Le premier : getuser.php

    Code php : 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
     
    <?php
    $q=$_GET["q"];
    $userid=$_GET["userid"];
    $con = mysql_connect('localhost', 'monuser', 'monmotdepasse');
    if (!$con)
     {
     die('Could not connect: ' . mysql_error());
     }
     
    mysql_select_db("basedetest", $con);
     
     
    $sql="SELECT memberid, username, avatar FROM jos_comprofiler_members WHERE type = '".$q."' and accepted='1' and memberid=$user_id";
     
    $result = mysql_query($sql);
     
    echo "<table border='1'>
    <tr>
    <th>Pseudo</th>
    <th>Avatar</th>
    
    </tr>";
     
    while($row = mysql_fetch_array($result))
     {
     echo "<tr>";
     echo "<td><a href=\"user=" . $row['memberid'] . "\">" . $row['username'] . "</td>";
     
      echo "</tr>";
     }
    echo "</table>";
     
    mysql_close($con);
    ?>


    Le second : selectuser.js

    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
     
    var xmlHttp;
     
    function showUser(str)
    {
     
    xmlHttp=GetXmlHttpObject();
    if (xmlHttp==null)
     {
     alert ("Browser does not support HTTP Request");
     return;
     }
    var url="getuser.php";
    url=url+"?q="+str;
    url=url+"&sid="+Math.random();
    xmlHttp.onreadystatechange=stateChanged;
    xmlHttp.open("GET",url,true);
    xmlHttp.send(null);
    }
     
    function stateChanged() 
    { 
    if (xmlHttp.readyState==4 || xmlHttp.readyState=="complete")
     { 
     document.getElementById("txtHint").innerHTML=xmlHttp.responseText;
     } 
    }
     
    function GetXmlHttpObject()
    {
    var xmlHttp=null;
    try
     {
     // Firefox, Opera 8.0+, Safari
     xmlHttp=new XMLHttpRequest();
     }
    catch (e)
     {
     //Internet Explorer
     try
      {
      xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");
      }
     catch (e)
      {
      xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
      }
     }
    return xmlHttp;
    }
    Le 3ème le formulaire :

    Code php : 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
     
    <?php
    echo"	<script language=\"javascript\" type=\"text/javascript\" src=\"selectuser.js\"></script>
    <form>
    Selectionner la cat&eacute;gorie :
    <select name=\"users\" onchange=\"showUser(this.value)\">
    <option value=\"aucun\">Votre choix</option>
    <option value=\"Amie(s)\">Amie(s)</option>
    <option value=\"Collègues\">Collègues</option>
    <option value=\"Relation(s)\">Relation(s)</option>
    </select>
    <input type=\"hidden\" name=\"userid\" value=\"68\" /> 68
    </form>
    
    <p>
    <div id=\"txtHint\"><b>Les membres de la categ s'afficheront ici.</b></div>
    </p>"; 
    ?>


    J'aimerai :

    1) Récupérer la variable $userid provenant du formulaire dans mon fichier getuser.php (mais à cause du javascript je n'y arrive pas ...)

    Comme vous pouvez le constater, le javascript est appelé depuis le onchange du select dans le formulaire mais je ne sais pas si je peux lui faire prendre également le $userid en même temps ou si faut appeler le javascript autrement ?

    Je ne sais pas comment récupérer la variable $userid dans le javascript et la récupérer dans le fichier getuser.php ...

    Merci pour votre aide

  2. #2
    Membre averti
    Homme Profil pro
    Consultant technico-fonctionnel SAP BPC
    Inscrit en
    Février 2009
    Messages
    40
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Loire Atlantique (Pays de la Loire)

    Informations professionnelles :
    Activité : Consultant technico-fonctionnel SAP BPC
    Secteur : Service public

    Informations forums :
    Inscription : Février 2009
    Messages : 40
    Par défaut
    Salut,

    J'utilise cette ligne dans ma fonction javascript pour récupérer la sélection.
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
     
    var choix = document.forms['id de ton form'].le nom de ton select.value;
    et pour l'input
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
     
    var user = document.getElementById('userid').value;
    Bouton : onchange="mafonction();"
    Javascipt :
    mafonction() {
    var choix = document.forms['id de ton form'].le nom de ton select.value;
    var user = document.getElementById('userid').value;
    etc....
    ensuite tu fais passer ta variable dans l'url.

  3. #3
    Candidat au Club
    Profil pro
    Inscrit en
    Février 2009
    Messages
    2
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Février 2009
    Messages : 2
    Par défaut
    Merci infiniement ça fonctionne parfaitement maintenant...
    C'est vraiment tout simple quand on le sait et ça peut faire chercher longtemps quand on ne sait pas

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. [AJAX] Formulaire sous AJAX !!!
    Par urai1 dans le forum Général JavaScript
    Réponses: 2
    Dernier message: 14/03/2007, 21h36
  2. [AJAX] Formulaire inscription ..
    Par Lunthear dans le forum Général JavaScript
    Réponses: 1
    Dernier message: 11/03/2007, 12h35
  3. [AJAX] Formulaire en AJAX
    Par myriam.kone dans le forum Général JavaScript
    Réponses: 1
    Dernier message: 07/11/2006, 13h41
  4. [AJAX] Ajax, formulaire, div et select
    Par n8ken dans le forum Général JavaScript
    Réponses: 2
    Dernier message: 23/09/2006, 10h51
  5. [AJAX] Formulaire prépopuler avec du ajax dans la page
    Par shwin dans le forum Général JavaScript
    Réponses: 3
    Dernier message: 31/10/2005, 15h37

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