Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
1194 connectés 

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  formulaire + remplissage automatique de champs à partir d'un champ

 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

formulaire + remplissage automatique de champs à partir d'un champ

n°1881410
housni
Posté le 06-05-2009 à 14:09:14  profilanswer
 

Bonjour,
 
voila, j'ai un formulaire ou l'utilisateur renseigne un champ (code 8 chiffres) et à partir de ce code d'autres champs doivent s'affichées automatiquement. Puis l'utilisateur renseigne d'autres champs et la j'ai 2 champs qui son des champs calculés avec les valeurs renseignées par l'utilisateur auparavant et les valeurs qu'ont a affiché automatiquement.Enfin, l'utilisateur renseigne d'autres champs !
 
Donc en gros dans mon formulaire on des champs à saisir , des champs qui doivent être renseignés automatiquement et des champs calculés.
 
De plus il faut que j'insère tous les champs renseignés dans ma BDD.
 
Donc comment faire cela sans rafraîchir ma page et en ayant juste un bouton " envoyer le formulaire "
 
J'ai vu un peu sur le net qu'il fallait utiliser de l'ajax et du javascript mais mon problème c'est que je ne connais pas du tout ces langages de prog !  
 
Donc si vous aviez une solution ca serait vraiment cool !!!
 
Je vous joins mon fichier avec mon formulaire et mon fichier ou il y a ma requete sql qui selection les données ralives à mon code :
 
 
formulaire  
 
 
 

