2011-12-07 8 views
1
<button type="submit" id="start-break" name="start" type="button" class="actv-btn-dft1 blbg" onClick="showhide('start-break', 'stop-break');return false;" title="Start Break">Start Break</button> 
<button type="submit" id="stop-break" type="button" class="actv-btn-dft1 orbg" onClick="showhide('stop-break', 'start-break');return false;" style="display:none" title="Stop Break">Stop Break</button> 

私はスタートボタンをクリックしてからボタンをクリックすると、開始ボタンがクリックされて表示されます。私は開始の値を取得することはできないのですか、なぜ知っている私が欲しいJavaスクリプトOnclickと提出が連携していません

function showhide(hideid,showid) 
{ 
document.getElementById(showid).style.display='block'; 
document.getElementById(hideid).style.display='none'; 
} 

、以下のようにJavaScript関数(「ストップ・ブレイク」「ブレークを開始」)showhideを使用しています

コントローラーで停止してください。

- >私はonclickの私はそれが提出されたがUIを妨げます取得するにはfalseを返す削除する場合は、事前に

感謝を(ストラトがクリックされたときにボタンが停止位置に残っていません)!

+0

コードは正常です。コンソール上でJavaScriptエラーが発生していますか? – aldrin

+0

"コントローラの開始値または停止値"とはどういう意味ですか? – Bergi

答えて

3

return false;は送信をブロックしています。フォームが送信されると、もちろん、フォームはフォーム送信要求の応答で更新されます。

ボタンを表示/非表示にJSを使用しないでください。このため、サーバー側の言語を使用してください(あなたのプロフィールや編集履歴をもとに、あなたは「J2EE」を使用しているので、あなたは、JSPに精通して):

<c:if test="${empty param.start}"> 
    <button type="submit" name="start">Start</button> 
</c:if> 
<c:if test="${not empty param.start}"> 
    <button type="submit" name="stop">Stop</button> 
</c:if> 

代替は、フォームを送信するためのAjaxを使用することです。しかし、それはまったく別の話です。

+0

ありがとうbalusC! あなたのアイデアは素晴らしかったです。問題を理解してくれたことに感謝します。代わりにを使用しました。 – Meenakshi

+1

ようこそ。あなたがここでは新しいので、問題を解決するのに最も役立ったときは常に、答えをマークすることを忘れないようにしてください。 http://meta.stackexchange.com/questions/5234/how-does-accepting-an-answer-work/5235#5235も参照してください。 – BalusC

1

を、showHide()の末尾に「onclick」という属性の代わりに入れてみましたか?私が誤解されていないなら、1つのインライン属性に複数のjavascript文を持つことは想定されていません。

+0

実際に複数のステートメントをインラインに含めることができます – aldrin

+0

これは、HTML要素からJSを引き出し、イベントリスナーを '

  • 11. 2つのスクリプトが連携していません
  • 12. IE7/IE8 Z-index連携していません。提案?
  • 13. default_target_pathがFOSUserBundleと連携しません
  • 14. SweetAlert2フォーム提出時の確認がCodeigniterと連携しない
  • 15. WgetとcURLがWikipediaと連携していません
  • 16. GoogleシートFILTER()とQUERY()がSUM()と連携していません
  • 17. Import()とimport *が連携していません。ノードとのWebPACK
  • 18. JavascriptがSelenideとPhantomJSと連携していません
  • 19. ウェブワーカーがonclickと連携していない
  • 20. $がすべて配列と連携していません
  • 21. ネストしたアグリゲーションがAggregationContainerと連携していません
  • 22. セロリーモニタリングがデータベースブローカと連携していません
  • 23. SpringブートデータREST、HATEOASがカスタムコントローラと連携していません
  • 24. Flash Player - osmfがf4mと連携していません
  • 25. SQL Selectクエリがアクセスフォームと連携していません
  • 26. FluentマッピングとSpring .NETトランザクションが連携していません
  • 27. PHP $ _FILESがJQuery Jsonと連携していません
  • 28. CodeigniterがVerotと連携していません。class.upload
  • 29. アイテムローダーがresponse.metaと連携していません
  • 30. kubeadmとweaveが連携していません