Перейти из форума на сайт.

НовостиФайловые архивы
ПоискАктивные темыТоп лист
ПравилаКто в on-line?
Вход Забыли пароль? Первый раз на этом сайте? Регистрация
Компьютерный форум Ru.Board » Интернет » В помощь вебмастеру » FAQ по созданию всплывающих и диалоговых окон (pop-up/popup)

Модерирует : Cheery

 Версия для печати • ПодписатьсяДобавить в закладки
Страницы: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15

Открыть новую тему     Написать ответ в эту тему

Svarga

Moderator
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
обзор форума » (клиентские скрипты » JavaScript) »  FAQ по окнам / Новые вопросы по окнам

 
Новые вопросы по браузерным окнам
По всплывающим (pop-up) окнам, а также модальным (диалоговым) окнам

 
В связи с тем, что "шапка" данной темы значительно разрослась, она была вынесена в отдельную закрытую тему.
 

 
Новые вопросы, заданные в этой теме и полученные на них ответы будут также добавляться в FAQ по окнам
 
Svarga.

Всего записей: 4161 | Зарегистр. 25-06-2002 | Отправлено: 13:03 09-07-2003 | Исправлено: Svarga, 03:54 28-06-2004
korusollo

Newbie
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Я похоже не в ту тему запостил. У меня не работает раскрывающее меню в мазиле, а не окно. Удалите плиз, Сори.

Всего записей: 20 | Зарегистр. 04-08-2006 | Отправлено: 13:36 28-04-2008
gap5



Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Хотел бы вернуться к скрипту открытия нового окна, который применяется в такой схеме:
 
В основной странице производится редактирование текста, на ней есть кнопка "Предварительный просмотр", после ее нажатия открывается popup окно с результатами редактирования. Popup окно не закрывается (сворачивается), юзер продолжает редактирование, опять нажимает "Пред. просмотр" и в уже существующем popup окне происходит рефреш контента и на него передаётся фокус. В IE6-7 указанный код работает без проблем.
 

Код:
 
<script language="JavaScript">
    <!--  
    function open_on_entrance(url,name)
    {  
    new_window = window.open('http://www.mypage.ru/test.html','previewwindow', 'scrollbars,resizable,dependent,status,width=787,height=600,left=5000,top=0');
    new_window.location.reload(true);
    new_window.focus();  
    location.href="http://www.mypage.ru/content/from.html?mode=open&hex=1&filename=test.html&width=100px&height=200px";
    }
    // -->
</script>

 
Однако в FireFox3 имеем проблему, открывается окно не по нужному адресу, а about:blank, т.к. ему мешает "new_window.location.reload(true);" если его убрать, то все работает, однако тогда в IE6-7 перестает работать повторный рефреш, т.е. когда popup окно уже открыто, то при последующих попытках открыть такое же окно, с таким же url (а точнее обновить его содержимое) - ничего не происходит, т.к. IE считает, что такое окно уже открыто. А new_window.location.reload(true); вынуждает IE на рефреш popup окна.
 
В FF3 проблемы с рефрешем нет, однако не работает "new_window.focus();" - соотв. при следующем обновлении popup окно остается "свернутым" в таскбаре.
 
Как бы унифицировать скрипт?

Всего записей: 1071 | Зарегистр. 30-05-2006 | Отправлено: 17:25 06-07-2008
Cheery



.:МордератоР:.
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
gap5

Цитата:
т.е. когда popup окно уже открыто, то при последующих попытках открыть такое же окно, с таким же url (а точнее обновить его содержимое) - ничего не происходит,

добавьте случайное число к запросу.. вида  
test.html?0.434353
решается с помощью Math.rand()

----------
Away/DND

Всего записей: 52737 | Зарегистр. 04-04-2002 | Отправлено: 19:55 06-07-2008
gap5



Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
А c new_window.focus(); для FF есть идеи?

Всего записей: 1071 | Зарегистр. 30-05-2006 | Отправлено: 20:04 06-07-2008
Cheery



.:МордератоР:.
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
gap5

Цитата:
А c new_window.focus(); для FF есть идеи?

https://bugzilla.mozilla.org/show_bug.cgi?id=311956


----------
Away/DND

Всего записей: 52737 | Зарегистр. 04-04-2002 | Отправлено: 20:21 06-07-2008
gap5



Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Ситуация несколько интереснее, чем я описывал... Если вызывать скрипт через нажатие по ссылке (test), то новое окно открывается\обновляется и фокусируется, если вызывать скрипт через onload - то фокус не работает, но окно открывается\обновляется.
 

Код:
 
<body onload="open_on_entrance()">
<script language="JavaScript">
    <!--  
    function open_on_entrance(url,name)
    {  
    new_window = window.open('http://www.ya.ru','previewwindow', 'scrollbars,resizable,dependent,status,width=787,height=600,left=5000,top=0');
    new_window.focus();  
    }
    // -->
</script>
<a href="javascript:open_on_entrance()">test</a>
</body>
 

 
Видимо FF опять педантично следует какой-то инструкции ВЦСПС, без допусков...

