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

AJAX Discussion :

[AJAX] Affichage d'une donnée dynamiquement


Sujet :

AJAX

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre confirmé
    Profil pro
    Inscrit en
    Juillet 2009
    Messages
    72
    Détails du profil
    Informations personnelles :
    Localisation : Belgique

    Informations forums :
    Inscription : Juillet 2009
    Messages : 72
    Par défaut [AJAX] Affichage d'une donnée dynamiquement
    Bonjour à tous,

    Je fais mes premiers pas en Javascript depuis quelques semaines et en Ajax depuis quelques jours.

    Je cherche actuellement à afficher dans un formulaire des données dynamiquement mais je n'y arrive pas.

    Voici la table que je dois interroger.
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
     
    CREATE TABLE voyage(
    Num_Voyage SMALLINT unsigned NOT NULL auto_increment,
    DateArriv date,
    DateDepar date,
    Num_Pers SMALLINT UNSIGNED NOT NULL,
    PRIMARY KEY (`Num_Voyage`),
    FOREIGN KEY (`Num_Pers`) REFERENCES personnes(`Num_Pers`) ON DELETE CASCADE);
    le code html :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
     
    <table><tr><td>
      <label>Séjour : </label> 
      <select name="responsable" id='responsable' onchange="go();" ><?php  (isset($tableauR)) ? responsable($tableauR): responsable('-1');?></select>
      </td><td>
      <input type="button" onclick="affCache('div1');affCache('div2');"   value="Ajouter Responsable"/></td></tr>
      <tr><td><label>Séjour du</label> :</td><td><label name='date1'></label> </td><td><label> au </label>: </td><td></td><tr>
    </table>
    le code javascript :
    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
    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;
    			}
     
     
    			function go(){
    				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){
    						ladate = xhr.responseText;
    						// On se sert de innerHTML pour rajouter les options a la liste
    						document.getElementById('date1').innerHTML = ladate;
    					}
    				}
     
     
    				xhr.open("POST","oAjax.php",true);
     
    				xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
     
    				resp = document.getElementById('responsable');
    				idresp = resp.options[resp.selectedIndex].value;
    				xhr.send("responsable"+idresp);
    			}
    et enfin le code Php :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    	include connect.php
    	$query = 'SELECT * FROM voyage Where Num_Pers=".$_POST["responsable"]." ';
    	if ($result = mysqli_query($link, $query)){
    	$tab = mysqli_fetch_assoc($result);
     
    	echo "<label name='date1'>$tab[DateArriv]</label>";
     
    	/* Libération du jeu de résultats */
    		mysqli_free_result($result);
    	}

    J'ai essayé de bricoler un truc qui ressemble à ce que j'ai compris des différents tutos que j'ai lu d'Ajax.

    Je cherche juste à afficher dynamiquement les dates de séjour correspondant au responsable sélectionné dans le select.

    Merci d'avance

  2. #2
    Rédacteur

    Avatar de Bovino
    Homme Profil pro
    Développeur Web
    Inscrit en
    Juin 2008
    Messages
    23 647
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 55
    Localisation : France, Gironde (Aquitaine)

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : Juin 2008
    Messages : 23 647
    Billets dans le blog
    20
    Par défaut
    Salut et bienvenue !
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    document.getElementById('date1').innerHTML = ladate;
    Il est où l'élément avec l'id "date1" ?
    Pas de question technique par MP !
    Tout le monde peut participer à developpez.com, vous avez une idée, contactez-moi !
    Mes formations video2brain : La formation complète sur JavaScriptJavaScript et le DOM par la pratiquePHP 5 et MySQL : les fondamentaux
    Mon livre sur jQuery
    Module Firefox / Chrome d'intégration de JSFiddle et CodePen sur le forum

  3. #3
    Membre éprouvé Avatar de DiDieuh
    Étudiant
    Inscrit en
    Juillet 2009
    Messages
    111
    Détails du profil
    Informations personnelles :
    Âge : 36

    Informations professionnelles :
    Activité : Étudiant

    Informations forums :
    Inscription : Juillet 2009
    Messages : 111
    Par défaut
    Effectivement, tu as déclaré un tag 'date1' mais pas un id.

  4. #4
    Rédacteur/Modérateur
    Avatar de andry.aime
    Homme Profil pro
    Inscrit en
    Septembre 2007
    Messages
    8 391
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : Ile Maurice

    Informations forums :
    Inscription : Septembre 2007
    Messages : 8 391
    Par défaut
    Salut,
    +1
    xhr.send("responsable"+idresp);
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    xhr.send("responsable="+idresp);

  5. #5
    Membre confirmé
    Profil pro
    Inscrit en
    Juillet 2009
    Messages
    72
    Détails du profil
    Informations personnelles :
    Localisation : Belgique

    Informations forums :
    Inscription : Juillet 2009
    Messages : 72
    Par défaut
    Merci pour vos réponses.

    bon maintenant c'est ma requete SQL qui ne fonctionne plus...
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    $query = 'SELECT * FROM voyage Where Num_Pers=".$_POST["responsable"]." ';
    Est ce la bonne syntaxe pour récup une valeur ?


    (Au passage, utilisez vous un framework pour programmer en Php/HTML/XML/JavaScript) car moi je suis sous notepad++ et j'avoue qu'un framework du genre de Visual Studio çà serai bien plus agréable)

  6. #6
    Rédacteur

    Avatar de Bovino
    Homme Profil pro
    Développeur Web
    Inscrit en
    Juin 2008
    Messages
    23 647
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 55
    Localisation : France, Gironde (Aquitaine)

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : Juin 2008
    Messages : 23 647
    Billets dans le blog
    20
    Par défaut
    Code php : Sélectionner tout - Visualiser dans une fenêtre à part
    $query = 'SELECT * FROM voyage Where Num_Pers='.$_POST["responsable"];
    ou
    Code php : Sélectionner tout - Visualiser dans une fenêtre à part
    $query = "SELECT * FROM voyage Where Num_Pers='".$_POST["responsable"]."'";

    Pour la question subsidiaire, tu peux regarder du coté d'Aptana
    Pas de question technique par MP !
    Tout le monde peut participer à developpez.com, vous avez une idée, contactez-moi !
    Mes formations video2brain : La formation complète sur JavaScriptJavaScript et le DOM par la pratiquePHP 5 et MySQL : les fondamentaux
    Mon livre sur jQuery
    Module Firefox / Chrome d'intégration de JSFiddle et CodePen sur le forum

  7. #7
    Membre confirmé
    Profil pro
    Inscrit en
    Juillet 2009
    Messages
    72
    Détails du profil
    Informations personnelles :
    Localisation : Belgique

    Informations forums :
    Inscription : Juillet 2009
    Messages : 72
    Par défaut
    Merci Bovino

    Aptana <= merci, il prends beaucoup de place à l'installation ? (en comptant l'IDE de java qu'il faut installer je suppose)

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

Discussions similaires

  1. Visual basic 2010 affichage d'une donnée en dynamique
    Par Clesim.a380 dans le forum Visual Studio
    Réponses: 2
    Dernier message: 18/06/2014, 22h40
  2. Affichage d'une donnée générique
    Par websurfeur dans le forum Ada
    Réponses: 3
    Dernier message: 21/11/2006, 13h57
  3. affichage d'une donnée de bean sur une jsp
    Par freestyler1982 dans le forum Struts 1
    Réponses: 1
    Dernier message: 09/11/2006, 10h02
  4. Réponses: 5
    Dernier message: 27/09/2006, 14h07
  5. Question sur l'affichage d'une form dynamique?
    Par Jayceblaster dans le forum Delphi
    Réponses: 1
    Dernier message: 18/09/2006, 14h36

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