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] Affichage dynamique à partir d'un formulaire


Sujet :

JavaScript

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre éclairé Avatar de Sekigawa
    Profil pro
    Développeur Web
    Inscrit en
    Mars 2008
    Messages
    432
    Détails du profil
    Informations personnelles :
    Âge : 38
    Localisation : France, Haute Garonne (Midi Pyrénées)

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Mars 2008
    Messages : 432
    Par défaut [AJAX] Affichage dynamique à partir d'un formulaire
    Bonjour,

    J'ai un formulaire :

    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
    <table width="361" border="0" cellspacing="0" cellpadding="0" hspace="0" vspace="0" class="tab-contenu-jacks-chez-vous">
                      <form name="formulaire2">
                      <tr>
                        <td width="129">&nbsp;</td>
                        <td width="125" valign="top">Trouver mon resto<br/>et commander :</td>
                        <td width="68" align="left"><input name="departement" type="text" onCLick="return field2()" class="departement" value="Dept. <? //echo $_POST['departement']; ?>" size="10" /></td>
                        <td width="37" align="left"><div onClick="cherchedep('result',formulaire2.departement.value)">OK</div></td>
                      </tr>
                      </form>
                      <tr height="73">
                        <td>&nbsp;</td>
                        <td colspan="3" valign="top">
                            <div id="result" class="result-recherche-adresse"></div>
                        </td>
                      </tr>
                    </table>
    une fonction Ajax :

    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
     
    var xhr = null;
    function getXhr(){
    	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;
    	}
    }
     
    function cherchedep(div, departement){
    	getXhr();
    	xhr.onreadystatechange = function(){
    		if(xhr.readyState == 4 && xhr.status == 200){
    		contenuajax = xhr.responseText;
    		document.getElementById(div).innerHTML = contenuajax;
    		}
    	}
     
     
    	xhr.open("POST","func_dep.php",true);
    	xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
    	xhr.send("departement="+departement);
    }
    Et ma page php qui va faire le traitement pour l'affichage

    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
     
    <?
     
    	include("admin/connect.php");
     
     
     
     
    	$deptRech=substr($_POST['departement'], 0, 2);
     
    	$req="select id_restos, rueResto, cpResto, villeResto, telResto from ".$extension."restos";
    	$res=mysql_query($req, $link);
     
    	$trouve=0;
    	$i=0;
    	while($rechCp=mysql_fetch_object($res))
    	{
    		$dept=substr($rechCp->cpResto, 0, 2);
     
     
    		if(strcmp($deptRech, $dept) == 0)
    		{
     
    			$trouve=1;
    			$identifiant[$i] = $rechCp->id_restos;
    			$rue[$i]=stripslashes($rechCp->rueResto);
    			$cp[$i]=stripslashes($rechCp->cpResto);
    			$ville[$i]=stripslashes($rechCp->villeResto);
    			$tel[$i] = $rechCp->telResto;
    			$i++;
     
    		}
    	}
     
    	if($trouve==1)
    	{
    		if($i>0)
    		{
    			for($j=0; $j<$i; $j++)
    			{
    				$result[$j] = "<a href='outils/identification_membre.php?resto=".$identifiant[$j]."'>".$rue[$j]."<br />".$cp[$j]." ".$ville[$j]."<br />".$tel[$j]."<br /></a><br />";
    			}
     
    		}else{
    			$result[0] = "<a href='outils/identification_membre.php?resto=".$identifiant[0]."'>".$rue[0]."<br />".$cp[0]." ".$ville[0]."<br />".$tel[0]."</a>";
    		}
     
    	}else{
     
    		$result[0] = "Désolé il n'y a pas de restaurant dans ce département";
     
    	}
     
    	for($j=0; $j<=$i; $j++){
    		 echo $result[$j]; 
    	} 				 
    ?>
    En gros je fais une recherche a partir d'un champs texte et sur envoie j'essaie d'exécuter ma fonction Ajax qui va afficher dans mon <div>LE RESULTAT</div> mais bon sa marche pas lol

    Pouvez vous m'aider ??

  2. #2
    Membre confirmé Avatar de islyoung2
    Homme Profil pro
    Inscrit en
    Juin 2008
    Messages
    236
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 41

    Informations forums :
    Inscription : Juin 2008
    Messages : 236
    Par défaut
    YoYo l'amis ,
    es que t'a un msg d'erreur?

  3. #3
    Membre éclairé Avatar de Sekigawa
    Profil pro
    Développeur Web
    Inscrit en
    Mars 2008
    Messages
    432
    Détails du profil
    Informations personnelles :
    Âge : 38
    Localisation : France, Haute Garonne (Midi Pyrénées)

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Mars 2008
    Messages : 432
    Par défaut
    Non il n'y a juste rien qui s'affiche a part que sa me recharge la page...

  4. #4
    Membre confirmé Avatar de islyoung2
    Homme Profil pro
    Inscrit en
    Juin 2008
    Messages
    236
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 41

    Informations forums :
    Inscription : Juin 2008
    Messages : 236
    Par défaut
    Balance la structure de ta base de données ainsi que quelques enregistrements pour que je puisse vérifier.

  5. #5
    Membre éclairé Avatar de Sekigawa
    Profil pro
    Développeur Web
    Inscrit en
    Mars 2008
    Messages
    432
    Détails du profil
    Informations personnelles :
    Âge : 38
    Localisation : France, Haute Garonne (Midi Pyrénées)

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Mars 2008
    Messages : 432
    Par défaut
    En faites c'est bon hehe j'avais 2 ptites erreurs :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    include("../admin/connect.php");
    et dans l'appel de ma fonction

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    <input type="submit" name="ok" value="OK" id="bt-ok" onClick="cherchedep('result',formulaire2.departement.value); return false">
    Voilà lol merci quand même !!!

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

Discussions similaires

  1. referencement de pages créées dynamiquement à partir d'un formulaire
    Par voyageurdumonde dans le forum Référencement
    Réponses: 2
    Dernier message: 15/09/2011, 09h50
  2. Réponses: 3
    Dernier message: 01/03/2010, 16h22
  3. Réponses: 4
    Dernier message: 24/10/2008, 12h00
  4. Affichage dynamique à partir d'un filtre
    Par samsso2006 dans le forum Excel
    Réponses: 3
    Dernier message: 06/04/2008, 07h18
  5. [AJAX] Affichage dynamique en AJAX
    Par damdam94 dans le forum Général JavaScript
    Réponses: 6
    Dernier message: 28/12/2006, 19h24

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