Ajouter et supprimer des fichiers dans une liste

Télécharger le projet
Commenter

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à.
Télécharger le projet

Codes Sources

A voir également

S'inscrire maintenant

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.

Du même auteur (grarestephane)