web2.0 팝업?

Question

내가 필요로하는 사이트는 사용자가 외부 웹 사이트로 연결되는 링크를 클릭 할 때 사용자가 확인해야합니다 (이유는 묻지 않습니다.)

클라이언트는 일종의 팝업 상자를 원합니다. 그러면 "정말로 가고 싶니?" 예 또는 아니오 버튼 2 개가 있습니다.

지금까지 클래식 브라우저 팝업에서이 모든 작업을 수행했습니다. JS가 꺼져 있으면 ahref 링크를 그대로 두는 것이 실제로 정상적으로 저하되었습니다. 내 질문은 ...이 일을하는 또 다른 방법은 평범한 '진절머리 나는 팝업보다 좀 더 펑키 한가?

내가 thickbox 실험을하고 있었어요 일부 JQuery sliders하지만 즉시 해제로 자바 스크립트

A)에는 "팝업" B)가 감사를 가기로했는데 어디에 더 이상 포인트도 링크가 없습니다 더 이상 작동하지 않는 "팝업"을 활성화하는 데 필요한 마크 업에

아이디어 나 생각이 있으십니까? : P

Answer 1

는 대답은 Thickbox와 사용하는 것이 었습니다 :

<a href="http://www.whatever.com" onclick="tb_show('Warning', 'ajax.html?height=300&width=440', 'thickbox');return false"> 

그런 다음 당신이 ajax.html (또는 무엇이든)와 디스플레이를 retreive 수 있습니다. 당신이 버튼을 사용하여 Thickbox와를 닫으려면, 그냥 추가 :

<a href="#" onclick="tb_remove()"> 

Answer 2

많은 옵션을 사용할 수 있으므로 jQuery UI의 dialog component을 선택합니다.

$("a.outside").click(function(){ 
    openPopupWithThickbox(); 
    var result = getResultFromThickbox(); 
    return result; 
}); 

이 사용자가 번호를 클릭하면 활성화에서 링크를 방지 할 수 있지만, 사용자가 사이트를 떠나하고자하는 경우 작동합니다 : 당신이 무엇을해야

Answer 3

이 같은 것입니다.

물론 정상적으로 저하됩니다.

Answer 4

내가 jQuery를 사용하여 페이지에이 작업을 수행하는 요청이 들어,이 함께했다 : HTML로

jQuery(function() { 
    jQuery('#warn-dialog') 
    .dialog({ 
     autoOpen: false, 
     modal: true, 
     buttons : { 
     'Yes' : function() { 
      document.location.href = jQuery('#email-link').attr('href'); 
     }, 
     'No' : function() { 
      jQuery('#warn-dialog').dialog('close'); 
     } 
     } 
    }); 
    jQuery('.warn-link').click(function (event) { 
    event.preventDefault(); 
    jQuery('#warn-dialog').dialog('open'); 
    }); 
}); 

같은 :

<div id="warn-dialog" class="ui-helper-hidden" title="Warning"> 
    <p>Are you sure you want to leave?</p> 
</div> 

<p> 
    <a class="warn-link" href="http://link1.com">link1</a> 
    <a class="warn-link" href="http://link2.com">link2</a> 
</p>