[Web] Creation d'un formulaire?

Creation d'un formulaire? [Web] - Programmation

Marsh Posté le 07-07-2002 à 11:09:44    

Bonjour,
 
Voila je voudrais faire un formulaire avec plusieurs listes deroulantes avec une petite particularite:
Le choix dans la 1ere liste deroulante definit le contenu de la 2eme liste. Puis le choix ds la 2eme liste definit le contenu de la 3eme... etc
 
J'ai vu ca sur dans la section Download des sites de certains constructeurs ou dans la 1ere liste on choisit le type de peripherique. On fonction de ca seuls les modeles de ce types de periph sont affiche dans la 2eme liste...
 
Faut faire comment? et en quel language? PHP, Javascript... ?
Je suppose qu'il faut le faire en Javascript. Mais c'est pas trop mon truc. Je suis plutot PHP.
 
Merci pour le coup de main.

Reply

Marsh Posté le 07-07-2002 à 11:09:44   

Reply

Marsh Posté le 07-07-2002 à 11:29:11    

html, recherche "form"
 
(j avais trouvé une "fiche" de tous les types de bouton de formulaire sur le web... mais je sais pu ou c etait)

Reply

Marsh Posté le 07-07-2002 à 11:42:08    

j'ai fait une recherche sur le forum. J'ai bien trouve un script mais il ne marche pas.
Et comme j'y connais rien en JS ben je suis pas capable de la faire marcher :sweat:  :(

Reply

Marsh Posté le 07-07-2002 à 11:44:01    

ah oui pardon, j ai mal lu ton message
 
c est en javascript que ca se fait bien entendu
tu te souviens du nom des sites ?

Reply

Marsh Posté le 07-07-2002 à 11:54:57    

Je me souviens de celui la:
 
http://www.smc.com/index.cfm?actio [...] _downloads
 
Mais a chaque fois que l'on fait un choix ds un menu deroulant il recharge la page pour afficher le suivant. J'en ai vu qui ne rafraichissent pas la page est c'est mieux.

Reply

Marsh Posté le 07-07-2002 à 12:05:35    

quand il recharge, c est qu il reappelle le serveur pour lui demander la liste suivante...
 
essaye de trouver un qui recharge pas pour regarder dans les sources comment c est fait

Reply

Marsh Posté le 07-07-2002 à 12:08:35    

ouf j'ai trouve un script qui fait exactement ce que je veux.
Le voici:
 

Code :
  1. <FORM name="isc">
  2. <table border="0" cellspacing="0" cellpadding="0">
  3.   <tr align="center">
  4.     <td nowrap height="11">  
  6. <select name="example" size="1" onChange="redirect(this.options.selectedIndex)">
  7. <option selected>---Select1-------------</option>
  8. <option>Webmaster Sites</option>
  9. <option>News Sites</option>
  10. </select>
  12. <select name="stage2" size="1" onChange="redirect1(this.options.selectedIndex)">
  13. <option value=" " selected> </option>
  14. <option value=" " selected>---Select2--------------</option>
  15. <option value=" " selected>---Select2--------------</option>
  16. </select>
  18. <select name="stage3" size="1" onChange="redirect2(this.options.selectedIndex)">
  19. <option value=" " selected> </option>
  20. <option value=" " selected>---Select3----------------</option>
  21. <option value=" " selected>---Select3----------------</option>
  22. </select>
  24. <script>
  25. <!--
  27. var groups=document.isc.example.options.length
  28. var group=new Array(groups)
  29. for (i=0; i<groups; i++)
  30. group[i]=new Array()
  32. group[0][0]=new Option("---Select2---"," " );
  34. group[1][0]=new Option("Now Select This One"," " );
  35. group[1][1]=new Option("JavaScript","47" );
  36. group[1][2]=new Option("DHTML","46" );
  37. group[1][3]=new Option("CGI","45" );
  39. group[2][0]=new Option("Now Select This One"," " );
  40. group[2][1]=new Option("General News","115" );
  41. group[2][2]=new Option("Technology News","116" );
  43. var temp=document.isc.stage2
  46. function redirect(x){
  47. for (m=temp.options.length-1;m>0;m--)
  48. temp.options[m]=null
  49. for (i=0;i<group[x].length;i++){
  50. temp.options[i]=new Option(group[x][i].text,group[x][i].value)
  51. }
  52. temp.options[0].selected=true
  53. redirect1(0)
  54. }
  58. var secondGroups=document.isc.stage2.options.length
  59. var secondGroup=new Array(groups)
  60. for (i=0; i<groups; i++)  {
  61. secondGroup[i]=new Array(group[i].length)
  62. for (j=0; j<group[i].length; j++)  {
  63. secondGroup[i][j]=new Array()  }}
  65. secondGroup[0][0][0]=new Option("---Select 3---"," " );
  66. secondGroup[1][0][0]=new Option("---Select 3---"," " );
  67. secondGroup[1][1][0]=new Option("Now Select This One"," " );
  68. secondGroup[1][1][1]=new Option("JavaScript Kit","http://javascriptkit.com" );
  69. secondGroup[1][1][2]=new Option("JavaScript for the non programmer","http://webteacher.com/javascript/" );
  70. secondGroup[1][1][3]=new Option("Java-Scripts.net","http://java-scripts.net" );
  72. secondGroup[1][2][0]=new Option("Now Select This One"," " );
  73. secondGroup[1][2][1]=new Option("Dynamic Drive","http://www.dynamicdrive.com" );
  74. secondGroup[1][2][2]=new Option("Beginner's Guide to DHTML","http://www.geocities.com/ResearchTriangle/Facility/4490/" );
  75. secondGroup[1][2][3]=new Option("Web Coder","http://webcoder.com/" );
  77. secondGroup[1][3][0]=new Option("Now Select This One"," " );
  78. secondGroup[1][3][1]=new Option("CGI Resources","http://www.cgi-resources.com" );
  79. secondGroup[1][3][2]=new Option("Ada's Intro to CGI","http://adashimar.hypermart.net/" );
  81. secondGroup[2][0][0]=new Option("---Select 3---"," " );
  82. secondGroup[2][1][0]=new Option("Now Select This One"," " );
  83. secondGroup[2][1][1]=new Option("CNN","http://www.cnn.com" );
  84. secondGroup[2][1][2]=new Option("MSNBC","http://www.msnbc.com" );
  85. secondGroup[2][1][3]=new Option("ABC News","http://www.abcnews.com" );
  87. secondGroup[2][2][0]=new Option("Now Select A Page"," " );
  88. secondGroup[2][2][1]=new Option("News.com","http://www.news.com" );
  89. secondGroup[2][2][2]=new Option("Wired","http://www.wired.com" );
  91. var temp1=document.isc.stage3
  92. function redirect1(y){
  93. for (m=temp1.options.length-1;m>0;m--)
  94. temp1.options[m]=null
  95. for (i=0;i<secondGroup[document.isc.example.options.selectedIndex][y].length;i++){
  96. temp1.options[i]=new Option(secondGroup[document.isc.example.options.selectedIndex][y][i].text,secondGroup[document.isc.example.options.selectedIndex][y][i].value)
  97. }
  98. temp1.options[0].selected=true
  99. }
  101. function redirect2(z){
  102. window.location=temp1[z].value
  103. }
  105. //-->
  106. </script>
  108.  </td>
  109.   </tr>
  110. </table>
  111. </FORM>
  112. <p><font face="arial" size="1">Powered and Generated by </font><a href="http://www.g1script.com"><font face="arial,helvetica" size="1">G1script.Com</font></a></p>


 
