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

НовостиФайловые архивы
ПоискАктивные темыТоп лист
ПравилаКто в 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
xntx



хнотик-багоискатель
Редактировать | Профиль | Сообщение | ICQ | Цитировать | Сообщить модератору
Cheery
а как? просто как будто вызываешь функцию из того-же окна, или как-то по другому?

----------
Hello world!

Всего записей: 5169 | Зарегистр. 15-02-2003 | Отправлено: 23:02 04-08-2005
Cheery



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

Цитата:
а как? просто как будто вызываешь функцию из того-же окна, или как-то по другому?

если знаешь число вложений, то (пример для 2)
opener.parent.parent.function();
то есть окно(тут функция)->popup->iframe->iframe(вызов отсюда)
можно попробовать через top.. перескочить через все вложенные iframe наверх, в основную страницу (popup)

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

Всего записей: 52737 | Зарегистр. 04-04-2002 | Отправлено: 23:09 04-08-2005 | Исправлено: Cheery, 23:10 04-08-2005
xntx



хнотик-багоискатель
Редактировать | Профиль | Сообщение | ICQ | Цитировать | Сообщить модератору
Cheery
спасибо, все получилось, и без ифреймов (точнее с одним, но он работает только как подгрузчик).
кому интересно творение, пусть стучиться в пм, просто оно пока на локалхосте а ип у меня динамический...

----------
Hello world!

Всего записей: 5169 | Зарегистр. 15-02-2003 | Отправлено: 07:04 05-08-2005
Dimrix



Junior Member
Редактировать | Профиль | Сообщение | ICQ | Цитировать | Сообщить модератору
Просмотрел внимательно форум и такого вопроса как у меня на рассмотрении не нашёл. Вопрос таков: можно ли явой написать кодик, что бы "выдвигал" картинку при загрузке страницы из-за пределов страницы? И если не секрет, можете продемонстрировать такой код? Буду очень благодарен, если земляки - пиво + ...

Всего записей: 61 | Зарегистр. 04-04-2004 | Отправлено: 20:13 29-08-2005
6epcepk



Silver Member
Редактировать | Профиль | Сообщение | ICQ | Цитировать | Сообщить модератору
Привет,
 
Что-то я не понимаю почему в Опере хорошо открывается, а в ИЕ не открывается попап:
 
Функция:

Код:
  function picview(w_width,w_height,id) {
    if (window.screen.width<w_width) { w_width=window.screen.width; }
    w_sx=(window.screen.width-w_width)/2;
    if (window.screen.height<w_height) { w_height=window.screen.height; }
    w_sy=(window.screen.height-w_height)/2-20;
    open("path"+id, "previewWindows"+id, "width="+w_width+", height="+w_height+", screenX="+w_sx+", screenY="+w_sy+", scrollbars=yes");
  }

 
Вызов:

Код:
<a href="javascript:picview('<?=$size[0]?>', '<?=$size[1]?>', '<?=$data['img']?>')">
 

 
Спасибо.

----------
comming soon..

Всего записей: 2603 | Зарегистр. 02-05-2003 | Отправлено: 00:30 08-09-2005
Cheery



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


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

Всего записей: 52737 | Зарегистр. 04-04-2002 | Отправлено: 16:51 08-09-2005
6epcepk



Silver Member
Редактировать | Профиль | Сообщение | ICQ | Цитировать | Сообщить модератору
Cheery
 
Не помогает ...
 
Вообщем страница выводится с ошибкой:
 

 
Если убрать все аргументы, то работает и в ИЕ ...

----------
comming soon..

Всего записей: 2603 | Зарегистр. 02-05-2003 | Отправлено: 19:50 08-09-2005
Cheery



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

Цитата:
Если убрать все аргументы, то работает и в ИЕ ...

щелкаем на линк в шапке и смотрим, как записываются аргументы для window.open
ps: для тех, кто в танке..
window.open("path"+id, "previewWindows"+id, '"width="+w_width+", height="+w_height+", screenX="+w_sx+", screenY="+w_sy+", scrollbars=yes"');

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

Всего записей: 52737 | Зарегистр. 04-04-2002 | Отправлено: 19:57 09-09-2005 | Исправлено: Cheery, 19:58 09-09-2005
6epcepk



Silver Member
Редактировать | Профиль | Сообщение | ICQ | Цитировать | Сообщить модератору
Привет.
 
Попробуем еще сделать вылазку из танка (:
 
Вот код.
 
1) С вышеуказанными параметрами НЕ работает, но если добавить перед "previewWindows"+id что-то типа "", то открывается новое окно.
2) Открвается окно с размером большее на ~ 100 пикселей по ширине и высоте.
 
Спасибо.

----------
comming soon..

Всего записей: 2603 | Зарегистр. 02-05-2003 | Отправлено: 22:06 16-09-2005 | Исправлено: 6epcepk, 22:09 16-09-2005
tvoydead

Newbie
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Ребята, кто-нибудь знает, что означает такой вот код:  
 
var wc=(screen.width)?(screen.width-w)/2:100;
var hc=(screen.height)?(screen.height-h)/2:100;
 
Чем он лучше\хуже другой конструкции:
 
var wc=parseInt((screen.availWidth-w)/2)  
var hc=parseInt((screen.availHeight-h)/2)
 
P.S. Есть ли способ убрать в опере скроллбар и сделать окно по центру?

Всего записей: 1 | Зарегистр. 27-10-2005 | Отправлено: 12:50 28-10-2005 | Исправлено: tvoydead, 13:30 28-10-2005
Platon

Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Народ. Вот такой вопрос. Если мне нужно открыть попап - из Флешки, тоесть параметр во шлеше я указываю на открытие новой страницы. А эта страница должна быть уже непосредственно определнного размера - и без панели кнопок на верху открываться по центру. Я же не могу в Action Script писать весь код JS.
Может кто знаеть как это сделать?

