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

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



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

Цитата:
style='cursor:pointer'  

а это куда вставить?
 

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

таким способом не получилось
Всего записей: 844 | Зарегистр. 03-05-2002 | Отправлено: 11:42 15-02-2006
Cheery



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

Цитата:
а это куда вставить?  

туда, при наводе на что ты хочешь, чтобы менялся курсор.

Цитата:
таким способом не получилось

каким?

----------
Away/DND
Всего записей: 52737 | Зарегистр. 04-04-2002 | Отправлено: 18:41 15-02-2006
StasM



Advanced Member		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Решил проблему немного другим способом, добавив
Код:
href="#"

Cheery
спасибо за помощь!
Всего записей: 844 | Зарегистр. 03-05-2002 | Отправлено: 12:49 17-02-2006
slashuz

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

Код:
 
<td><span title="ТОО Alternate" style="color:rgb(0,0,255)">192.168.16.18</span></td>
 <td>1.49961</td>
 
 
Всего записей: 113 | Зарегистр. 24-01-2003 | Отправлено: 13:49 21-02-2006 | Исправлено: slashuz, 13:51 21-02-2006
Cheery



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

Цитата:
я эту фишку подсмотрел на многих буржуйских сайтах,  
у них часто при наведении на ключевые слова появляется окошко со линками спонсоров, а при убирании мышки это окошко исчезает.  

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

----------
Away/DND
Всего записей: 52737 | Зарегистр. 04-04-2002 | Отправлено: 18:06 21-02-2006 | Исправлено: Cheery, 18:49 21-02-2006
slashuz

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

Цитата:
JS: всплывающая картинка при наведении на ссылку

спасибо
Всего записей: 113 | Зарегистр. 24-01-2003 | Отправлено: 06:10 22-02-2006
Evdokim

Newbie		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Привет всем!  
Насчет всплывающих окон хотел спросить
все чаще на сайтах замечешь как бы правельно выразится, не то чтобы всплывающее окно а просто посреди сайта появляется флешка с рекламой которую можно закрыть.
И мало того когда скролишь сайт она всегда остается посередине сайта,
не подскажите каким образом можно такое организовать?
Всего записей: 1 | Зарегистр. 02-03-2006 | Отправлено: 17:53 02-03-2006
Hakkinen

Junior Member		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Есть такой скрипт: http://script.woweb.ru/index.htm/id/1055973198  
Как сделать, что бы в этом маленьком открывающемся окне был просто написан текст, а не загружалась какая-то страница с сайта?  
 Да, таких маленьких окошечек-описаний будет много, поэтому текст нужно вводить не в <Style>, а в <body> странички.  
 
Заранее спасибо!  
 
Скрипт выглядит так:  
 
<html>  
<head>  
<Style>  
   A:Link{ Color: #000000; Text-decoration: underline}  
   A:Visited{ Color: #000000; Text-decoration: underline}  
   A:Hover{ Color: #000000; Text-decoration: none}  
 td, body {font-family: verdana, arial, helvetica; font-size:11px;}    
 </Style>  
 
<!-- HEAD START HERE -->  
 
<script language="JavaScript">  
<!--  
function winop()  
{  
windop = window.open("http://www.woweb.ru","mywin","height=120,width=300,left=100,top=30");  
}  
-->  
</script>  
 
<!-- HEAD END HERE -->  
 
 
</head>  
<body bgcolor="#EDEDED" text="#000000" link="#000000" topmargin="0" leftmargin="0">  
<center>  
 
<!-- BODY START HERE -->  
 
<a href="javascript:winop();">Открыть окно</a>  
 
<!-- BODY END HERE -->  
 
 
</center>  
</body>  
</html>  
 
Я ламер в этом вопросе, поэтому, если можно, ответьте подробнее
Всего записей: 200 | Зарегистр. 09-05-2003 | Отправлено: 01:07 28-04-2006
Cheery



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

Цитата:
Я ламер в этом вопросе, поэтому, если можно, ответьте подробнее

еще раз повторю.. смотрим примеры

Цитата:
<script>  
var win=window.open('','','width=50,height=95')  
win.document.open()  
win.document.write('<html><meta http-equiv="Content-Type" content="text/html; charset=windows-1251">\nздесь генерим содержимое страницы...\n</html>')  
win.document.close()  
</script>  

это не ламерсто.. это лень.

----------
Away/DND
Всего записей: 52737 | Зарегистр. 04-04-2002 | Отправлено: 01:10 28-04-2006
Hakkinen

Junior Member		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Cheery
Спасибо. Но этот скрипт вылезает автоматически, а не по нажатию на ссылку... Как сделать, что бы он открывался по ссылке?
Всего записей: 200 | Зарегистр. 09-05-2003 | Отправлено: 01:15 28-04-2006
Cheery



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

Цитата:
Спасибо. Но этот скрипт вылезает автоматически, а не по нажатию на ссылку... Как сделать, что бы он открывался по ссылке?

запихнуть его в функцию, которую вызывать по нажатию
function winop(){
var win=window.open('','','width=50,height=95')    
win.document.open()    
win.document.write('<html><meta http-equiv="Content-Type" content="text/html; charset=windows-1251">\nздесь генерим содержимое страницы...\n</html>')    
win.document.close()    
}
 
 
<a href="javascript:winop();">Открыть окно</a>

----------
Away/DND
Всего записей: 52737 | Зарегистр. 04-04-2002 | Отправлено: 01:17 28-04-2006
Hakkinen

Junior Member		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Так таких окошек будет много, я же говорил. Поэтому нужно что бы текст писался в теле страницы, т.е. там, где и сторочка <a href="javascript:winop();">Открыть окно</a>  
 
Можно такое сделать? Или придется постоянно описывать переменные в самом начале?
Всего записей: 200 | Зарегистр. 09-05-2003 | Отправлено: 01:23 28-04-2006
Cheery



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

Цитата:
Можно такое сделать? Или придется постоянно описывать переменные в самом начале?  

ну включить чуть чуть голову.. тут даже знания программирования не надо
href="javascript:winop('текст');">Открыть окно</a>  
 
function winop(text){  
var win=window.open('','','width=50,height=95')    
win.document.open()    
win.document.write(text)    
win.document.close()    
}

----------
Away/DND
Всего записей: 52737 | Зарегистр. 04-04-2002 | Отправлено: 01:28 28-04-2006
Hakkinen

Junior Member		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Cheery, огромное тебе спасибо!!! Работает .
Всего записей: 200 | Зарегистр. 09-05-2003 | Отправлено: 02:12 28-04-2006
Hakkinen

Junior Member		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Можно еще один глупый вопрос:
 
Нужно, что бы вместо текста, в окошке отображалась html страница. Почитав страницы форума сделал такой скрипт, но он не работает у меня, как всегда...
 
<script language="JavaScript">
<!--
function winop(){  
var win=window.open('URL','','height=120,width=309,left=100,top=30')  
}  
-->
</script>
 
 
<a href="javascript:winop('http://forum.ru-board.com')">Открыть окно</a>
Всего записей: 200 | Зарегистр. 09-05-2003 | Отправлено: 17:43 28-04-2006
Cheery



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

Цитата:
Почитав страницы форума сделал такой скрипт, но он не работает у меня, как всегда...  

плохо читаешь.. ты передаешь функции что то, но где ты берешь эту переменную в определении функции?

Цитата:
function winop(URL){  
var win=window.open(URL,'','height=120,width=309,left=100,top=30')  
}  



----------
Away/DND
Всего записей: 52737 | Зарегистр. 04-04-2002 | Отправлено: 18:46 28-04-2006
Hakkinen

Junior Member		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Cheery, еще раз огромное спасибо! Супер.
Всего записей: 200 | Зарегистр. 09-05-2003 | Отправлено: 18:56 28-04-2006
Wink



Junior Member		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Нужно открыть окно того же размера и c теми же координатами, что и родительское.  
Подскажите, pls, кросплатформенную строку параметров для windows.open() (или отдельно набор параметров для IE и Mozilla)
Всего записей: 38 | Зарегистр. 14-09-2005 | Отправлено: 12:55 24-06-2006 | Исправлено: Wink, 13:28 24-06-2006
RainyRaziel

Newbie		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Не спорю, что являюсь низким ламером, сидящим в глубоко бронированном танке, но просмотрев два раза тему, я не нашел ответ на такой вопрос:
 
Есть ссылка:
<a href="#" onClick="window.open('lalala.html', 'newWin', 'toolbar=0, location=0, directories=0, status=0, menubar=0, scrollbars=auto, resizable=1, height=684, width=1014, top=0, left=0')"><img src="blablabla.jpg" border="0"></a>
 
Что нужно сюда добавить, чтобы новое окно раскрывалось именно в РАЗВЕРНУТОМ виде? (плачу-уже-нимагу-помогите!!!)
Всего записей: 2 | Зарегистр. 25-07-2006 | Отправлено: 20:28 22-08-2006
Cheery



.:МордератоР:.		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
RainyRaziel
смотрим шапку и идем по ссылке сюда
FAQ по созданию всплывающих и диалоговых окон (pop-up/popup)
и внимательно изучаем.

----------
Away/DND
Всего записей: 52737 | Зарегистр. 04-04-2002 | Отправлено: 20:46 22-08-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