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] Liste déroulante et tableau


Sujet :

JavaScript

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

    Informations forums :
    Inscription : Février 2008
    Messages : 2
    Points : 1
    Points
    1
    Par défaut [AJAX] Liste déroulante et tableau
    Bonjour cher(e) dévellopeur(se),

    Mon probleme, j'ai une liste déroulante:
    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
    <?php $sql="SELECT * FROM HES_EQUIPMENT";
                    $this->EXE_SELECT($sql);
                    
                    echo "<SELECT name='EQUIPMENT' id='EQUIPMENT'>\n";
                    for($i=1;$i<=$this->NBRESULTS();$i++)
                    {       
                            echo "<OPTION value='".$this->RECUP($i, 'IDEQUIPMENT')."'";
                            if($this->idequipment==$this->RECUP($i, 'IDEQUIPMENT'))
                            {
                                    echo " selected";
                            }
                            echo ">";
                            echo $this->RECUP($i, 'LABELEQUIPMENT');
                            echo "</OPTION>\n";
                    }
                    
                    echo "</SELECT>";
    ?>
    qui est un simple appel d'une fonction d'une classe donc mon ficher principale PHP,cette liste est suivit d'un boutton vlider de typu 'button' qui me lance la fonction ajax() que voici:
    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
    function getXhr()
    							{
    				                                var xhr = null; 
    								if(window.XMLHttpRequest) // Firefox et autres
    								   xhr = new XMLHttpRequest(); 
    								else 
    									if(window.ActiveXObject)
    									{ // Internet Explorer 
    										try 
    										{
    							                xhr = new ActiveXObject("Msxml2.XMLHTTP");
    							            } 
    										catch (e) 
    										{
    							                xhr = new ActiveXObject("Microsoft.XMLHTTP");
    							            }
    									}
    								else 
    								{ // XMLHttpRequest non supporté par le navigateur 
    								   alert("Votre navigateur ne supporte pas les objets XMLHTTPRequest..."); 
    								   xhr = false; 
    								} 
    				                return xhr;
    							}
     
    							/**
    							* Méthode qui sera appelée sur le click du bouton
    							*/
    							function Ajax()
    							{
    								var xhr = getXhr();
    								// On défini ce qu'on va faire quand on aura la réponse
    								xhr.onreadystatechange = function(){
    									// On ne fait quelque chose que si on a tout reçu et que le serveur est ok
    									if(xhr.readyState == 4 && xhr.status == 200){
    										leselect = xhr.responseText;
    										// On se sert de innerHTML pour rajouter les options a la liste
    										//document.getElementById('EQUIP').innerHTML = leselect;
    									}
    								}
     
    								// Ici on va voir comment faire du post
    								xhr.open("POST","ajaxtableproduct.php",true);
    								// ne pas oublier ça pour le post
    								xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
    								// ne pas oublier de poster les arguments
    								// ici, l'id de l'auteur
    								sel = document.getElementById('EQUIPMENT');
    								idequiment = sel.options[sel.selectedIndex].value;
    								xhr.send("idequiment="+idequiment);
    							}
    et voici le fichier ajaxtableproduct.php :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    <?php
    //require_once(".CLASS.PHP");
            echo "<TABLE name='TABLEEQUIPMENT' id='TABLEEQUIPMENT' >";
            echo "<TR>";
            if(isset($_POST["idequiment"]))
            {       
                    $equipment = new HES_EQUIPMENT($_POST["idequiment"]);
                    echo "<TD>".$equipment->labelequipment".</TD>";
                    echo "<TD>".$equipment->noteequipment".</TD>";
                    echo "<TD>".$equipment->categequip->codewordcategequip".</TD>";
            }
            echo "</TR>";
            echo "</TABLE>";
    ?>
    Voila donc ce que je voudrai faire c'est, on selectionne un element dans la liste et quand l'on clique sur le boutton valider le tableau ce remplie avec l'élement de la liste selectionner.
    Merci de votre aide

    Cordialement Ludodor

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

    Informations forums :
    Inscription : Février 2008
    Messages : 2
    Points : 1
    Points
    1
    Par défaut
    j'ai rajouter une alert pour voir si la fonction javascript me récuperai bien l'id et c'est le cas une chose de faite mais, il ne m'ouvre pas le fichier ajaxtableproduct.php, j'ai vérifier en méttan des alert dans le fichier et rien, elle vien surement de la fonction open mais que faire ?

Discussions similaires

  1. Réponses: 1
    Dernier message: 02/04/2007, 15h56
  2. [AJAX] Listes déroulantes
    Par gscorpio dans le forum Général JavaScript
    Réponses: 2
    Dernier message: 04/12/2006, 09h15
  3. [AJAX] Liste déroulante pour afficher les informations en ajax div ?
    Par rob2-9 dans le forum Général JavaScript
    Réponses: 13
    Dernier message: 17/11/2006, 09h06
  4. [AJAX] Liste déroulante qui ne s'actualise pas avec XMLHttpRequest
    Par zoom61 dans le forum Général JavaScript
    Réponses: 5
    Dernier message: 14/11/2006, 09h52
  5. [AJAX] Listes déroulantes liées avec Ajax
    Par paupiette dans le forum Général JavaScript
    Réponses: 3
    Dernier message: 01/08/2006, 16h51

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