Code :
  1. <html>
  2. <head>
  3. <meta http-equiv="Content-Language" content="fr">
  4. <meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
  5. <title>Formulaire de saisie des AVK</title>
  6. <base target="contenu">
  7. <style>
  8.  <!-- div.Section1 {page:Section1;} -->
  9. </style>
  10. </head>
  11. <body bgcolor="#EBEBE0" style="font-family: Arial; font-size: 12pt" text="#003366">
  12. <br>
  13. <p align="center">
  14.  <font size="5">
  15.   <span style="background-color: #C0C0C0">Saisissez les informations sur votre Avis de Variation de Consommation (AVK)</span>
  16.  </font>
  17. </p>
  18. <p align="center">
  19.  <a href="Mode%20opératoire%20formulaire%20AVK.pdf">Accédez ici au mode opératoire AVK</a>
  20. </p>
  21. <br>
  22. <form method="post" action="Import_Formulaire_AVK.asp" target="_self" name="Saisie_AVK">
  23.  <table align="center" cellpadding="5" cellspacing="5" style="border-collapse: collapse" bordercolor="#111111">
  24.   <tr>
  25.        <td width="340">
  26.     <font size="2"><b>
  27.      <font color="red">*</font>
  28.           Code article (8 caractères) :
  29.         </b></font>
  30.     <br>
  31.     <input name="Code_Article" size=8 maxlength=8>
  32.     <br>
  33.    </td>
  34.        <td width="340">
  35.     <font size="2"><b>
  36.      Désignation :
  37.     </b></font>
  38.     <br>
  39.     <% reponse.write RS("description" ) %>
  40.    </td>
  41.   </tr>
  42.   <td width="340">
  43.     <font size="2"><b>
  44.      Prix unitaire :
  45.     </b></font>
  46.     <br>
  47.     <% reponse.write RS("Coût STD" ) %>
  48.    </td>
  49.   <td width="340">
  50.     <font size="2"><b>
  51.     Délai d'approvisionnement :
  52.     </b></font>
  53.     <br>
  54.     <% reponse.write DelaiA %>
  55.    </td>
  56.   <tr>
  57.        <td width="340">
  58.     <font size="2"><b>
  59.      Consommation mensuelle moyenne actuelle :
  60.     </b></font>
  61.     <br>
  62.     <% reponse.write ConsoM %>
  63.    </td>
  64.        <td width="340">
  65.        </td>
  66.   </tr>
  67.   <tr>
  68.        <td colspan="2" width="682">
  69.     <font size="2"><b>
  70.      <font color="red">Soit :</font>
  71.           consommation mensuelle moyenne à prévoir (exprimée dans l'unité de mesure standard PSFT) :
  72.     </b></font>
  73.     <br>
  74.         <input name="Conso_Mens_APrev" size=20 maxlength=30>
  75.     <br>
  76.     <font size="2"><b>
  77.      <font color="red">Soit :</font>
  78.      cadencement / echéancier (exprimé dans l'unité de mesure standard PSFT) :
  79.      <% reponse.write RS("Unite" )  %>
  80.     </b></font>
  81.     <br>
  82.         <table border="1">
  83.      <tr>
  84.       <%
  85.       'on commence par déclarer les variables utiles
  86.       dim dateK 'variable contenant le mois correspondant à la cellule parcourue, au format date
  87.       dim dateFin 'variable contenant le dernier mois pour lequel il faut afficher une cellule
  88.       dim i  'variable contenant le numéro d'ordre de la cellule parcourue (i=1 pour la 1ère cellule, etc.)
  89.       dim dt  'variable contenant le mois correspondant à la cellule parcourue, au format "mm/aaaa"
  90.          'puis on initialise ces variables :
  91.       ' - i = 1 (on commence par la première case, logique)
  92.       ' - dateK = date du jour + 1 mois (la première case du tableau correspond au mois M+1)
  93.       ' - dateFin = premier mois de l'année civile de (date du jour + 3 ans)
  94.          i = 1
  95.          dateK = DateAdd("m", 1, Now)
  96.       dateFin = cdate("01/01/" & (DatePart("yyyy", Now) + 3))
  97.       'pour chaque mois compris entre M+1 et décembre A+2...
  98.          do while dateK <= dateFin
  99.        '... on crée une nouvelle case...
  100.        response.write "<td align=""center""><font size=""2"">"
  101.        '... on y indique le mois qui convient, au format "mm/aaaa", ainsi qu'un champ de saisie nommé
  102.        'd'après ce mois...
  103.            if len(month(dateK)) = 1 then
  104.             dt = "0" & Month(dateK) & "/" & Year(dateK)
  105.             response.write("0" & Month(dateK) & "/" & Year(dateK))
  106.            else
  107.             dt = Month(dateK) & "/" & Year(dateK)
  108.             response.write(Month(dateK) & "/" & Year(dateK))
  109.            end if
  110.        response.write "</font><br>"
  111.        response.write "<input name=" & dt & " size=5 maxlength=30>"
  112.        '... et on n'oublie pas de clôturer la case
  113.        response.write "</td>"
  114.        'si on vient d'afficher la case correspondant au mois de décembre d'une année, on part sur une
  115.        'nouvelle ligne du tableau
  116.        if Month(DateK) = 12 then
  117.         response.write "</tr><tr>"
  118.        end if
  119.        'enfin, on incrémente les compteurs dateK (d'un mois) et i (d'une unité)
  120.        dateK = DateAdd("m", 1, dateK)
  121.           i = i + 1
  122.          loop
  123.       '%>
  124.          </tr>
  125.         </table>
  126.        </td>
  127.   </tr>
  128.   <tr>
  129.        <td colspan="2" width="682">
  130.     <font size="2"><b>
  131.      <font color="red">*</font>
  132.      La consommation à prévoir...
  133.     </b></font>
  134.         <input type="radio" name="Conso_ARemplacer" value="Remplace">
  135.     <font size="2"> remplace  </font>
  136.         <input type="radio" name="Conso_ARemplacer" value="Ajoute">
  137.     <font size="2"> se rajoute </font>
  138.     <font size="2"><b>... (à) la consommation actuelle de la BU.</b></font>
  139.    </td>
  140.   </tr>
  141.   <tr>
  142.        <td colspan="2" width="682">
  143.     <font size="2"><b>
  144.      <font color="red">*</font>
  145.       Tendance
  146.     </b></font>
  147.         <input type="radio" name="Tendance" value="Hausse">
  148.     <font size="2"> à la hausse  </font>
  149.         <input type="radio" name="Tendance" value="Baisse">
  150.     <font size="2"> à la baisse </font>
  151.    </td>
  152.   </tr>
  153.   <tr>
  154.        <td width="340">
  155.     <font size="2"><b>
  156.      <font color="red">*</font>
  157.      Date de début de validité de l'AVK (jj/mm/aaaa) :
  158.     </b></font>
  159.     <br>
  160.     <input name="Date_Deb_Validite" size=10 maxlength=10 onKeyUp="masqueSaisieDate(this.form.Date_Deb_Validite)">
  161.    </td>
  162.        <td width="340">
  163.     <font size="2"><b>
  164.      <font color="red">*</font>
  165.      Date de fin de validité de l'AVK (jj/mm/aaaa) :
  166.     </b></font>
  167.         <br>
  168.     <input name="Date_Fin_Validite" size=10 maxlength=10 onKeyUp="masqueSaisieDate(this.form.Date_Fin_Validite)">
  169.    </td>
  170.   </tr>
  171.   <td width="340">
  172.     <font size="2"><b>
  173.      <font color="red">*</font>
  174.      Montant total de l'AVK sur l'ensemble de la période de validité :
  175.     </b></font>
  176.   </td>
  177.   <td width="340">
  178.     <font size="2"><b>
  179.      <font color="red">*</font>
  180.      Evolution du coût par rapport à la consommation actuelle sur la période de validité :
  181.     </b></font>
  182.   </td>
  183.      <td colspan="2" width="682">
  184.     <font size="2"><b>Adresse Mail du valideur :
  185.     </b></font>
  186.         <input type="text" name="Mail_Valideur" value="Y">
  187.    </td>
  188.   <tr>
  189.        <td width="340">
  190.     <font size="2"><b>
  191.      Série de matériel :
  192.     </b></font>
  193.     <br>
  194.          <input name="Serie" size=15 maxlength=30>
  195.    </td>
  196.        <td width="340">
  197.     <font size="2"><b>
  198.      Observation:
  199.     </b></font>
  200.     <br>
  201.     <textarea name="Observation" rows=2 cols="40"></textarea>
  202.    </td>
  203.   </tr>
  204.   <tr>
  205.        <td width="340">
  206.     <font size="2"><b>
  207.      <font color="red">*</font>
  208.      BU émettrice de l'AVK :
  209.     </b></font>
  210.     <br>
  211.     <input name="BU_Expediteur" size=5 maxlength=5>
  212.    </td>
  213.        <td width="340">
  214.      <font size="2"><b>
  215.       <font color="red">*</font>
  216.       Nom de l'émetteur de l'AVK :
  217.     </b></font>
  218.     <input name="Nom_Expediteur" size=20 maxlength=80>
  219.    </td>
  220.   </tr>
  221.   <tr>
  222.        <td width="340">
  223.     <font size="2"><b>
  224.      <font color="red">*</font>
  225.      Tél SNCF de l'émetteur :
  226.     </b></font>
  227.     <br>
  228.     <input name="Num_Tel_Exped" size=6 maxlength=6>
  229.    </td>
  230.        <td width="340">
  231.     <font size="2"><b>
  232.      <font color="red">*</font>
  233.      E-mail de l'émetteur :
  234.     </b></font>
  235.     <br>
  236.     <input name="AdMail_Exped" size=34 maxlenght=30>
  237.    </td>
  238.   </tr>
  239.   <tr>
  240.        <td width="340">
  241.         <p>
  242.      <font size="2"><b><font color="red">*</font></b></font>
  243.      <b><font size="2">
  244.       Motif AVK :
  245.       <select size="1" name="Motif_AVK">
  246.           <option selected>Sélectionner un motif</option>
  247.           <option value="Création d&amp;#39;articles">Création d&#39;articles</option>
  248.           <option value="Création d&amp;#39;articles matériel neuf">Création d&#39;articles matériel neuf</option>
  249.           <option value="Transfert de parc">Transfert de parc</option>
  250.            <option value="Maintenance suite à OM">Maintenance suite à OM</option>
  251.            <option value="Remise en état de parc">Remise en état de parc</option>
  252.            <option value="Potentiel">Potentiel</option>
  253.            <option value="ATP">ATP</option>
  254.            <option value="Noria">Noria</option>
  255.            <option value="Evolution des règles de maintenance">Evolution des règles de maintenance</option>
  256.            <option value="Evolution de la charge PRM (constituants PRM)">Evolution de la charge PRM (constituants PRM)</option>
  257.            <option value="Evolution de la charge engin (Technicentre Industriel)">Evolution de la charge engin (Technicentre Industriel)</option>
  258.            <option value="Transfert Centre d&amp;#39;Excellence (PRM)">Transfert Centre d&#39;Excellence (PRM)</option>
  259.            <option value="Usure prématurée">Usure prématurée</option>
  260.            <option value="Mise NPA">Mise NPA</option>
  261.            <option value="Radiation">Radiation</option>
  262.            <option value="Sur demande du CLI">Sur demande du CLI</option>
  263.            <option value="Autre (remplir cellule observation)">Autre (remplir cellule observation)</option>
  264.           </select>
  265.      </font></b>
  266.     </p>
  267.    </td>
  268.        <td width="340">
  269.    </td>
  270.   </tr> 
  271.      <tr>
  272.        <td colspan="2" width="340">
  273.     <font size="2">
  274.      <b>
  275.       Date de la demande :
  276.      </b>
  277.      <% response.write now %>
  278.     </font>
  279.         <input type="hidden" name="Date_Demande" value="<% response.write now %>">
  280.    </td>
  281.   </tr>
  282.  </table>
  283.  <p align="center">
  284.   <b><input type="submit" value="Envoyer l'AVK" style="font-weight: bold"></b>
  285.  </p>
  286. </form>
  287. </body>
  288. </html>


 
 
 
 
 
 
Mon fichier contenant ma requete sql qui récupère les données grace à mon code Article
 

Code :
  1. <!-- #include file="Connexion_SQL.asp"-->
  2. <%
  3. ' sélectionne les informations relatives à notre article renseigné dans le formulaire AVK
  4. dim Cstd ,Cpmp,CpmpD,Gart,KvM,KV,DLERP,DAPP,Conso, coutU , DelaiA  'variable qui stocke le données selon les différentes cas
  5. code= request.form("Code_Article" )
  6. sql="select b.Description, b.[Coût STd], b.[Coût PMP], b.[Coût PMP déporté],a.[Groupe_art],a.[Unite],b.[Kv modifiée],b.[Kv],b.[Delai LREP (j)],b.[Delai d appro (j)]" & _
  7. "from T_EXTR_BASAMONT b,T_CALCUL_ARTICLE_AMONT a " & _
  8. "where A.ARTICLE = b.code_article and  b.code_article ='" & code & "'"
  9. set rs=conn.execute(sql)
  10. do while not rs.EOF
  11.     Cstd=rs("Coût STd" )
  12.     Cpmp=rs("Coût PMP" )
  13.     CpmpD=rs("Coût PMP déporté" )
  14.     Gart=rs("Groupe_art" )
  15.     KvM=rs("Kv modifiée" )
  16.     KV=rs("KV" )
  17.     DLERP=rs("Delai LREP (j)" )
  18.     DAPP=rs("Delai d appro (j)" )
  19.     If Gart="MRPRM" or Gart="MRPRMD" then
  20.         coutU=Cstd
  21.     elseif CpmpD<>"" or CpmpD<>999999 then
  22.         coutU = CpmpD
  23.     else coutU=Cpmp
  24.     end if
  25.     If rs("Kv modifiée" )<>"" then
  26.         ConsoM = rs("Kv modifiée" )
  27.     Else
  28.         ConsoM = rs("Kv" )
  29.     End If
  30.     If rs("Delai LREP (j)" )<>"" then
  31.         DelaiA = rs("Delai LREP (j)" )
  32.     Else DelaiA=rs("Delai d appro (j)" )
  33.     End If
  34. rs.movenext
  35. Loop
  36. Set rs=Nothing
  37. Response.Write monRetourHTML
  38. %>

mood
Publicité
Posté le 06-05-2009 à 14:09:14  profilanswer
 

n°1881934
macgawel
Posté le 07-05-2009 à 16:20:16  profilanswer
 

housni a écrit :

J'ai vu un peu sur le net qu'il fallait utiliser de l'ajax et du javascript mais mon problème c'est que je ne connais pas du tout ces langages de prog !

[:negro] Javascript est un langage de programmation.
AJAX est "un terme qui évoque l'utilisation conjointe d'un ensemble de technologies libres couramment utilisées sur le Web". Ca n'est pas un langage de programmation.
 
Si tu ne connais pas du tout le JavaScript, ça risque d'être délicat.
Surtout que l aplupart des tutoriaux qu'on peut trouver concernent le couple JS + PHP.
 
En gros, le principe de base :
- Tu fais une page en ASP, qui ne renvoit pas une page internet mais une/des valeur(s). Par exemple, une page qui, quand on l'interroge en lui passant un nom en paramètre, retourne le résultat d'une requête SQL.
- Dans ton formulaire, tu définis une action, par exemple à la validation. Catte action - du code JS - va consister à appeler le script ASP en lui passant le paramètre qui vient d'être saisi.
Comme le script ASP ne retourne pas une page web, on ne voit rien côté navigateur.
- Tu reçois donc un/des valeurs qu'il "suffit" de mettre où tu veux dans ta page web.
 
Attention : Le JS est un langage qui s'éxécute côté client. Il vaut donc mieux - sauf environnement professionnel spécifique - s'assurer que le site fonctionne correctement sans JS...

n°1914429
s@ritta
Posté le 12-08-2009 à 15:29:11  profilanswer
 

bjr j'aimerai savoir si t'as résolu le pb housni


Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  HTML/CSS

  formulaire + remplissage automatique de champs à partir d'un champ

 

Sujets relatifs
Formulaire + remplir des champs automatiquement à partir d'une champ[C] Matrice de structures : probleme de remplissage
Formulaire d'envoi pour Twitterlancer un .exe à partir de IE sous windows CE
Saisie automatique sous VSAutoriser espaces ds un formulaire seulement dans noms à particules
Function, Vérification doublons dans un formulaire 
Plus de sujets relatifs à : formulaire + remplissage automatique de champs à partir d'un champ


Copyright © 1997-2022 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR