onmouseout을 사용하여 창 닫기

Question

팝업 위로 마우스를 가져 가면 팝업이 나타나고 창 밖으로 마우스를 가져 가면 닫히는 간단한 페이지를 만들려고합니다. 내 코드는 간단하지만 작동하지 않습니다.

article class="news" onmouseover="openWindow();" > 
    #some html code here 
</article> 

그리고 자바 스크립트 코드 :

<script type="text/javascript"> 
    function openWindow(){ 
     mywin=window.open('','','width=200,height=100, left=650 top=300'); 
     mywin.document.write("<p>This is 'myWindow'</p>"); 
     mywin.document.setAttribute('onmouseout="closeWindow();"') 
    } 
    function closeWindow(){ 
     mywin.close(); 
    } 

</script> 

그래서 openWindow의()는 잘 작동하지만 closeWindow하지 않습니다. 어떻게 할 수 있습니까?

미리 감사드립니다.

Answer 1

이 창을 숨길 수있는 올바른 방법은 아니지만 난 그냥 질문에 따라 코드를 편집 할 수 있습니다.

function openWindow(){ 
     mywin=window.open('#','','width=200,height=100, left=650 top=300'); 
     mywin.document.write("<p onmouseout='window.close()'>This is 'myWindow'</p>"); 
} 
function closeWindow(){ 
    mywin.close(); 
} 

대신 창을 열면 jquery 플러그인이나 다른 사용자 정의 코드를 시도해야합니다.

Answer 2

실제 창을 사용하는 대신 JQuery 대화 상자 창을 사용할 수 있습니까? 이것은 순수한 HTML의 팝업을 만드는 데 선호되는 방법입니다.

http://jqueryui.com/dialog/