ASP .NET MVC 5の[確認]ボタンの名前を変更するにはどうすればいいですか？

Question

私はスクリプトタグ内でビューを書きます。ビュー内のメニュー項目をクリックすると、この関数が呼び出されます。

Javaスクリプトの確認（）ボタンの名前を変更します。これどうやってするの ？私はこの状態のJavaスクリプトコードをどのように書くのか分かりません。

は、私は、コードの下に続く

<script type="text/javascript"> 
function myFunction() { 
    var x; 
    if (confirm("Press a button") == true) { 
     x = "You pressed Cancel"; 
    } else { 
     x = "You pressed OK"; 
    } 
} 
</script> 

<li><a><span class="glyphicon glyphicon-log-in" onclick="myFunction()"> </span> Exit</a></li> 

Answer 1

あなたが確認（）または警告（の外観を制御することはできません

ANSWER）のJavascriptダイアログ彼らはネイティブであり、彼らのデザインはOS /ブラウザに基づいています。あなたは何ができるか

：

• 自身のダイアログ
• 拡張/プラグイン
• は、要素

  document.querySelector('#okLI').addEventListener('click', handleClick); 
   
  document.querySelector('#cancelLI').addEventListener('click', handleClick); 
   
  
   
  function handleClick(e){ 
   
      var target = e.target; 
   
      var clickType = target.getAttribute("click-type"); 
   
      if(clickType > 0) 
   
      console.log("CLICKED OK"); 
   
      if(clickType < 0) 
   
      console.log("CLICKED CANCEL"); 
   
  } 
   
  
   
  document.querySelector('#ok').addEventListener('click', clickButton); 
   
  document.querySelector('#cancel').addEventListener('click', clickButton); 
   
  
   
  function clickButton(e){ 
   
      var button = e.target; 
   
      var buttonType = button.getAttribute("button-type"); 
   
      if(buttonType > 0) 
   
      console.log("CLICKED OK"); 
   
      if(buttonType < 0) 
   
      console.log("CLICKED CANCEL"); 
   
  }

  <ul> 
   
      <li id="okLI" click-type="1">OK</li> 
   
      <li id="cancelLI" click-type="-1">CANCEL</li> 
   
  </ul> 
   
  <button id="ok" button-type="1">OK</button> 
   
  <button id="cancel" button-type="-1">CANCEL</button>

  をクリックして自身を構築するために既存のダイアログのjs

WAYを使用します

ボタンを使用する必要はありません。クリックするすべての要素にこれを追加できます。

Answer 2

ご要望に応じて、この機能のjQueryモーダルダイアログを確認してください。

あなたのページに次のCSSとJSを含める必要があります。

<link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">  
<script src="https://code.jquery.com/jquery-1.12.4.js"></script> 
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script> 

あなたのページに次のスクリプトを追加してください。 次のスクリプトでは、「削除」と「キャンセル」の2つのボタンを持つダイアログが表示されます。どちらのボタンもコールバック機能があり、個々のクリックで何をするかを決めることができます。その後、

<script type="text/javascript"> 
    $(function() { 
    $("#dialog-confirm").dialog({ 
     resizable: false, 
     height: "auto", 
     width: 400, 
     modal: true, 
     buttons: { 
     "Delete": function() { 
     // YOUR LOGIC GOES HERE 
      $(this).dialog("close"); 
     }, 
     Cancel: function() { 
      $(this).dialog("close"); 
     } 
     } 
    }); 
    }); 
    </script> 

し、あなたのページに

<div id="dialog-confirm" title="Delete Item?"> 
    <p>Do you want to proceed?</p> 
</div> 

を次のHTMLを追加最後に、あなたはちょうどあなたがダイアログを表示したい場合、機能を以下呼び出す必要があります。例えば、ボタンのクリックでそれをトリガーする ..あなたはそれはあなたがリンクを以下の詳細を見つけることができます

<button type="button" id="btn_delete">Delete</button> 

<script type="text/javascrpt"> 
$("#btn_delete").click(function(){ 
$("#dialog-confirm").dialog("open"); 
}); 
</script> 

を次のように行うことができます。JavaScriptが

jQuery Dialog

それは、ブラウザによって管理されているようあなたは、確認してくださいJavascriptのためのボタンのタイトルの名前を変更することはできませんし、これらのコンポーネントを操作することができます任意のライブラリやプラグインなしはありません を確認してください。