2016-07-25 14 views
0

私は非常に一般的な問題ですが、奇妙な動作をしています。私の間違いや解決策を取り除くことを願っています。 ボタンをクリックしてフォームの提出時に画像を表示しようとしています。私は私のJSPページで単純なhtmlsとjavascriptを使用しています。以下はあなたの参照のためのコードである -Safari 7/8/9にフォームが表示されていません。

<input type="button" onClick="submitForm('myaction','mycontext')" /> 

<div id="progressBar" style="display:none;"> 
<img id="gifimg" src="../images/load.gif"> 
</div> 

function submitForm(action, originalContext){ 
    document.getElementById('progressBar').style.display='block'; 
    document.forms[0].action = document.forms[0].action + "?method=" + action + "&originalContext=" + originalContext; 
    document.forms[0].submit(); 
    return; 
} 

ISSUE - コードの上にそれぞれマック10.9、10.10、10.11にサファリ7、8、9除いて宇宙に完全に正常に動作します。もし誰かがそれを見て、示唆することができれば本当に感謝します。ありがとう:)

答えて

0

ブラウザはonClick属性に怒っていますか?

<input id="fibble" type="button" value="click"> 

<div id="progressBar" style="display:none;"> 
loading 
</div> 


document.getElementById('fibble').addEventListener('click', submitForm); 

function submitForm(action, originalContext){ 
    document.getElementById('progressBar').style.display='block'; 
    return; 
} 
+0

お返事ありがとうございます。 addEventListenerは機能していません。 attachEventもありません。 私の元の質問に戻って、 "document.form [0] .submit();"を削除するとイメージを読み込むことができますが、フォームは送信されません。何かヒント? – Nilamkumar

+0

ああ、私はそれを得ると思います。これは古典的な "フォームを送信するが、ページを更新しない"問題です。あなたがGoogleにあれば、jQueryを使ったたくさんのバージョンが見えます。 しかし、ここでhttps://developer.mozilla.org/en-US/docs/Web/API/FormDataから始めて読んでみると、このクールなオブジェクトについて簡単に学べますフォームをAJAX経由で実行します。 – Will

関連する問題