2013-06-29 3 views
0

SCRIPTКак прикрепить всплывающее окно на странице

<SCRIPT TYPE="text/javascript"> 
    <!-- 
    function popup(mylink, windowname) 
    { 
     if (! window.focus)return true; 
     var href; 
     if (typeof(mylink) == 'string') 
      href=mylink; 
     else 
     href=acc_like; 
     window.open(href, windowname, 'width=400,height=200,scrollbars=yes'); 
     return false; 
    } 
    //--> 
</SCRIPT> 

HTML

<BODY onLoad="popup('autopopup.html', 'ad')"> 

Я получаю всплывающее окно, но я не хочу, чтобы свести к минимуму, когда пользователь щелкает далеко за пределами Это.

+2

Если вы хотите, чтобы он статический на вашем сайте, чем вы не должны создать новые окна. Вы можете вставить его в существующее окно –

+0

Пример? Пожалуйста, – Johan

+0

Это примечание возможно без кода или знания вашего сайта. Возможно, вы хотите открыть новый html-файл в iframe. –

ответ

1

На мой взгляд, вы должны использовать jquery dialog, чтобы получить то, что вы хотите, ниже образец (попробуйте на jsFiddle):

<!DOCTYPE html> 

<html> 
<head> 
    <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.2/themes/smoothness/jquery-ui.css" /> 

    <script src="http://code.jquery.com/jquery-1.9.1.js"></script> 
    <script src="http://code.jquery.com/ui/1.10.2/jquery-ui.js"></script> 
    <script type="text/javascript"> 
     $(document).ready(function() { 
      $("#dialog-form").dialog({ 
       modal: true <!-- is background page responsive or not --> 
      }); 
     }); 
    </script> 
</head> 
<body>  
    Background information 
    <div id="dialog-form" title="Hello">Basic information</div> 
</body> 
</html>