没有地址栏的弹出窗口

我似乎记得现在的浏览器试图阻止隐藏弹出窗口的地址栏,但有办法解决这个问题..

目前我正在使用此代码:

<script language="javascript">
    var popupWindow = null;
    function centeredPopup(url,winName,w,h,scroll){
        LeftPosition = (screen.width) ? (screen.width-w)/2 : 0;
        TopPosition = (screen.height) ? (screen.height-h)/2 : 0;
        settings = 'height='+h+',width='+w+',top='+TopPosition+',left='+LeftPosition+',scrollbars='+scroll+',resizable'
        popupWindow = window.open(url,winName,settings)
    }
</script>

<img onClick="centeredPopup('test.php','test','400','400','yes');return false" src="test.png">

在Safari浏览器中,弹出窗口显示没有地址栏,但在Chrome浏览器中,IE11和Firefox显示地址栏。

无论如何,这可以与我列出的所有浏览器中的地址栏一起使用,还是可以使用其他代码完成? javascript,jquery,php?

我所追求的只是一个简单的弹出窗口,它以特定的大小开始,但如果需要的话,它可以移动,可调整大小和滚动。

谢谢

**更新**

我有这种工作。 该对话框出现滚动条,但我无法滚动。

有任何想法吗 ? 这FIDDLE显示我的意思。


也许我出错了,但以防万一:你提供的小提琴在HTML中设置滚动为“no”。 一旦它设置为“是”,它的滚动完美:)

<div id="dialog" style="display:none;" title="Dialog Title"><iframe frameborder="0" scrolling="yes" width="100%" height="100%" src="http://google.about.com/"></iframe></div>

你可以做类似的事情:

<a class="test" href="www.somesite.com">Test</a> 
<div id="somediv-wrap">
  <div id="somediv">

  </div>
</div>

<script>
    $(document).ready(function() {  

        $("#somediv-wrap").dialog({
                  autoOpen: false,
                   width: 400, 
                   height:200,
                   modal: true
                  });  

        $(".test").click(function(event)
          {
              event.preventDefault();
              var link = $(this).attr('href');

              $("#somediv").load(link,function(){
               $( "#somediv-wrap" ).dialog( "open" );   
              });                        
      });
   });
</script>

你创建对话框,当它打开时,从你的服务器加载一个html文件,替换你的对话框中<div id="somediv"></div>内容<div class="somediv-wrap"/>

链接地址: http://www.djcxy.com/p/70287.html

上一篇: PopUp window with no address bar

下一篇: go to another url without reloading page