Гость
Войти | Профиль | Очистить
Целевая тема:
Создать новую тему:
Автор:
Действия ...
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Всплвающие окна! / 10 сообщений из 10, страница 1 из 1
21.03.2008, 12:48
    #35205726
D7jade
D7jade
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Всплвающие окна!
Подскажите как можно организовать появление всплывающего окна при наведении на опред элементы окна, и исчезающие при убирании мыши с элемента??
но это не главное, главное как отобразить окно? в определённом месте? потом его закрыть при опред условиях? и если возможно указания модальности окна
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
21.03.2008, 12:56
    #35205757
SkyLight
SkyLight
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Всплвающие окна!
юзать поиск по showModalDialog
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
21.03.2008, 13:53
    #35205956
krvsa
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Всплвающие окна!
D7jadeкак можно организовать появление всплывающего окна при наведении на опред элементы окна
Использовать событие onmouseover для этих элементов. Если тебе нужны именно окна - можно использовать следующее
Код: plaintext
1.
2.
3.
4.
window.showModalDialog(sURL [, vArguments] [, sFeatures])
...
window.showModelessDialog(sURL [, vArguments] [, sFeatures])
...
window.open( [sURL] [, sName] [, sFeatures] [, bReplace])
D7jadeи исчезающие при убирании мыши с элемента??
Для этого есть событие onmouseout .
Закрытие окон из материнского я не делал еще... Може кто еще подскажет
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
21.03.2008, 14:09
    #35206003
Chew
Chew
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Всплвающие окна!
Код: plaintext
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>всплывающая хренька</title>

<script language="JavaScript" type="text/javascript">
var nw
var param = "directories=0, location=0, menubar=0, width=320, height=240"
function openW(url){
	if(!nw || nw.closed){
		nw = window.open(url,'',param)
	}
}
function closeW(){
	if(nw){nw.close();}
}

function modailWin(){
        var param="dialogWidth:600px;dialogHeight:150px;center:0;dialogTop:200;dialogLeft:100;dialogHide:0;edge:raised;help:0;resizable:0;scroll:0;status:0;"
        var mydate = window.showModalDialog("http://localhost",'',param);
}
</script>
</head>
<body>

<div style="border:dotted 2px #ff0000;width:100;height:100;" onmouseover="openW('http://mail.ru')" align="center" >mouseover to <br>window.open</div>
<br>
<div style="border:dotted 2px #00ff00;width:100;height:100;" onclick="closeW();"  align="center" >click to<br>window.close()</div>
<br>
<div style="border:dotted 2px #0000ff;width:100;height:100;" onclick="modailWin()" align="center" > click to <br>modailWin()</div>
</body>
</html>
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
21.03.2008, 15:23
    #35206249
Antonariy
Antonariy
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Всплвающие окна!
showModalDialog показывает модальное окно _броузера_, которое блокирует основное, а в основном ничего происходить не будет, пока видно модальное. showModelessDialog ничего не заблокирует, но отберет фокус у основного окна, что приведет к уходу каретки из элемента редактирования (если есть) и миганию заголовка. А оно вам надо? Лучше делать _всплывающие_ окна в виде div'ов.

Закрытие окон (если кто действительно не знает :))
Код: plaintext
1.
2.
var win = window.showModelessDialog();
var win = window.open();
win.close();
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
21.03.2008, 15:49
    #35206341
квазипуп
квазипуп
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Всплвающие окна!
AntonariyЛучше делать _всплывающие_ окна в виде div'ов.


а поподробнее?
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
21.03.2008, 15:53
    #35206357
D7jade
D7jade
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Всплвающие окна!
AntonariyЛучше делать _всплывающие_ окна в виде div'ов.

Спасибо за ответы, а что там с div-ами???,
И мне немного не то что надо! окна должны, как бы не грузится они должны просто отображаться, время не должно уходить на открытие нового окна! это слишком долго!
Эти окна должны быть чем-то похожи на всплывающие подсказки, но с большим содержанием
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
21.03.2008, 16:07
    #35206420
Antonariy
Antonariy
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Всплвающие окна!
Вкратце -
Код: plaintext
<span onmouseover="div.style.display='block'" onmouseout="div.style.display='none'">
Самая круть - http://www.asus.com/index.aspx
Наведите курсор на Products.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
21.03.2008, 16:33
    #35206529
krvsa
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Всплвающие окна!
AntonariyЗакрытие окон (если кто действительно не знает :))
Код: plaintext
1.
2.
var win = window.showModelessDialog();
var win = window.open();
win.close();

Спасибо. Пимерно так и предполагал... Просто никогда не использовал... Всегда дочернее закрывал из него же.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
22.03.2008, 16:55
    #35207586
guru-ru
guru-ru
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Всплвающие окна!
http://developer.co.ua/posts/view/modalnye_okna_v_veb-prilozhenijax

Погляди, тебе будет интересно.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Всплвающие окна! / 10 сообщений из 10, страница 1 из 1
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение  
Полит. конфиден.  
созд. / загр.: 387ms
Закрыть
start [/forum/topic.php?fid=22&mobile=1&tid=1456737]:
 0ms
get settings:
 11ms
get forum list:
 19ms
check forum access:
 4ms
check topic access:
 4ms
track hit:
 51ms
get topic data:
 8ms
get forum data:
 2ms
get page messages:
 40ms
get tp. blocked users:
 1ms
others: 247ms
total:  387ms
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]