FORUM Tom's Hardware » Programmation » HTML / Javascript » Modifier formulaire d'upload multiple avec ajout dynamique des champs
 

Modifier formulaire d'upload multiple avec ajout dynamique des champs

Il y a 379 utilisateurs connus et inconnus. Pour voir la liste des connectés connus, cliquez ici
Ajouter une réponse



 Mot :   Pseudo :  
 
Bas de page
Auteur
 Sujet : Modifier formulaire d'upload multiple avec ajout dynamique des champs
 
Plus d'informations

bonjour, je souhaiterais modifier ce script (http://javascript.developpez.com/sources/?page=forms#upload) afin de mettre des listes déroulantes à la place des zones texte. j'ai bien essayer, mais j'arrive pas.
 

Code :
  1. <html>
  2.    <head>
  3.       <title>Utilisation du dom</title>
  4.       <script type="text/javascript">
  5.           var compteur = 0;
  6.          function ajouter(){
  7.             // On récupère le fieldset
  8.             var conteneur   = document.getElementById('fichiers');
  9.             /**
  10.             * Création des éléments dont on a besoin :
  11.             * Un div dans lequel on mettra notre champ file et une case à cocher
  12.             * qui nous servira à enlever ensuite le div.
  13.             *
  14.             * En utilisant un div ça sera plus facile car sinon
  15.             * on aurais du enlever le champ file et la case à cocher séparément.
  16.             */
  17.             var undiv      = document.createElement('div');
  18.             var fich      = document.createElement('input');
  19.             var check      = document.createElement('input');
  20.             fich.name   = 'mesfichiers[]';
  21.             fich.type   = 'file';
  22.             check.type   = 'checkbox';
  23.             // On enlève sur le click de la checkbox
  24.             check.onclick = function(){
  25.                // Elément à enlever
  26.                lediv      = this.parentNode;
  27.                // Elément auquel on enlève
  28.                lefieldset   = lediv.parentNode;
  29.                // On enlève !
  30.                lefieldset.removeChild(lediv);
  31.             }
  32.             /**
  33.             * Ajout des éléments au div grace a appendChild
  34.             * qui ajoute à la fin.
  35.             * On utilise aussi createTextNode pour ajouter du texte apres la case
  36.             */
  37.             undiv.appendChild(fich);
  38.             undiv.appendChild(check);
  39.             undiv.appendChild(document.createTextNode("Enlever" ));
  40.             // Ajout du div :
  41.             conteneur.appendChild(undiv);
  42.          }
  43.       </script>
  44.    </head>
  45.    <body>
  46.       <form action='mapage.php' method='post' enctype='multipart/form-data'>
  47.          <fieldset id='fichiers'>
  48.             <legend>Fichiers</legend>
  49.             <input type='button' value='Ajouter un fichier' onclick='ajouter()' /><br />
  50.          </fieldset>
  51.       </form>
  52.    </body>
  53. </html>


 
merci à vous
 

Profil : Pointeur
Plus d'informations

et quel est la problème ?


---------------
Da Bidz Triad©®™: Bidz Interceptor
.:: Smileyz version 4.2 [050625]::. -- Code source disponible sous licence GPL.
[u
85x85 : le comble du ridicule :o
Plus d'informations

ben il y arrive pas :o
 
[:cupra]


---------------
GLOIRE A :o | Trompi PPC-IDN
n00b intergalactique invincible :o
MEMBRE DU GROUPUSCULE DES AVATARS EN COLERE [:dartyduck:6]
Plus d'informations

dartyduck a écrit :

ben il y arrive pas :o
 
[:cupra]


 
bah oui voila


Aller à :
Ajouter une réponse
  FORUM Tom's Hardware » Programmation » HTML / Javascript » Modifier formulaire d'upload multiple avec ajout dynamique des champs
 

Annonces Google
Publicité