begin process at 2012 05 30 04:35:14
  Trouver un code source :
 
dans
 
Accueil > Forum > 

Javascript / DHTML / Ajax

 > 

CSS

 > 

Général

 > 

transfert de données du javascript vers formulaire html


Derniers messages déposésPoser une question dans le forum ou lancer une discussion

transfert de données du javascript vers formulaire html

mercredi 7 février 2007 à 20:25:18 | transfert de données du javascript vers formulaire html

cousinlol

Bonsoir,

Débutant en javascript, je me demande comment alimenter mon formulaire html à partir d'un javascript.

Je récupère des informations provenant d'un script php selon la méthode ajax.

Voici mon script javascript :

[code]function goAdrCtcEnt(param1)
{
    // Contrôle du navigateur
       var xmlhttp = getxmlhttp()
      
       if (!xmlhttp && typeof XMLHttpRequest!='undefined')
       {
        xmlhttp = new XMLHttpRequest();
    }
   
    xmlhttp.open("GET","../ajax/ajaxAdrCtcEnt.php?param1="+param1.value,false);
    xmlhttp.send(null);

        // On ne fait quelque chose que si on a tout reçu et que le serveur est ok
        if(xmlhttp.status == 200)
        {
            var liste1 = xmlhttp.responseXML.getElementsByTagName('balise1');
            alert(xmlhttp.responseText);
        }
}[/code]

Dans le message "alert(xmlhttp.responseText);", je récupère bien ce qui vient de mon script php.

Mais je ne trouve pas comment le renvoyer vers mon formulaire html.

Merci d'avance
mercredi 7 février 2007 à 22:12:48 | Re : transfert de données du javascript vers formulaire html

nhervagault

Administrateur CodeS-SourceS
Salut Peux-tu préciser ce que tu veux faire car formulaire est un peu vague. Tu recois quoi comme donnée par ton ajax et tu veux les mettres dans quoi. Un type input text, un ckechedbox, un select Pour text c'est avec la value qui faut gérer Pour checkbox c'est checked Pour select, ca dépend ce que tu veux faire regarde http://www.w3schools.com/htmldom/dom_obj_select.asp Il y a des exemples Bon courage
mercredi 7 février 2007 à 22:55:37 | Re : transfert de données du javascript vers formulaire html

cousinlol

Je récupère de mon ajax une adresse composée de 3 lignes adresses + le code postal; Donc 4 champs que je veux envoyer vers 4 champs présenté comme ceci :

<input type="text" name="contact_adresse_1" id="contact_adresse_1" size="50">
<input type="text" name="contact_adresse_2" id="contact_adresse_2" size="50">
<input type="text" name="contact_adresse_3" id="contact_adresse_3" size="50">
<input type="text" name="contact_id_ville" id="contact_id_ville" size="50">

Le format de sortie de l'ajax peut-être fait de n'importe quelle façon, donc si je dois le changer ce n'est pas un problème.

Je vais voir du côté du lien que tu m'as fournis.

Merci
jeudi 8 février 2007 à 00:07:39 | Re : transfert de données du javascript vers formulaire html

nhervagault

Administrateur CodeS-SourceS
Ok Considerons que l'on a comme sortie de AJAX strReponse = "Adresse1|Adresse2|Adresse3|ville"; tabAdresse = strReponse.split("|"); document.getElementById("ontact_adresse_1").value = tabAdresse[0]; ... Je pense que cela repond a ton probleme. Le plus propre apres c'est que ton AJAX te reponde en JSON ou en XML. Pour le code est un peu plus complexe. ;-) Voila
jeudi 8 février 2007 à 09:35:58 | Re : transfert de données du javascript vers formulaire html

cousinlol

Mon script ajax php est comme cela pour l'instant, je vais le modifier pour mettre en tableau le résultat.

header('Content-Type: text/xml; charset=ISO-8859-1');

if(!isset($param1)) $param1="";
{
    $inf = "<?xml version=\"1.0\" encoding=\"iso-8859-1\"?><racine>\n";

    // on fait la requête
    $queryString = "SELECT ent_adresse_1,ent_adresse_2, ent_adresse_3, id_ville
              FROM dk_entreprise
              WHERE id_entreprise='".$param1."'
              AND id_trt BETWEEN 1 AND 4";
    $requete= $MySql->queryOneRecord($queryString);

    $inf .= "<balise1>".$requete["ent_adresse_1"]."</balise1>\n";
    $inf .= "<balise1>".$requete["ent_adresse_2"]."</balise1>\n";
    $inf .= "<balise1>".$requete["ent_adresse_3"]."</balise1>\n";
    $inf .= "<balise1>".$requete["id_ville"]."</balise1>\n";
    $inf .= "</racine>";
    print $inf;
}
jeudi 8 février 2007 à 11:20:26 | Re : transfert de données du javascript vers formulaire html

cousinlol

Bon voilà ce que ça fait dans mon script ajax/php

header('Content-Type: text/xml; charset=ISO-8859-1');

