Всплывающие окна javascript

Несмотря на то, что нынче всплывающие окна, вызываемые методом window.open считаются дурными тоном на сайте, есть места, в которых без них просто не обойтись. Примером такого использования является например музыкальное сопровождение на сайте (когда необходимо чтоб при заходе на сайт музыка включалась и не перегружалась после перехода по внутренним страницам. Но такие окна во всех современных браузерах блокируются, по этому я хочу показать не только как создать такое окно, но и как момочь юзеру его всётаки разрешить ему «всплыть».

Для создания окна воспользуемся стандартным методом open для объекта window

1
2
3
4
<script type="text/javascript">
var wind;
wind = window.open("player.php", "mywin", "width=152,height=37,top=0");
</script>

Но такую попытку любой браузер заблокирует, а большенство пользователей просто не захотят/не догадаются включить. По этому мы поможем догадаться пользователю следующим кодом :)

1
2
3
4
5
if (wind) {
    wind.focus();
} else {
    alert('Отключите блокировщик если хотите прослушать музыкальное сопровождение');
}

Обращаю ваше внимание на то, что пр создании окна стандартно включенны все его элементы, но при задании хотябы одного свойства в ручную все они пропадают и остаются только заданные, которые необходимо вписывать без пробелов!




Рекомендуем почитать

 

Добавить комментарий


Ваше имя:


Комментарий:


Введите: Картинка