Comment utiliser un lien au lieu du bouton Parcourir pour joindre un fichier?

Question

J'ai un formulaire du type suivant:

<form id="submit_idea" name="submit_idea" method="post" action="">
  <a class="attach" title="Attach a file" onclick="clickAttachment()"
     href="javascript:void(0)">Attach File</a>
  <span id="id_filename"/>
  <input id="id_attachment" type="file" name="attachment"/>
  <input class="submit_btn" type="image" alt="Submit Idea" src="/static/img/submit_idea.png"/>
</form>

Et le javascript associé qui l'accompagne.

function updateAttachment() {
    var val = $("#id_attachment").attr("value");
    if (val) {
        var name = val.split('\\');
        $("#id_filename").html(name[name.length - 1]);
    }
    else {
        setTimeout(updateAttachment, 500);
    }
}

function clickAttachment() {
    jQuery('#id_attachment').click();
    setTimeout(updateAttachment, 500);
}

Cela fonctionne très bien pour IE, mais pas du tout pour FireFox 3.5.1. Existe-t-il un autre moyen d’obtenir le même résultat dans FF 3.5.1 ou version ultérieure en utilisant simplement dhtml / javascript (pas de Flash, etc.)?

Nous pouvons utiliser CSS pour habiller le " Joindre un fichier " lien, mais nous ne pouvons pas modifier la disposition du bouton de navigation que FireFox met en place pour le formulaire. La solution IE nous permet via un proxy de cliquer sur le bouton pour rechercher un fichier, mais cela ne fonctionne pas sous FireFox.

Merci d'avance, -peter

Answer 1

Voici ce que vous recherchez, je crois

Mise en forme d'un type d'entrée = >