CLEAR D'UN INPUT FILE

Commentaire de XtremDuke le 24/10/2008 17:09:54

Suis pas très fan d'avoir une variable d'enviro qui peut-être me servira jamais. Pourquoi ne pas faire tout le traitement lors du clear ?

Commentaire de XtremDuke le 24/10/2008 17:51:11

var T_Clone = new Array(); // Tableau des clones du document

Est-ce vraiment nécessaire ?

Avec le "peu" d'actions qu'il y a, ne peut-on pas exécuter l'ensemble lors de l'événement Clear ?

Commentaire de Arto_8000 le 25/10/2008 01:46:38

Utiliser un input de type reset n'est pas suffisant ?

Commentaire de LeFauve42 le 27/10/2008 08:51:15

Tu peux creer un input vide avec quelques lignes de Javascript en utilisant le DOM (beaucoup moins enutilisant prototype ou n'importe quel framework de base).

Voire meme, pour une solution quick and dirty, si tu mets ton input dans un div ou un span avec un id "x", tu dois pouvoir t'en sortir avec un truc aussi simple que:
var container=document.getElementById('x');
if(container) container.innerHTML = '<input name="yyy", type="file">';

Eric

Commentaire de bultez le 27/10/2008 14:16:05

bonjour,

fallait y penser, le concevoir et l'écrire !
très instructif ( adapter ce principe pour
     d'autres 'applications' peut servir )
du coup... d'autres pistes apparaissent pour effacer
   le contenu d'un input file :
   celle proposée par LeFauve ( remplacer l'innerHTML
      d'un div ) semble elle aussi "intéressante"
      et peut convenir.
Bul.

Commentaire de LeFauve42 le 27/10/2008 15:41:55

Tres elegante solution XtremDuke !

Mais si tu vas par la, est-ce que tu es vraiment oblige de cloner l'input ? Ne serais-ce pas possible simplement de changer son form pour la reseter et ensuite la reassigner au bon form. Quelque-chose comme ca :

function clearFile(input){
var oldForm = input.parentNode;
var tmpForm = document.createElement('form');
tmpForm.style.display = 'none';
document.body.appendChild(tmpForm);
tmpForm.appendChild(input); // Le appendChild() detache l'input de son ancien parent
tmpForm.reset();
oldForm.appendChild(input);
tmpForm.parentNode.removeChild(tmpForm);
}

Je ne suis pas non plus sur que le form temporaire doive etre rattache au body pour pouvoir etre resete, ce qui ferait encore plus court...

Enfin, ca reste bien plus long qu'avec innerHTML ;o)

Commentaire de nickadele le 27/10/2008 16:23:39 administrateur CS

XtremDuke,

"Il se peut même qu'il ne soit pas dans un formulaire." >> ok mais dans ce cas cela n'as plus aucun sens, quel est l'intérêt d'un input file s'il n'est pas dans un formulaire ?

Nickadele

Commentaire de PetoleTeam le 27/10/2008 18:54:48

-> LeFauve42
...quick and dirty pas sur...
de passer par innerHTML n'est pas aussi simple que cela car il te faut au préalable récupérer les attributs pour en faire une vrai copie.
Ceci m'améne à dire

-> nickadele
selon mes test, la class et tous les attributs sont clonés même les plus olé olé...
mon souhait était bien, comme toujours, de s'affranchir des caprices des différents browsers

-> XtremDuke
mais pourquoi n'ai je pas poussé mon raisonnement jusqu'au bout et utilisé la méthode reset des FORMs,
juste une chose je passerai l'ID de l'imput en paramètre et non l'objet lui même.

-> LeFauve42
cela ne marche pas car dans ce cas l'input est ajouté à la fin, ce qui n'est pas le but recherché.

CONCLUSION
La vrai seule solution élégante et rapide est celle de XtremDuke.
Créer un fonction et passez la au XtremDuke_ZIPPEUR et vous verrez le résultat...
encore bravo...

Commentaire de PetoleTeam le 07/11/2008 12:03:30

Bonjour,
pas sur d'avoir tout compris...
La solution d'XtremDuke restant à mon goût toujours la meilleure.
;O)