Закройте окно с onmouseout

Question

Я пытаюсь сделать простую страницу, когда вы наводите указатель мыши на popUp, и когда вы выталкиваете мышь из окна, она закрывается. Мой код довольно прост, но не работает.

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

И Javascript код:

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