参照ボタンの代わりにリンクを使用してファイルを添付するにはどうすればよいですか？

Question

次のようなフォームがあります：

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

そしてそれに付随する関連するjavascript。

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);
}

これはIEではうまく機能しますが、FireFox 3.5.1ではまったく機能しません。 FF 3.5.1以降でdhtml / javascript（Flash以外など）を使用して同じ結果を得る別の方法はありますか？

CSSを使用して、「添付ファイル」をドレスアップできます。リンクが、FireFoxがフォームに配置する参照ボタンのレイアウトを変更することはできません。 IEソリューションでは、プロキシを介してボタンをクリックしてファイルを参照できますが、FireFoxでは機能しません。

事前に感謝、-peter

Answer 1

探しているものは次のとおりです

入力タイプのスタイリング= quot; file＆quot;