Formulaire Ajax

Bonjour, je n'ai jamais fais de script Ajax encore, mais j'ai besoin d'un formulaire interactif un peu spéciale.
J'ai fait quelque recherche sur divers forum mais je n'ai pas trouvé d'infos sur se que je veux faire.

Voila j'ai un formulaire à faire pour une gestion immobilière, et à un endroit j'ai besoin de donner des infos sur les pièces d'un logement.
Par exemple dans une maison, j'ai 3 chambres, la 1er à du carrelage fais 14m² et à 2 fenêtres. La 2ème a du parquet fait 12m² et à 1 fenêtre.

J'aurai voulu mettre un <select> qui permet de choisir mon type de pièce, remplir le nombre de pièces de se type à coté dans un <input type="text"> et que par rapport au chiffre rentré il me sorte un questionnaire pour chaque pièce, comme ce résultat:
[code]
<tr>
          <td colspan="13"><table border="0" cellpadding="0" cellspacing="0">
              <tr>
                <td colspan="13">
      <table border="0" cellpadding="0" cellspacing="0">
                    <tr>
                      <td width="275" align="right" class="text_cat">Choix des pièces :</td>
                    </tr>
                  </table>
    </td>
              </tr>
     <tr>
    <td height="5"></td>
     </tr>
              <tr>
                <td colspan="13"><table border="0" cellpadding="0" cellspacing="0">
                    <tr>
                      <td width="200"></td>
                      <td width="200" align="left" class="text_cat"><select name="type_piece">
                    <option selected="selected" value="0">Selectionnez</option>
                    <option value="chambre">chambre</option>
                    <option value="cuisine">cuisine</option>
                    <option value="salle à manger">salle à manger</option>
                    <option value="entrée">entrée</option>
                    <option value="salle de bain">salle de bain</option>
                    <option value="salon">salon</option>
                  </select></td>
                    </tr>
                    <tr>
                      <td height="5"></td>
                    </tr>
                </table></td>
              </tr>
              <tr>
                <td width="200"></td>
                <td width="130" class="text" align="right">Quantité :</td>
                <td width="10"></td>
                <td align="left"><input type="text" name="quantite_entree" /></td>
              </tr>
              <tr>
                 <td height="10"></td>
              </tr>
              <tr>
                 <td class="text">chambre1</td>
              <tr>
                <td width="200"></td>
                <td width="130" class="text" align="right">Niveau :</td>
                <td width="10"></td>
                <td align="left"><input type="text" name="niveau_entree" /></td>
              </tr>
              <tr>
                <td width="200"></td>
                <td width="130" class="text" align="right">Surface :</td>
                <td width="10"></td>
                <td align="left"><input type="text" name="surface_entree" /></td>
              </tr>
              <tr>
                <td width="200"></td>
                <td width="130" class="text" align="right">Revêtement de sol :</td>
                <td width="10"></td>
                <td align="left"><input type="text" name="revet_entree" /></td>
              </tr>
              <tr>
                <td width="200"></td>
                <td width="130" class="text" align="right">Exposition :</td>
                <td width="10"></td>
                <td align="left"><select name="entree_exposition">
                    <option selected="selected" value="0">Selectionnez</option>
                    <option value="Nord">Nord</option>
                    <option value="Nord-Est">Nord-Est</option>
                    <option value="Est">Est</option>
                    <option value="Sud-Est">Sud-Est</option>
                    <option value="Sud">Sud</option>
                    <option value="Sud-Ouest">Sud-Ouest</option>
                    <option value="Ouest">Ouest</option>
                    <option value="Nord-Ouest">Nord-Ouest</option>
                  </select></td>
              </tr>
              <tr>
                 <td height="10"></td>
              </tr>
              <tr>
                 <td class="text">chambre2</td>
              <tr>
                <td width="200"></td>
                <td width="130" class="text" align="right">Niveau :</td>
                <td width="10"></td>
                <td align="left"><input type="text" name="niveau_entree" /></td>
              </tr>
              <tr>
                <td width="200"></td>
                <td width="130" class="text" align="right">Surface :</td>
                <td width="10"></td>
                <td align="left"><input type="text" name="surface_entree" /></td>
              </tr>
              <tr>
                <td width="200"></td>
                <td width="130" class="text" align="right">Revêtement de sol :</td>
                <td width="10"></td>
                <td align="left"><input type="text" name="revet_entree" /></td>
              </tr>
              <tr>
                <td width="200"></td>
                <td width="130" class="text" align="right">Exposition :</td>
                <td width="10"></td>
                <td align="left"><select name="entree_exposition">
                    <option selected="selected" value="0">Selectionnez</option>
                    <option value="Nord">Nord</option>
                    <option value="Nord-Est">Nord-Est</option>
                    <option value="Est">Est</option>
                    <option value="Sud-Est">Sud-Est</option>
                    <option value="Sud">Sud</option>
                    <option value="Sud-Ouest">Sud-Ouest</option>
                    <option value="Ouest">Ouest</option>
                    <option value="Nord-Ouest">Nord-Ouest</option>
                  </select></td>
              </tr>
