2013-06-06 15 views
15

私は簡単な質問があります。私は次のコードを持っています:アラートボックスでのリンクjavascript

alert("Are you sure you want to add: \n" + redirURL + "?"); 

変数redirURLは実際の作業URLです。私は

が警告ウィンドウでクリック可能なリンクを置くことはできませんことを事前

+1

可能重複(http://stackoverflow.com/questions/ 966848/can-i-link-in-a-message-in-javascript) –

答えて

5

と方法です。 urlを置く場合は、jqueryのダイアログ関数を使用してURLを設定できます。ここではいくつかのコード例は次のとおりです。[?私はJavaScriptでメッセージボックスにリンクを組み込むことができます]のhttp://jqueryui.com/dialog/#default

3

でお願いします「クリック可能」になりたいです。 あなたができる最も近いものは、このように、モーダルウィンドウを使用している:あなたは、標準alert()ボックスでクリック可能なURLを置くことができないhttp://twitter.github.io/bootstrap/javascript.html#modals

2

。その代わりに、HTMLポップアップである「ライトボックス」を使用することができます。利用可能な数はいくつでもあり、サイト/アプリケーションの残りの部分に適したものを選択する必要があります。

2

私が気づいている「標準」ウェブブラウザでは不可能です。

jQuery UI's dialogのようなより堅牢なアプローチを使用することをおすすめします。

1

使用しているwindow.alertでは不可能です。代わりに、bootstrapまたはjquery ui dialogのモーダルプラグインのようなダイアログプラグインを試すことができます。あなたのハイパーリンクはhtmlであり、警告ボックスはブラウザのjavascriptによって生成されたブラウザの非htmlコンポーネントです。

アラートダイアログは、メッセージの確認応答以外に、ユーザー側で応答を必要としないメッセージに対して使用する必要があります。

Reference

0

これは、あなたが唯一のアラート機能でテキストを表示することができますjQueryのダイアログ

<html> 
    <head> 
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> 
    <style></style> 
    </head> 
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script> 
    <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.23/jquery-ui.min.js"></script> 
<script src='template/js/jquery.textarea-expander.js'></script> 
<link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="stylesheet" type="text/css"/> 
<script type="text/javascript"> 
// <---- VENTAÑAS DE PARAMETERES----> 
$(document).ready(function() { 
var regex,v,l,c,b,i,contapara=3; 




$("#wnd_Addparam").dialog({ 
      autoOpen: false, 
      height: 'auto', 
      width: 350, 
      modal: true, 
      resizable:false, 
      buttons: { 
       "Link": function() { 
        location.href="http://stackoverflow.com/questions/16973240/link-in-alert-boxes-javascript"; 
    return false; }, 
       Cancel: function() { 
       $(this).dialog("close"); 
       } 
      }, 
      close: {} 
     }); 


       $("#wnd_Addparam").dialog("open"); 


        }); 
</script> 
    <body> 

<div id="wnd_Addparam" title="Information" ></div> 
</body> 
</html> 
15

使用window.confirmの代わりalert

if (window.confirm('If you click "ok" you would be redirected . Cancel will load this website ')) 
{ 
window.location.href='https://www.google.com/chrome/browser/index.html'; 
}; 
+0

どうすれば新しいウィンドウを開くことができますか? – nzaleski

関連する問題