2012-03-12 16 views
9

JavaScript確認ボックスにHTMLコードを挿入することはできますか?html in javascript confirm box?

私はちょうど私が、私はこれを取得するためにこのような"jquery-ui's dialog"としてライブラリを使用する必要があります疑い

<html> 
    <head> 
    <script type="text/javascript"> function show_alert() { confirm(<a href="www.url.com">Link text</a>); } </script> 
    </head> 
    <body> 
    <input type="button" onclick="show_alert()" value="Show alert box" /> 
    </body> 
</html> 

以下の私のコードを参照して、(私はHTMLリンクを追加しよう)動作するようには思えない&を試してみました

+1

私はちょうどjQuery-UIダイアログか代替を使用します。組み込みの確認/警告ボックスから移動します。あなたはこのように多くの機能を得るでしょう。 –

答えて

11

alert()、confirm()、およびprompt()ボックスにのみプレーンテキストを挿入できます。

1

の確認ボックスにHTMLを含めることはできません。

あなたは、ダイアログjqueryプラグインを使用する必要があると思います。

確認/警告ボックスと同様の効果を得るには、[モーダル]ダイアログボックスを作成する必要があります。

2

いいえ、アラート機能ではできません。

ただし、htmlコードでボックスを確認する場合は、<div>を絶対位置で追加することができます。画面には、必要なhtmlが含まれます。

1

HTMLは解析されず、confirmボックスに表示されません。

0

Jqueryを使用できる場合は、以下のコードを試してください。これにより、要件に応じてコードを動作させることができます。 JavaScriptで

関数の定義:

<div id="confirmboxpopup" class="confirmboxpopup" style="display: none"></div> 
<div id="confirmbox" class="confirm_message"> 
     <div id="confirmboxtitle" class="title"></div> 
     <div id="confirmboxmessage" class="message"></div> 
     <div id="confirmbuttons" style="float: right; padding-top: 7px"> 
      <button id="confirmboxok" type="button">ok</button> 
      <button id="confirmboxcancel" type="button">cancel</button> 
     </div> 
    </div> 

呼び出す機能:

<script> 
     function ConfirmMessage(title, message) { 
      $('#confirmboxpopup').fadeIn(500, function() { 
       $('#confirmbox').animate({ 'top': '100px' }, 50); 
      }); 
      $('#confirmboxtitle').html(title); 
      $('#confirmboxmessage').html(message); 
      $('#confirmbox').show(50); 
      $('#confirmboxok').attr('onclick', okFunction()); 
      $('#confirmboxcancel').attr('onclick', onCancelClickFunction()); 
     } 

     function okFunction() 
     { 
      'enter code here to implement next step if user agree' 
     } 

     function onCancelClickFunction() 
     { 
      'enter code here to fadeout for id #confirmboxpopup to remove popup.' 
     } 
</script> 

はidを持つHTMLのタグを定義 あなただけのようなパラメータでConfirmMessageを呼び出す必要があります「ConfirmMessage(タイトル、メッセージ) "

+0

これは同期プログラムの流れではなく、 'ConfirmMessage'はユーザの選択に応じて' true'または 'false'を返すことができません。 –