Ajouter et supprimer des fichiers dans une liste

Soyez le premier à donner votre avis sur cette source.

Vue 4 652 fois - Téléchargée 479 fois

Description

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 / Exemple :


<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à.

Codes Sources

A voir également

Ajouter un commentaire

Commentaires

cs_lgh
Messages postés
41
Date d'inscription
vendredi 23 mai 2003
Statut
Membre
Dernière intervention
8 avril 2009
-
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()...
grarestephane
Messages postés
34
Date d'inscription
mercredi 12 décembre 2007
Statut
Membre
Dernière intervention
6 décembre 2009
-
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.
Tetsuoo2005
Messages postés
9
Date d'inscription
mardi 21 décembre 2004
Statut
Membre
Dernière intervention
7 avril 2009
-
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...
grarestephane
Messages postés
34
Date d'inscription
mercredi 12 décembre 2007
Statut
Membre
Dernière intervention
6 décembre 2009
-
J'espère que ce petit script sera utile au débutant

Vous n'êtes pas encore membre ?

inscrivez-vous, c'est gratuit et ça prend moins d'une minute !

Les membres obtiennent plus de réponses que les utilisateurs anonymes.

Le fait d'être membre vous permet d'avoir un suivi détaillé de vos demandes et codes sources.

Le fait d'être membre vous permet d'avoir des options supplémentaires.