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] rafraichissement en ajax


Sujet :

JavaScript

  1. #1
    Membre averti
    Inscrit en
    Juillet 2006
    Messages
    8
    Détails du profil
    Informations forums :
    Inscription : Juillet 2006
    Messages : 8
    Par défaut [AJAX] rafraichissement en ajax
    est ce que je peux ecrire un code php dans le code javascript car mon probleme est que j'ecris uncode javascript pour rafraichir un
    formulaire et pour cela j ai besoin de se connecter a la base de donnees pour extraire des donnees cad:dans mon formulaire
    je dois entrer un identifiant de stage une fois que ce champ est rempli on aura les autres champs qui contiennent des informations propres a cet identifiant et qui sont dans le formulaire
    qui sont affichés automatiquement donc a l'interieur de ce code javascript ecrit pour rafraichissement de formulaire je dois extraire les donnees de la base de donnees a chaque fois que je fais entrer un identifiant de stage?

    est ce qu'en ajax je dois faire connexion a la base de donnees ou non ?

    2eme qustion:
    ce code permet rafraichissement de formulaire (en choisissant une option de la liste deroulante on aura les autres champs affichés )la seule difference entre ce code et celui que je veux ecrire pour mon formulaire est au lieu de la liste deroulante je dois remplir un champ texte par l'idenifiant de stage pour afficher les autres champs

    code:
    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
    63
    64
    65
    66
    67
    68
    69
    70
    71
    72
    73
    74
    75
    76
    77
    78
    79
    80
    81
    82
    83
    84
    85
    86
    87
    88
    89
    90
    91
    92
    93
    94
    95
    96
    97
    98
    99
    100
    101
    102
    103
    104
    105
    106
    107
    108
    109
    110
    111
    112
    113
    114
    115
    116
    117
    118
    119
    120
    121
    122
    123
    124
    125
    126
    127
    128
    129
    130
    131
    132
    133
    134
    135
    136
    137
    138
    139
    140
    141
    142
    143
    144
    145
    146
    147
    148
    149
    150
    151
    152
    153
    154
    155
    156
    157
    158
    159
    160
    161
    162
    163
    164
    <?php 
         session_start();
         if (! isset($_SESSION['type_user']) ||! isset($_SESSION['code_user']) || $_SESSION['type_user']!='bibliothecaire')
                  {
                   include "authentification.html";
                   echo '<script type="text/javascript">alert("Accèes Interdit vous devez s\'authentifier en tant que bibliothecaire tout d\'abord")</script>';     
                  }   
                  else
                  { 
    print'<title>Paramêtres des adhérents </title>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
    <script language="JavaScript" type="text/JavaScript">
    function validerchoix() {
     var l1    = mod_param.elements["list1"];   
     var t1    = mod_param.elements["text1_r"];   
     var t2    = mod_param.elements["text2_r"]; 
     var index = l1.selectedIndex;   
     var filename = "ges_parametre.php?type_ad="+escape(l1.options[index].value);   
     
    
     
     
     if(index < 1)
     {   
        text1_r.options.length = 0;   
    text2_r.options.length = 0;   
    }
    
     else {   
        var xhr_object = null;   
            
        if(window.XMLHttpRequest) // Firefox   
           xhr_object = new XMLHttpRequest();   
        else if(window.ActiveXObject) // Internet Explorer   
           xhr_object = new ActiveXObject("Microsoft.XMLHTTP");   
       else { // XMLHttpRequest non supporté par le navigateur   
           alert("Votre navigateur ne supporte pas les objets XMLHTTPRequest...");   
          return;   
        }   
      
       xhr_object.open("GET", filename, false);   
           
       xhr_object.onreadystatechange = function() {   
          if(xhr_object.readyState == 4) 
             {
                     //alert(xhr_object.responseText);
                     var elem=xhr_object.responseText;
                     var tab=elem.split(",");
                     //alert(tab);
                    mod_param.elements["text1_r"].value = tab[0];   
             mod_param.elements["text2_r"].value = tab[1];   
    
                     
                      }  
       }
       }   
       
        xhr_object.setRequestHeader("Content-type", "application/x-www-form-urlencoded");   
      
       xhr_object.send(filename);   
     }   
       
    
    </script>
    
    <table width="760" height="100%" border="0" align="center" cellpadding="0" cellspacing="0" >
      <tr> 
        <td height="75" width="760"> ';
           include"entete.html" ;
     print '</td>
      </tr>
      <tr> 
        <td><table width="760" height="100%" border="0" cellpadding="0" cellspacing="0">
            <tr> 
              <td width="167" height="100%" bgcolor="#CDDCE4"><table width="167" height="100%" border="0" cellpadding="0" cellspacing="0" bgcolor="#CDDCE4">
                  <tr> 
                    <td width="167">';
                       include"menu_bib.html";
                     print'</td>
                  </tr>
                              <tr><td height="100%">&nbsp;</td>
                              </tr>
                              
              </table></td>
              <td width="582">
                <p align="center"><strong><font color="#660000">Paramétre Adhérent</font></strong></p>
                <p align="center">&nbsp;</p>
                <form name="mod_param" method="post" action="mod_param.php">
              
                  <table width="100%" border="0" align="center" bgcolor="#F9FAFB">
                    <tr>
                      <td width="102">&nbsp;</td>
                      <td width="167">Type Adh&eacute;rent </td>
                      <td colspan="2">:
                 
                        <select name="list1" id="list1"onChange="validerchoix();">
                       
                                            <option value="Choisir un type" selected> --> Choisir un type <-- </option>
                        <option value="etudiant" > Etudiant </option>
                                            <option value="personnel"> Personnel </option>
                                            <option value="enseignant"> Enseignant </option>
                                            <option value="visiteur" > Visiteur </option> 
                        </select>
                      </td>
                      
                      <td width="97">&nbsp;</td>
                    </tr>
                    <tr>
                      <td>&nbsp;</td>
                      <td>&nbsp;</td>
                      <td colspan="2">&nbsp;</td>
                      <td>&nbsp;</td>
                    </tr>            
                       
                            <tr>
                      <td>&nbsp;</td>
                      <td>Nombre livre &agrave; emprunter </td>
                      <td colspan="2">:
                        <input type="text" name="text1_r" id="text1_r"></td>
                      <td>&nbsp;</td>
                    </tr>
                    <tr>
                      <td>&nbsp;</td>
                    
                      <td>Dur&eacute;e de pr&ecirc;t </td>
                      <td colspan="2">:
                        <input type="text" name="text2_r" id="text2_r"></td>
                      <td>&nbsp;</td>
                    </tr>
                                           
                                    <tr>
                      <td>&nbsp;</td>
                      <td>&nbsp;</td>
                      <td colspan="2">&nbsp;</td>
                      <td>&nbsp;</td>
                    </tr>
                             <tr>
                      <td>&nbsp;</td>
                      <td colspan="3">
                          <div align="center">
                            <input type="submit" name="Submit" value="  Modifier  ">
                            <input type="submit" name="Submit2" value="   Annuler   ">
                          </div>
                        <div align="left"></div></td>
                      <td>&nbsp;</td>
                    </tr>
                    <tr>
                      <td height="21">&nbsp;</td>
                      <td>&nbsp;</td>
                      <td colspan="2">&nbsp;</td>
                      <td>&nbsp;</td>
                    </tr>
                  </table>
                </form>     </td>
              <td width="11" bgcolor="#CDDCE4">&nbsp;</td>
            </tr>
          </table></td>
      </tr>
      <tr> 
          <td height="19" bgcolor="#CDDCE4"><div align="center"><font size="2"><strong><font color="#FFFFFF" face="Times New Roman, Times, serif">45 Rue des Entrepreneurs Charguia II -2035 Tunis Carthage <br>
      T&eacute;l. : 71 940.699 / 71 940.775 Fax : 71 941.579</font> </strong></font></div></td>
      </tr>
    </table>';}
    ?>
    qu'est ce que je dois faire surtout que je ne comprends pas beaucoup ajax et surtout cette instruction: var tab=elem.split(",");
    qu'est ce que fais "split"?
    trouver moi une solution svp et envoyez moi des liens pour un aide sur l'utilisation d'ajax.
    merci infiniment.

  2. #2
    Membre Expert
    Avatar de FremyCompany
    Profil pro
    Étudiant
    Inscrit en
    Février 2006
    Messages
    2 532
    Détails du profil
    Informations personnelles :
    Âge : 33
    Localisation : Belgique

    Informations professionnelles :
    Activité : Étudiant

    Informations forums :
    Inscription : Février 2006
    Messages : 2 532
    Par défaut
    Penser à la balise [CODE] stp...

    Lien qui pourrait peut-être t'être utile (lol, vive le jeu de mot) :
    Ici

    Deux problèmes y sont consignés :
    - pas de mises à jour lors de l'AJAX, le même contenu revient sans cesse;
    - lorsque je fais plusieurs reqûetes qui se suivent, il y a des problèmes (toutes ne sont pas exécutées) [Dernier post, lien vers un autre post]

Discussions similaires

  1. [AJAX] - Rafraichissement d'un DIV avec setTimeOut
    Par Seb06 dans le forum Général JavaScript
    Réponses: 5
    Dernier message: 13/03/2011, 00h07
  2. [AJAX] Rafraichissement
    Par ViRouF dans le forum Général JavaScript
    Réponses: 2
    Dernier message: 05/07/2006, 14h04
  3. [AJAX] rafraichissement d'un Div en Ajax
    Par Azanael dans le forum Général JavaScript
    Réponses: 5
    Dernier message: 26/05/2006, 15h06
  4. [AJAX] Rafraichissement des données sur la page
    Par TreizeSegments dans le forum Général JavaScript
    Réponses: 1
    Dernier message: 17/05/2006, 18h32
  5. ajax,rafraichissement avec une liste deroulante
    Par klimero dans le forum Général JavaScript
    Réponses: 1
    Dernier message: 25/04/2006, 09h41

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