Всего записей: 1071 | Зарегистр. 30-05-2006 | Отправлено: 12:27 07-07-2008 | Исправлено: gap5, 13:04 07-07-2008
zona09

Newbie
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Очень понравилось, качественно попап окно на binxxx.ru  
 Подскажите как такое сделать? и чтоб при нажатие Клозе всеравно в другом окне открывалась страница. спс

Всего записей: 2 | Зарегистр. 15-07-2008 | Отправлено: 17:38 15-07-2008
Cheery



.:МордератоР:.
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
zona09
ну и? рисуем "кнопку" закрыть.. а при нажатии на нее открываем новое.
 
большинство посетителей на такой сайт больше не зайдут.

----------
Away/DND

Всего записей: 52737 | Зарегистр. 04-04-2002 | Отправлено: 17:48 15-07-2008
zona09

Newbie
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
и ненадо чтоб заходили..  
 Можна полностю скрипт? В попапе середине открывается сайт., при закрытые открыается всеравно тот же сайт.

Всего записей: 2 | Зарегистр. 15-07-2008 | Отправлено: 02:18 16-07-2008
Cheery



.:МордератоР:.
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
zona09

Цитата:
Можна полностю скрипт?

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

----------
Away/DND

Всего записей: 52737 | Зарегистр. 04-04-2002 | Отправлено: 02:22 16-07-2008 | Исправлено: Cheery, 02:40 16-07-2008
grantand

Newbie
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Задача:
 
Есть сайт. На сайте есть возможность поздравления юзеров с днем рождения. К примеру сегодня у Васи Пупкина День рождения. Когда юзер заходит на сайт всплывает окно с сообщением что сегодня у Васи Пупкина ДР. Юзер закрывает это окно и оно ему уже больше не показывается аж до Дня рождения Иван Иваныча. Тоесть окно всплывает только один раз для каждого юзера. Вообщем как сделать так чтобы окно всплыло один раз и больше не тревожило юзера?

Всего записей: 2 | Зарегистр. 09-08-2008 | Отправлено: 14:05 09-08-2008
andead



Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
grantand
писать в куку что ему окно показалось, при повторном заходе проверять куку, если есть то не показывать

Всего записей: 1821 | Зарегистр. 22-09-2005 | Отправлено: 15:23 09-08-2008
grantand

Newbie
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
andead, а напиши пожалуйста как именно это сделать? Конкретный код )

Всего записей: 2 | Зарегистр. 09-08-2008 | Отправлено: 22:04 09-08-2008
Cheery



.:МордератоР:.
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
grantand
читайте как работать с куками
JavaScript: document.cookie (куки)

----------
Away/DND

Всего записей: 52737 | Зарегистр. 04-04-2002 | Отправлено: 22:07 09-08-2008
ra1n



Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Ява скрипт создает окошко
С сылкой всё просто, вставляю в <a> код:
onclick='openradio(this.href);return false;'
и готово
 
Можно как нибудь сделать, чтоб при нажатии на кнопку в форме происходило то же самое?

Всего записей: 328 | Зарегистр. 22-12-2006 | Отправлено: 15:58 22-08-2008
weddingroses

Newbie
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Здравствуйте! Вопрос по поводу скрипта.  
Суть такая: на сайте по продаже прокату свадебных платьев при загрузке страницы или после первого клика в любом месте должно открываться второе окно другого сайта, по продаже смежных товаров (цветы для новобрачных). Будет оно под активным или поверх - не принципиально. Лучше под ним, чтобы не так раздражать людей.  
Для меня, как начинающего веб-мастера это сложно, но такой скрипт существует, например, на voffka.com - при первом клике открывается окно с другим сайтом.  
Единственное, что я могу - указать в нужном адрес будущего домена, например weddingroses.ru.  
Такие скрипты как "<body onLoad="window.open('http://','','width=300,height=200')">"  
и  
"<SCRIPT language="JavaScript">  
<!--  
window.open('http://');  
// -->  
</SCRIPT>"  
не помогают, так как их блокирует любой браузер.  
Пожалуйста, помогите со скриптом, очень прошу. )  
Заранее благодарен.  
 
Ссылки убрал, так тоже будет понятно и без источников. Уж где нашёл. )
 
Ну а как всё-таки быть со скриптом? На воффке он вызывает файл pop.php, я копировал оттуда, создавал в корне такой же файл, делал на него ссылку через js, а толку никакого.




Не нужно ссылок да еще и на порнушку /Cheery/

Всего записей: 1 | Зарегистр. 11-09-2008 | Отправлено: 00:02 12-09-2008 | Исправлено: weddingroses, 00:21 12-09-2008
Ze Bolacha



Junior Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Прошу помощи. Поиск не дал нужных результатов, если, конечно, я что-то не упустил.
 
Задача: открывать по ссылке окно с видео с YouTube. Содержимое окна генерируется скриптом, используя данные ссылки (адрес видео).
 
Был создан скрипт:  

Код:
 