if(!isset($param1)) $param1="";
{
    $inf = "<?xml version=\"1.0\" encoding=\"iso-8859-1\"?><racine>\n";

    // on fait la requête
    $queryString = "SELECT ent_adresse_1,ent_adresse_2, ent_adresse_3, id_ville
              FROM dk_entreprise
              WHERE id_entreprise='".$param1."'
              AND id_trt BETWEEN 1 AND 4";
    $requete= $MySql->queryOneRecord($queryString);

    $inf .= "|".$requete["ent_adresse_1"]."|".$requete["ent_adresse_2"]."|".$requete["ent_adresse_3"]."|".$requete["id_ville"]."|";
    $inf.= "</racine>";
    print $inf;
}

Ensuite dans mon JS

 xmlhttp.open("GET","../ajax/ajaxAdrCtcEnt.php?param1="+param1.value,false);
    xmlhttp.send(null);
    // On ne fait quelque chose que si on a tout reçu et que le serveur est ok
        if(xmlhttp.status == 200)
        {
            tabAdresse = xmlhttp.responseText;
            tabAdresse = tabAdresse.split("|");
            document.getElementById("contact_adresse_1").value = tabAdresse[1];
            document.getElementById("contact_adresse_2").value = tabAdresse[2];
            document.getElementById("contact_adresse_3").value = tabAdresse[3];
            document.getElementById("code_postal").value = tabAdresse[4];
        }

Tu parlais de xml, c'est à dire que ce n'est plus un tableau, mais plutot quelque chose comme ceci :

if(!isset($param1)) $param1="";
{
    $inf = "<?xml version=\"1.0\" encoding=\"iso-8859-1\"?><racine>\n";

    // on fait la requête
    $queryString = "SELECT ent_adresse_1,ent_adresse_2, ent_adresse_3, id_ville
              FROM dk_entreprise
              WHERE id_entreprise='".$param1."'
              AND id_trt BETWEEN 1 AND 4";
    $requete= $MySql->queryOneRecord($queryString);

    //$inf.=<adresse1>$requete["ent_adresse_1"]</adresse1>;
    //$inf.=<adresse2>$requete["ent_adresse_1"]</adresse2>;
    //$inf.=<adresse3>$requete["ent_adresse_1"]</adresse3>;
    //$inf.=<codepostal>$requete["id_ville"]</codepostal>;
    $inf.= "</racine>";
    print $inf;
}

J'ai essayé, mais autant le tableau cela fonctionne, autant comme cela, cela ne va plus du tout.


Cette discussion est classée dans : script, javascript, formulaire, html, xmlhttp


Répondre à ce message

Sujets en rapport avec ce message

ecrire dans un le code html avec le script javascript [ par clk ] Verification de formulaire [ par kantziko ] Bonjour à tous,J'ai un petit soucis avec un script tout bête... Il s'agit d'une vérification d'un formulaire html pour bien avoir certains champs remp Aidez-moi s'il vous plait [ par pandzobo ] Bonjour,J'ai téléchargé ici le script que j'ai utilisé dans le fichier DHTML inclus ci-après pour un menu déroulant. Mais il ne fonctionne pas. Que do javascript et html [ par droyan ] bonjour, j'aimerais avoir un renseignement : j'ai sur une page web un script javascript que l'on m'a donné. Lorsque j'affiche la source de cette page exporter de html en doc depuis un script [ par SebMoine ] bjr les amis je demande à quelqun qui connais le javascript qui peut exporter de html en word depuis un javascript ? j'ai visité ce site pour export recupérer un formulaire par un code javascript d'un autre page [ par lamia88 ] bonjours, j'ai crée 2 page html,page1.html contient un formulaire,je veux récupérer les valeurs de ce formulaire a partir de la 2eme page page2.html Faire passer un code javascript entre deux page html [ par Christ8phe ] Bonjour à tous, je suis sur un site web ou dans une page qui contient de nombreux tableau à afficher au clic j'utilise je code Javascript suivant : création d'un menu en javascript/HTML/CSS [ par marty91410 ] bonjour, je cherche a créer un menu dynamique pour mon site web. le mieux serait un logiciel genre DHTML MENU STUDIO que j'ai testé et que j'aime be Fade in dans le script [ par Kitzume ] Bonjour, Ne trouvant pas mon bonheur dans mes recherche, je fait appelle a vous. Je viens de faire un petit script qui change la couleur suivant la Supprimer élément javascript [ par tets88 ] Bonjour, Voilà mon problème : j'ai une tableau en HTML et j'aimerai supprimé les éléments à l'intérieur. Voici une partie de mon code : [code=html]


Nos sponsors


Sondage...

Comparez les prix

CalendriCode

Mai 2012
LMMJVSD
 123456
78910111213
14151617181920
21222324252627
28293031   

Consulter la suite du CalendriCode

A découvrir



 
Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel (EBArtSoft), Merci à Vincent pour ses précieux conseils.
CodeS-SourceS.com© Toute reproduction même partielle est interdite sauf accord écrit du Webmaster
CodeS-SourceS.com© est une marque déposée tous droits réservés

Google Coop CodeS-SourceS Google Coop CodeS-SourceS
Temps d'éxécution de la page : 1,373 sec (4)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales