2013-06-06 29 views
15

Tôi có một câu hỏi đơn giản. Tôi có mã sau:liên kết trong các hộp cảnh báo javascript

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

biến redirURL là url làm việc thực tế. Tôi muốn nó được 'có thể nhấp'

cảm ơn trước

+1

thể trùng lặp của (http://stackoverflow.com/questions/ 966848/can-i-kết hợp-a-liên kết-trong-một-tin-ô-trong-javascript) –

Trả lời

5

Bạn chỉ có thể hiển thị văn bản trong chức năng cảnh báo. Nếu bạn muốn đặt một url, bạn có thể làm điều đó bằng cách sử dụng chức năng hộp thoại của jquery. Dưới đây là một số mã ví dụ: [? Tôi có thể kết hợp một liên kết trong một hộp thông báo trong javascript] http://jqueryui.com/dialog/#default

2

Bạn không thể đặt URL có thể nhấp trong hộp tiêu chuẩn alert(). Thay vào đó, bạn có thể sử dụng "lightbox", là một popup HTML - có bất kỳ số nào trong số chúng sẵn có, và bạn nên chọn một trong số đó phù hợp với phần còn lại của trang web/ứng dụng của bạn.

2

Không thể có trong bất kỳ trình duyệt web "chuẩn" nào mà tôi biết.

Tôi khuyên bạn nên sử dụng phương pháp tiếp cận mạnh mẽ hơn như jQuery UI's dialog.

1

Không thể với window.alert bạn đang sử dụng. Thay vào đó, bạn có thể thử sử dụng các plugin thoại như plugin phương thức từ bootstrap hoặc jquery ui dialog. Siêu liên kết của bạn là một html nơi hộp cảnh báo là thành phần không phải html của trình duyệt được tạo bởi javascript của trình duyệt.

Hộp thoại cảnh báo sẽ được sử dụng cho các thư không yêu cầu bất kỳ phản hồi nào trên một phần của người dùng, ngoài xác nhận của thư.

Reference

0

Đây là một phương pháp với Jquery của Dialog

<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

sử dụng window.confirm thay vì 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

Làm thế nào để bạn mở nó ra một cửa sổ mới? – nzaleski

Các vấn đề liên quan