var ZeboVideosWindow;
function openRedeZeboVideosWindow425x400(movie_url, movie_name) {
    ZeboVideosWindow = window.open("", "", "Toolbar=0, Location=0, Directories=0, Status=0, Menubar=0,  scrollbars=0, Resizable=0, Copyhistory=1, width=425, height=400, left=220, top=150");
    ZeboVideosWindow.document.open();
    ZeboVideosWindow.document.write('<html><head><meta http-equiv="Content-Type" content="text/html; charset=windows-1251"><title>ZEBO VIDEOS: ' + movie_name + '</title><body text=#000000 link="#800080" vlink="#800080" alink="#ffffff" bgcolor="#000000" topmargin="0" leftmargin="0"><table border="0" cellspacing="0" cellpadding="0" width="425" align="top"><tr vAlign=top><th vAlign=top width="425" height="41" border="0" nowrap><a href="http://www.youtube.com/user/RedeZebo" target="_blank"><img border="0" src="http://redezebo.ucoz.ru/adv/images/redezebovideo_capa.gif" width="425" height="41"></a></th><tr vAlign=top><td background="http://redezebo.ucoz.ru/adv/images/redezebovideo_bg.jpg" style="BACKGROUND-REPEAT: no-repeat"><table border="0" cellspacing="0" cellpadding="0" width="425" align="top"><tr vAlign=top><td width="425" height="344"><object width="425" height="344"><param name="movie" value="' + movie_url + '"></param><param name="allowFullScreen" value="true"></param><embed src="' + movie_url + '" type="application/x-shockwave-flash" allowfullscreen="true" width="425" height="344"></embed></object></td></table></td></tr></table></body>');
    ZeboVideosWindow.document.close();
}
 

 
И добавлена в странице ссылка:

Код:
<a href="http://www.youtube.com/v/RvB0MVaOeLI&hl=ru&fs=1&rel=0" class="gallerylink" target="_blank" onclick="javascript:openRedeZeboVideosWindow425x400('http://www.youtube.com/v/RvB0MVaOeLI&hl=ru&fs=1&rel=0','A Proxima Vitima'); return false;">Ссылка</a>

 
Результат: работает в IE, последней Opera (9.52), но не работает на старых Операх, в Мозилле FireFox, не открывает окно.
 
В чем проблема? Проверить можно здесь:
http://aproximavitima.narod.ru/videos.htm
 

Всего записей: 185 | Зарегистр. 21-07-2003 | Отправлено: 02:36 15-09-2008
Cheery



.:МордератоР:.
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
weddingroses

Цитата:
Ну а как всё-таки быть со скриптом? На воффке он вызывает файл pop.php, я копировал оттуда, создавал в корне такой же файл, делал на него ссылку через js, а толку никакого.

нынешние попапы не являются отдельными окнами, а просто divы "плавающие" поверх остального контента в окне.
 
Ze Bolacha

Цитата:
но не работает на старых Операх, в Мозилле FireFox, не открывает окно.  

во первых скрипты подключаются в HEAD, а не до HTML вообще..
второе.. страница у вас в windows-1251, а скрипт, похоже. в utf-8

----------
Away/DND

Всего записей: 52737 | Зарегистр. 04-04-2002 | Отправлено: 02:45 15-09-2008
Ze Bolacha



Junior Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Cheery
Тут в чем-то другом дело. К примеру, щас я использую эту ссылку, так у меня и в Опере перестало работать. Она просто открывает новую вкладку по ссылке href, игнорируя onclick. А раньше было так:
 

Код:
<a href="#" class="gallerylink" target="_blank" onclick="javascript:openRedeZeboVideosWindow425x400('http://www.youtube.com/v/RvB0MVaOeLI&hl=ru&fs=1&rel=0','A Proxima Vitima');">Ссылка</a>  

 
и работало.
 
Пишет:
 

Цитата:
JavaScript - http://aproximavitima.narod.ru/videos.htm
Inline script compilation
Syntax error while loading: line 1 of linked script at http://redezebo.ucoz.ru/adv/redezebovideoswindow.js :
Expected token: ';'
&#65533;&#65533;f
---^
 

 

Цитата:
второе.. страница у вас в windows-1251, а скрипт, похоже. в utf-8

и как быть? не подскажете?
 

Всего записей: 185 | Зарегистр. 21-07-2003 | Отправлено: 03:07 15-09-2008
Cheery



.:МордератоР:.
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Ze Bolacha

Цитата:
и как быть? не подскажете?  

js скрипт сохранить в 1251 кодировке.


----------
Away/DND

Всего записей: 52737 | Зарегистр. 04-04-2002 | Отправлено: 03:11 15-09-2008
Открыть новую тему     Написать ответ в эту тему

Страницы: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15

Компьютерный форум Ru.Board » Интернет » В помощь вебмастеру » FAQ по созданию всплывающих и диалоговых окон (pop-up/popup)


Реклама на форуме Ru.Board.

Powered by Ikonboard "v2.1.7b" © 2000 Ikonboard.com
Modified by Ru.B0ard
© Ru.B0ard 2000-2024

BitCoin: 1NGG1chHtUvrtEqjeerQCKDMUi6S6CG4iC

Рейтинг.ru