powered by simpleCommunicator - 2.0.61     © 2026 Programmizd 02
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Всплвающие окна!
10 сообщений из 10, страница 1 из 1
Всплвающие окна!
    #35205726
D7jade
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Гость
Подскажите как можно организовать появление всплывающего окна при наведении на опред элементы окна, и исчезающие при убирании мыши с элемента??
но это не главное, главное как отобразить окно? в определённом месте? потом его закрыть при опред условиях? и если возможно указания модальности окна
...
Рейтинг: 0 / 0
Всплвающие окна!
    #35205757
Фотография SkyLight
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
юзать поиск по showModalDialog
...
Рейтинг: 0 / 0
Всплвающие окна!
    #35205956
Фотография 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
Всплвающие окна!
    #35206003
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
Всплвающие окна!
    #35206249
Фотография Antonariy
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
showModalDialog показывает модальное окно _броузера_, которое блокирует основное, а в основном ничего происходить не будет, пока видно модальное. showModelessDialog ничего не заблокирует, но отберет фокус у основного окна, что приведет к уходу каретки из элемента редактирования (если есть) и миганию заголовка. А оно вам надо? Лучше делать _всплывающие_ окна в виде div'ов.

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


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

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

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

Погляди, тебе будет интересно.
...
Рейтинг: 0 / 0
10 сообщений из 10, страница 1 из 1
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Всплвающие окна!
Найденые пользователи ...
Разблокировать пользователей ...
Читали форум (0):
Пользователи онлайн (0):
x
x
Закрыть


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