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

Voir les posts : Par défaut Tous Les bonnes notes Les notes insuffisantes

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

benoit_

Plus d'informations

13-03-2008 à 19:52:17

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 :

<html>
<head>
<title>Utilisation du dom</title>
<script type="text/javascript">
var compteur = 0;
function ajouter(){
// On récupère le fieldset
var conteneur = document.getElementById('fichiers');
/**
* Création des éléments dont on a besoin :
* Un div dans lequel on mettra notre champ file et une case à cocher
* qui nous servira à enlever ensuite le div.
*
* En utilisant un div ça sera plus facile car sinon
* on aurais du enlever le champ file et la case à cocher séparément.
*/
var undiv = document.createElement('div');
var fich = document.createElement('input');
var check = document.createElement('input');
fich.name = 'mesfichiers[]';
fich.type = 'file';
check.type = 'checkbox';
// On enlève sur le click de la checkbox
check.onclick = function(){
// Elément à enlever
lediv = this.parentNode;
// Elément auquel on enlève
lefieldset = lediv.parentNode;
// On enlève !
lefieldset.removeChild(lediv);
}
/**
* Ajout des éléments au div grace a appendChild
* qui ajoute à la fin.
* On utilise aussi createTextNode pour ajouter du texte apres la case
*/
undiv.appendChild(fich);
undiv.appendChild(check);
undiv.appendChild(document.createTextNode("Enlever" ));
// Ajout du div :
conteneur.appendChild(undiv);
}
</script>
</head>
<body>
<form action='mapage.php' method='post' enctype='multipart/form-data'>
<fieldset id='fichiers'>
<legend>Fichiers</legend>
<input type='button' value='Ajouter un fichier' onclick='ajouter()' /><br />
</fieldset>
</form>
</body>
</html>

merci à vous

KangOl

Profil : Pointeur

Plus d'informations

13-03-2008 à 20:46:21

Masquer

et quel est la problème ?

---------------
Da Bidz Triad©®™: Bidz Interceptor
.:: Smileyz version 4.2 [050625]::. -- Code source disponible sous licence GPL.
[u

dartyduck

85x85 : le comble du ridicule :o

Plus d'informations

13-03-2008 à 23:08:38

Masquer

ben il y arrive pas

[:cupra]

Message cité 1 fois

---------------
GLOIRE A

| Trompi PPC-IDN
n00b intergalactique invincible

MEMBRE DU GROUPUSCULE DES AVATARS EN COLERE [:dartyduck:6]

benoit_

Plus d'informations

14-03-2008 à 12:27:43

Masquer

dartyduck a écrit :

ben il y arrive pas

[:cupra]

bah oui voila

Aller à :

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

Page générée en 0.312 secondes