begin process at 2010 03 21 21:47:20
  Trouver un code source :
 
dans
 
Accueil > 

Code

 > 

Formulaire

 > AJOUTER ET SUPPRIMER DES FICHIERS DANS UNE LISTE

AJOUTER ET SUPPRIMER DES FICHIERS DANS UNE LISTE


 Information sur la source

Note :
Aucune note
Catégorie :Formulaire Niveau :Débutant Date de création :31/03/2009 Vu / téléchargé :1 876 / 198

Auteur : grarestephane

Ecrire un message privé
Commentaire sur cette source (4)
Ajouter un commentaire et/ou une note

 Description

Cliquez pour voir la capture en taille normale
Il s'agit d'un petit script qui pourra servir d'exemple, notamment au débutant, pour ajouter et supprimer
des fichiers dans un formulaire (une liste) qui se trouve sur votre page web.

Source

  • <HTML>
  • <HEAD>
  • <Script Type="Text/JavaScript">
  • function Ajouter(){
  • Fichier.Effacer.click();
  • Fichier.Ajouter.click();
  • if (Fichier.Ajouter.value.length>0){
  • for (var n=0;n<ListeFichier.length;n++){
  • if (Fichier.Ajouter.value.toLowerCase()==ListeFichier[n].text.toLowerCase()){
  • alert("Ce fichier existe déjà dans votre liste !");
  • return;
  • }
  • }
  • ListeFichier.length++;
  • ListeFichier[ListeFichier.length-1].text=Fichier.Ajouter.value;
  • }
  • }
  • function Supprimer(){
  • if (ListeFichier.selectedIndex>=0){
  • for (var n=ListeFichier.selectedIndex;n<ListeFichier.length-1;n++){
  • ListeFichier[n].text=ListeFichier[n+1].text;
  • }
  • ListeFichier.length--;
  • }
  • }
  • </Script>
  • </HEAD>
  • <BODY>
  • <p><b><u>Liste de fichiers</u> :</b></p>
  • <img src="Ajouter.jpg" alt="Ajouter un fichier..." onclick="Ajouter();">
  • <img src="Supprimer.jpg" alt="Supprimer un fichier..." onclick="Supprimer();">
  • <select class="sel" size=4 name="ListeFichier"></select>
  • <!-- Le formulaire suivant et masquer mais est indispensable -->
  • <FORM name="Fichier" style="display:none">
  • <input type="file" name="Ajouter">
  • <input type="reset" name="Effacer">
  • </FORM>
  • <!-- Fin formulaire -->
  • </BODY>
  • </HTML>
<HTML>
<HEAD>
<Script Type="Text/JavaScript">
function Ajouter(){
Fichier.Effacer.click();
Fichier.Ajouter.click();
 if (Fichier.Ajouter.value.length>0){
  for (var n=0;n<ListeFichier.length;n++){
   if (Fichier.Ajouter.value.toLowerCase()==ListeFichier[n].text.toLowerCase()){
   alert("Ce fichier existe déjà dans votre liste !");
   return;
   }
  }
 ListeFichier.length++;
 ListeFichier[ListeFichier.length-1].text=Fichier.Ajouter.value;
 }
}
function Supprimer(){
 if (ListeFichier.selectedIndex>=0){
  for (var n=ListeFichier.selectedIndex;n<ListeFichier.length-1;n++){
   ListeFichier[n].text=ListeFichier[n+1].text;
   }
  ListeFichier.length--;
  }
}
</Script>
</HEAD>
<BODY>
<p><b><u>Liste de fichiers</u> :</b></p>
<img src="Ajouter.jpg" alt="Ajouter un fichier..." onclick="Ajouter();">
<img src="Supprimer.jpg" alt="Supprimer un fichier..." onclick="Supprimer();">
<select class="sel" size=4 name="ListeFichier"></select>
<!-- Le formulaire suivant et masquer mais est indispensable -->
<FORM name="Fichier" style="display:none">
<input type="file" name="Ajouter">
<input type="reset" name="Effacer">
</FORM>
<!-- Fin formulaire -->
</BODY>
</HTML>

 Conclusion

Voilà.

 Fichier Zip

Les Membres Club peuvent télécharger directement un fichier contenu dans le zip sans télécharger le zip en entier !

Télécharger le zip


 Sources du même auteur

Source avec Zip Source avec une capture MESSAGES VIRTUELS
Source avec Zip Source avec une capture GESTION D'UNE VIDEOTHÈQUE SOUS XML
Source avec Zip Source avec une capture ENVOIE DE MESSAGE AUTOMATIQUE
Source avec Zip Source avec une capture VALIDATION D'UN FORMULAIRE
Source avec Zip Source avec une capture CHAT VIRTUEL

 Sources de la même categorie

DÉSACTIVER UN BOUTON SUBMIT APRÈS ENVOI DU FORMULAIRE par SoftDeath
IMPLEMENTATION DE RANDOM PERSONNALISÉ par ousous
IMPLEMENTATION DE HASHTABLE par ousous
JAVASCRIPT.UTIL.ITERATOR par ousous
Source avec Zip Source avec une capture PALETTE DE COULEURS par titnome

Commentaires et avis

Commentaire de grarestephane le 31/03/2009 18:00:04

J'espère que ce petit script sera utile au débutant

Commentaire de Tetsuoo2005 le 07/04/2009 21:21:23

Je cherchais si il était possible d'effacer un fichier via JS (même si théoriquement c'est pas une bonne idée). Ici on efface uniquement un élément d'une liste donc dans mon cas, pas vraiment d'intérêt.
Mais... j'ai fortement apprécié le fait d'utiliser des images tout en cachant l'input de type 'file', ça aurait pu être très très utile.
Malheureusement la technique objet.click() très pratique ici ne fonctionne que sous IE, il semble même que ce soit une méthode propriétaire...pas bien !

Sans vouloir faire mon chieur, si tous tes codes sont comme ça je vais probablement les éviter à l'avenir... Firefox est désormais aussi populaire que IE, on ne peut plus se permettre de coder que pour un seul navigateur.
Moi ce que j'en dis hein...

Commentaire de grarestephane le 08/04/2009 06:48:15

Je connais pas Firefox, personnellement j'ai jamais eu de problème avec Internet Explorer j'ai la version 8 et je travail que sous IE. IE est vraiment très bien. OK Les versions 6 et antérieurs étés très en retard comparé à Firefox mais maintenant il faut que tout le monde reviennent sous IE car c'est vraiment très bien ! La preuve, chez moi ça marche... A méditer.

Commentaire de lgh le 08/04/2009 14:09:09

Salut,
Sans vouloir entrer dans la polémique, click() fonctionne avec opéra et est réputé fonctionner sur netscape...
Sont à essayer blur(), focus(), select()...

 Ajouter un commentaire




Nos sponsors


Sondage...

Comparez les prix

CalendriCode

Mars 2010
LMMJVSD
1234567
891011121314
15161718192021
22232425262728
293031    

Consulter la suite du CalendriCode

 
Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel (EBArtSoft), Merci à Vincent pour ses précieux conseils.
CodeS-SourceS.com© Toute reproduction même partielle est interdite sauf accord écrit du Webmaster
CodeS-SourceS.com© est une marque déposée tous droits réservés

Google Coop CodeS-SourceS Google Coop CodeS-SourceS
Temps d'éxécution de la page : 0,952 sec (4)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales