PopUp окна без адресной строки

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

В настоящее время я использую этот код :

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

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

Благодаря

** UPDATE **

У меня есть этот вид работы. Диалоговое окно появляется со строками прокрутки, но я не могу прокручивать.

Любые идеи? Это 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

Возможно, я получаю что-то не так, но на всякий случай: Fiddle, который вы предоставили, установил прокрутку в «нет» в 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

PopUp окна без адресной строки

ответ

Смежные вопросы