[/code]
Ici on aurait rentré 2 dans la quantité de pièce type chambre.

Donc déjà est-ce faisable?? Et si oui comment je peux faire ca??

Bonjour,


>>Donc déjà est-ce faisable??
    oui
>>Et si oui comment je peux faire ca??
    ce que tu veux c'est ajouter au formualire existant
       une zone contenants plusieurs champs de saisie...

    ajax n'est même pas obligatoire....
       "il suffit" en javascript d'ajouter un div ( par exemple )
          qui contienne ces champs de saisie
          ( ajout avec innerHTML ou createElement+appendChild )

    avec ajax, on appelerait un script sur le serveur, qui
          retournerait ce div, charge au javascript de l'insérer là où il faut.

---

                Cordialement            Bul         [mon Site]     [M'écrire]

Le truc, c'est qu'i ldoit me sortir autant de formulaire que le chiffre rentré dans le champs.

Si j'ai mis qu'il y avait 5 chambre, il doit me sortir automatiquement 5 formulaire: chmabre1, chambre2, chambre3...

C'est faisable juste avec du javascript??

>>C'est faisable juste avec du javascript??
    ben oui...
    si tu sais en ajouter un, tu peux en ajouter 2, et même autant que demandé
    ( à priori ... une ch'tite boucle ? )
    >> doit me sortir automatiquement 5 formulaire
    mais à priori, pas 5 formualires  :   ajout au formulaire existant.

---

                Cordialement            Bul         [mon Site]     [M'écrire]

Ok je te remerci je vais essayer de me renseigner comment faire ca.
Un tuto sur les formulaire interactif devrait m'aider je pense.

pour innerHTML : document.formulaire.innetHTML+="ce qur tu veux, donc balises html...";
pour createElement+appendChild : ici par exemple

---

                Cordialement            Bul         [mon Site]     [M'écrire]

"il suffit" de ne pas oublier que l'utilisateur peut revenir sur son choix du nombre de pièces....

---

                Cordialement            Bul         [mon Site]     [M'écrire]

Je n'arrive pas très bien à comprendre la fonction appendChild, pourrais-tu m'expliquer?

tu as un exemple d'utilisation dans UMP,
et une explication dans selfHTML ici

---

                Cordialement            Bul         [mon Site]     [M'écrire]

Ok je pense avoir compris.
j'ai fait cette page pour un test :
[code]
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<HTML Lang="fr">
<HEAD>
<meta http-equiv="content-Language" content="fr-FR">
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
<TITLE>test-form</TITLE>
<Script Type="Text/JavaScript">
function creat_form(num) {
 var d=document.createElement("div");
 for (i=0, i<quantite, i++) {
  var e=document.createElement("input"); 
  e.type="text";
  e.name=nom+quantite;
  d.appendChild(e);
  }
 }
 </Script>
</HEAD>
<BODY>
 <form name="form1" enctype="multipart/form-data" method="POST" >
  <input type="text" name="quantite" onclick="creat_form(document.form1.quantite)" /><br />
 </form>
</body>
</html>
[/code]

Comment je peux lui dire que lorsque j'ai rempli le champ il execute le script??
J'ai essayer le onclick mais rien ne se passe...