2012-03-12 30 views
9

Có thể chèn mã HTML vào hộp xác nhận JavaScript không?html trong javascript xác nhận hộp?

Tôi chỉ cố gắng & nó dường như không làm việc (tôi cố gắng thêm một liên kết HTML), xem mã của tôi dưới đây

<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> 

tôi nghi ngờ tôi có thể phải sử dụng một thư viện như "jquery-ui's dialog" để có được điều này đang làm việc

+1

Tôi sẽ chỉ sử dụng Hộp thoại jQuery-UI hoặc cách khác. di chuyển ra khỏi hộp được xác nhận/cảnh báo được tích hợp sẵn. Bạn sẽ nhận được nhiều chức năng hơn theo cách này. –

Trả lời

11

Bạn chỉ có thể chèn văn bản thô vào các hộp cảnh báo(), xác nhận() và nhắc().

1

Không thể bao gồm HTML trong các ô xác nhận js.

Bạn đang nghĩ đúng là bạn sẽ phải sử dụng hộp thoại jquery plugin.

Để có hiệu ứng tương tự như hộp xác nhận/cảnh báo, bạn sẽ phải tạo hộp thoại Phương thức.

2

Không, không thể thực hiện chức năng cảnh báo.

Tuy nhiên, nếu bạn muốn xác nhận hộp bằng mã html, bạn có thể thêm <div> với vị trí tuyệt đối trên màn hình, có thể chứa bất kỳ html nào bạn muốn.

1

HTML sẽ không được phân tích cú pháp và hiển thị trong hộp confirm.

0

Nếu bạn có thể sử dụng Jquery hãy thử mã dưới đây, điều này có thể cung cấp cho bạn khả năng để làm cho mã làm việc theo yêu cầu của bạn.

định nghĩa hàm trong javascript:

<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> 

Xác định thẻ trong HTML với id:

<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> 

chức năng kêu gọi: bạn chỉ cần gọi ConfirmMessage với các thông số như "ConfirmMessage (tiêu đề, thông điệp) ".

+0

Đây không phải là luồng chương trình đồng bộ, 'ConfirmMessage' của bạn không thể trả về' true' hoặc 'false' theo lựa chọn của người dùng. –

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