沒有地址欄的彈出窗口

我似乎記得讀的是現代瀏覽器試圖阻止彈出式窗口的地址欄隱藏，但也有解決這個方法..沒有地址欄的彈出窗口

目前我使用這個代碼：

<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顯示我的意思。

來源

2014-02-10 MacMan

您可以使用https://jqueryui.com/dialog的實施開始於一個特定的大小簡單的彈出窗口，是可移動的，可實現的和可滾動.. – Manoj

感謝可以加載一個外部頁面，並從圖像鏈接調用？ – MacMan

在下面找到您的查詢的答案。 – Manoj

-1

你可以做同樣的事情：

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

來源

2014-02-10 09:28:07 Manoj

謝謝 - 對不起，我應該說我想加載的頁面是本地的。我試過編輯它，它似乎並不想加載它。我也看到了一個覆蓋圖顯示，我不需要我希望用戶能夠與頁面交互並使彈出窗口可見。謝謝 – MacMan

也許我錯了，但以防萬一：您提供的小提琴已設置滾動到「否」在HTML中。一旦其設置爲「是」，其完美的滾動:)

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

來源

2014-09-19 04:07:40 TobiasH

沒有地址欄的彈出窗口

回答

相關問題