Всего записей: 739 | Зарегистр. 18-04-2002 | Отправлено: 16:53 17-12-2005
romlg

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

Всего записей: 1 | Зарегистр. 25-12-2005 | Отправлено: 16:41 25-12-2005
Cheery



.:МордератоР:.
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
romlg
этот вопрос не имеет отношения к тому, что обсуждается здесь и не стоит его решать на уровне веб программинга. Анализ js скриптов на странице - не задача вебпрограмминга

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

Всего записей: 52737 | Зарегистр. 04-04-2002 | Отправлено: 00:18 26-12-2005
StasM



Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Помогите пожалуйста!
Раньше нужно было реализовать функцию pop-up для фотографий. Реализовывал это таким способом:
 

Код:
function wopen(url,w,h){  
eval('opened=window.open("","none","top=100, left=100, width="+w+", height="+h+", resizable=0","replace=yes")');  
opened.document.open();  
opened.document.write('<body leftmargin=0 topmargin=0><img src="'+url+'"></body>');  
opened.document.close();  
}  

                 
 
а потом к каждой картинке добавлял что-то типа:
 

Код:
javascript:wopen("http://www.pupkin.ru/news/01.jpeg",500,705)

 
Сейчас задача несколько поменялась. Нужно что бы в pop-up открывалась не картинка, а .htm документ или .html. Попробовал сделать по такой же схеме, только изменил  

Код:
javascript:wopen("http://www.pupkin.ru/news/01.jpeg",500,705)
на
Код:
javascript:wopen("http://www.pupkin.ru/news/01.html",500,705)
 
(естественно предварительно создав документ 01.html в папке news, но окно все равно пытается увидеть в этом деле рисунок и открывает мне окно с крестиком (мол нет такого рисунка).  
Подскажите, как лучше всего реализовать то, что мне нужно? (учитывая то, что таких pop-up ссылок на странице будет несколько.
Заранее спасибо!
 
Добавлено:
И еще вопрос.  
Как совместить  

Код:
<a href="#" onClick="img_click('b3')" onMouseOver="img_act('b3')" onMouseOut="img_inact('b3')">

с

Код:
<a href=javascript:wopen("http://www.pupkin.ru/news/01.jpeg",500,705)>

Всего записей: 844 | Зарегистр. 03-05-2002 | Отправлено: 14:32 17-01-2006 | Исправлено: StasM, 14:47 17-01-2006
6epcepk



Silver Member
Редактировать | Профиль | Сообщение | ICQ | Цитировать | Сообщить модератору

Цитата:
function wopen(url,w,h){    
eval('opened=window.open("","none","top=100, left=100, width="+w+", height="+h+", resizable=0","replace=yes")');    
opened.document.open();    
opened.document.write('<body leftmargin=0 topmargin=0><img src="'+url+'"></body>');    
opened.document.close();    
}  

 
 
 
Тут есть ответ (и не один).

----------
comming soon..

Всего записей: 2603 | Зарегистр. 02-05-2003 | Отправлено: 15:35 17-01-2006
StasM



Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Есть следующее:

Код:
<area shape="rect" coords="176,347,319,384" href="/images/envoutantebig.jpg" target="_blank" alt="Увеличить" title="Увеличить">

 
подскажите, как сюда правильно вставить функцию типа:
 

Код:
javascript:wopen("http://www.pupkin.ru/news/01.jpeg",500,705)  

Всего записей: 844 | Зарегистр. 03-05-2002 | Отправлено: 11:02 03-02-2006
StasM



Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
up!




За умышленный подъем темы /Cheery/

Всего записей: 844 | Зарегистр. 03-05-2002 | Отправлено: 15:37 05-02-2006 | Исправлено: Cheery, 22:39 05-02-2006
Cheery



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

Цитата:
подскажите, как сюда правильно вставить функцию типа:  

думаю, что
<area shape="rect" onclick='wopen("http://www.pupkin.ru/news/01.jpeg",500,705) ' coords="176,347,319,384" href="/images/envoutantebig.jpg" target="_blank" alt="Увеличить" title="Увеличить">  
 
но не проверял

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

Всего записей: 52737 | Зарегистр. 04-04-2002 | Отправлено: 22:40 05-02-2006
StasM



Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Cheery
Сделал сначала как ты сказал. Вроде все бы неплохо, но открывается 2 страницы. Одна как раз нужного мне размера, а вторая, на весь экран.
Решил попробовать так:  

Код:
<area shape="rect" onclick='wopen("http://www.pupkin.ru/news/01.jpeg",500,705) ' coords="176,347,319,384" alt="Увеличить" title="Увеличить">

Теперь открывается одно окно, НО при наведении мышки на зону ссылки, мышка, не меняет указатель на палец (т.е. как будто это не ссылка даже). Как бы мне сделать что бы все было как надо?!
(надеюсь ясно изъяснился)

Всего записей: 844 | Зарегистр. 03-05-2002 | Отправлено: 12:23 07-02-2006
Cheery



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

Цитата:
Как бы мне сделать что бы все было как надо?!  

style='cursor:pointer'
или же в том, что дал сначала..
onclick='wopen("http://www.pupkin.ru/news/01.jpeg",500,705) ;return false' coords="176,347,319,384"

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

Всего записей: 52737 | Зарегистр. 04-04-2002 | Отправлено: 18:14 07-02-2006
Открыть новую тему     Написать ответ в эту тему

Страницы: 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