Me reste plus qu'a comprendre comment il marche et l'adapter maintenant!
Ca va etre cho ca


Message édité par IvanleFou le 07-07-2002 à 12:09:43
Reply

Marsh Posté le 07-07-2002 à 12:25:43    

bon courgage :)

Reply

Marsh Posté le 07-07-2002 à 13:03:09    

tout est clairement expliqué ici : http://www.phpinfo.net/?p=articles&rub=listes


---------------
...oups kernel error...
Reply

Marsh Posté le 08-07-2002 à 01:32:34    

Bon voici mon script:
 

Code :
  1. <?
  2. switch($action)
  3. {
  4. case "add";
  5. echo $proc;
  6. echo $type_proc;
  7. exit;
  8. break;
  10. default;
  11. ?>
  12. <form name="form_proc" action="essai.php">
  13. <input type="hidden" name="action" value="add">
  14. <p><select name="proc" size="1" onChange="redirect(this.options.selectedIndex)">
  15. <option>a1</option>
  16. <option>a2</option>
  17. </select>
  18. <select name="type_proc" size="1">
  19. <option selected>aa1</option>
  20. <option>aa2</option>
  21. <option>aa3</option>
  22. </select>
  23. <input type="button" name="test" value="Go!" onClick="go()">
  25. </p>
  27. <script>
  28. <!--
  30. var groups=document.form_proc.proc.options.length
  31. var group=new Array(groups)
  32. for (i=0; i<groups; i++)
  33. group[i]=new Array()
  35. group[0][0]=new Option("aa1","aa1" )
  36. group[0][1]=new Option("aa2","aa2" )
  37. group[0][2]=new Option("aa3","aa3" )
  39. group[1][0]=new Option("bb1","bb1" )
  40. group[1][1]=new Option("bb2","bb2" )
  42. var temp=document.form_proc.type_proc
  44. function redirect(x){
  45. for (m=temp.options.length-1;m>0;m--)
  46. temp.options[m]=null
  47. for (i=0;i<group[x].length;i++){
  48. temp.options[i]=new Option(group[x][i].text,group[x][i].value)
  49. }
  50. temp.options[0].selected=true
  51. }
  53. function go(){
  54. //location=temp.options[temp.selectedIndex].value
  55. location='essai.php'
  56. }
  57. //-->
  58. </script>
  59. </form>
  61. <?
  62. break;
  63. }
  65. ?>


 
Qd je click sur le bouton OK j'aimerais que ca aille ds le 'case "add";' et faire afficher les choix fait ds les menus.
Mais ca marche trop pas. C'est quoi ce bordel??? :??:  
Normalement en passant en hidden la valeur 'action=add' il devrait y alle. J'ai fait comme ca dans tout mes autres formulaires et la ca marche pas???
Deplus avec 'echo $proc;' j'obtiens rien. Le formulaire ne passe pas les valeurs.
 
J'y connais rien en JS mais j'ai l'impression que c bien le bordel. C'est pour ca que je voudrais recuperer au plus vite mes valeurs pour repasser ds le PHP.
 
faut que je fasse koi?

Reply

Marsh Posté le 08-07-2002 à 01:32:34   

Reply

Marsh Posté le 08-07-2002 à 18:55:51    

UP!

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed