Как создать всплывающее окно (хороший вид) - PullRequest
3 голосов
/ 09 декабря 2008

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

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

Спасибо

Дополнительные сведения. Мое всплывающее окно будет исходить из кода javascript из iframe в любом домене. Я знаю, это звучит так, как будто я создаю рекламу ... но на самом деле это не так. Если это имеет какое-либо значение, домен iframe и домен всплывающих окон совпадают.

1 более подробно, я хочу сделать то же самое, что делает «Facebook Connect» ... если вы не вошли в Facebook, они позволяют вам войти в Facebook из любого домена, показывая всплывающее сайт этого домена. Например, перейдите к любой статье на techcrunch.com и используйте Facebook Connect, чтобы комментировать. Убедитесь, что вы вышли из Facebook и увидите, о чем я говорю.

Ответы [ 5 ]

4 голосов
/ 09 декабря 2008

Взгляните на этот сайт.

С него скопирован некоторый код:

<script language="javascript" type="text/javascript">
<!--
function popitup(url) {
    newwindow=window.open(url,'name','height=200,width=150');  
    if(!newindow){
        alert('We have detected that you are using popup blocking software...');}
    if (window.focus) {newwindow.focus()}
    return false;
}

// -->
</script>

И вы ссылаетесь на него с помощью:

<a href="popupex.html" onclick="return popitup('popupex.html')">Link to popup</a> 
1 голос
/ 09 декабря 2008

Пример Шона хорош, но вы все равно можете определить, заблокировано ли всплывающее окно следующим образом:

<script language="javascript" type="text/javascript">
<!--
function popitup(url) {
newwindow=window.open(url,'name','height=200,width=150');
if(!newwindow){
 alert('We have detected that you are using popup blocking software...');}

if (window.focus) {newwindow.focus()}
return false;
}

// -->
</script>
0 голосов
/ 04 августа 2016

Это как создать всплывающее окно ..

<!DOCTYPE html>
<html>
<body>

<button onclick="openWin()">Open "myWindow"</button>
<button onclick="closeWin()">Close "myWindow"</button>

<script>
var myWindow;

function openWin() {
    myWindow = window.open("", "myWindow", "width=200,height=100");
    myWindow.document.write("<p>This is 'myWindow'</p>");
}

function closeWin() {
    myWindow.close();
}
</script>

</body>
</html>
0 голосов
/ 14 апреля 2011

Блокировщики всплывающих окон не вступают в силу, если они отображаются при явном действии пользователя, таком как ссылка или нажатие кнопки. Даже если ваш браузер настроен с заблокированными всплывающими окнами, окно подключения Facebook по-прежнему отображается. Это потому, что кнопка подключения была нажата пользователем. Не имеет значения, даже если домен текущего сайта и сайт во всплывающем окне отличаются.

0 голосов
/ 09 декабря 2008

Если ваши пользователи используют IE, а ваш сайт находится в надежных сайтах, блокировщик всплывающих окон будет отключен.

Это помогает?

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...