ReSQL.ru
     
powered by simpleCommunicator - 2.0.61     © 2026 Programmizd 02
Мобильная версия    Контакт    Правила    FAQ    Помощь
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Доб. в избранное | Игнор. тему | Прикреп. тему | Пометить прочит. / непрочит. | Фильтр
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / JavaScript как сделать мини окно исчезающее само через 5 сек?
22 сообщений из 22, страница 1 из 1
JavaScript как сделать мини окно исчезающее само через 5 сек?
    #36486687
OlegMidov
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
OlegMidov
Участник
мне нужно сделать реакцию сайта на действия пользователя. ну что-то типа мини окна в которое я буду передавать текст. и это мини окно должно исчезать например через 5 секунд. то есть например ввел человек данные, я через это окно сообщил ему на сколько успешно были произведены его действия. может кто уже делал такое?
...
Рейтинг: 0 / 0
24.02.2010, 20:08:14
| Ответить | Цитировать | Написать  
JavaScript как сделать мини окно исчезающее само через 5 сек?
    #36486733
ShSerge
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
ShSerge
Участник
OlegMidov,

А если не ввёл за 5 секунд. Бред какой-то.
...
Рейтинг: 0 / 0
24.02.2010, 20:54:34
| Ответить | Цитировать | Написать  
JavaScript как сделать мини окно исчезающее само через 5 сек?
    #36486763
OlegMidov
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
OlegMidov
Участник
да нет, окно появится уже после ввода. Ввел запись, я проанализировал, записал её в БД или нет, а затем выдал ему типа: "спасибо, данные были успешно сохранены!".
...
Рейтинг: 0 / 0
24.02.2010, 21:16:50
| Ответить | Цитировать | Написать  
JavaScript как сделать мини окно исчезающее само через 5 сек?
    #36486776
OlegMidov
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
OlegMidov
Участник
вот текст
Код: plaintext
1.
2.
3.
4.
5.
6.
7.
function f1()
{browserVer = parseInt(navigator.appVersion);
HB=window.open('_1_.php','HBback','toolbar=0,location=0,status=0, top=300,left=300,menubar=0,scrollbars=0,resizable=0,width=150,height=300');
if( browserVer >=  4 ) {window.focus() ;
}setTimeout ("closewindow()",  7000 );
}
function closewindow(){HB.close();}
но 1) окно вначале моргнет в одном месте, а затем отобразится в другом. (это в опере) 2) оно пояляется только в опере, а в ие6 и мозиле только мельком мелькает и всё.
...
Рейтинг: 0 / 0
24.02.2010, 21:22:27
| Ответить | Цитировать | Написать  
JavaScript как сделать мини окно исчезающее само через 5 сек?
    #36486826
an0nym
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
an0nym
Участник
OlegMidov,

почитайте про модальные окна [alert/confirm] (и их эмуляцию - блокирующий div и его скрытие). Открывать новое окно браузера - это ОЧЕНЬ неправильно.
...
Рейтинг: 0 / 0
24.02.2010, 21:55:53
| Ответить | Цитировать | Написать  
JavaScript как сделать мини окно исчезающее само через 5 сек?
    #36486827
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
OlegMidov , если действительно хочется чтобы твои сообщения читали - они должны быть видны всегда и закрываться самим пользователем.
Такая практика уже проверена годами...
...
Рейтинг: 0 / 0
24.02.2010, 21:55:56
| Ответить | Цитировать | Написать  
JavaScript как сделать мини окно исчезающее само через 5 сек?
    #36486829
an0nym
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
an0nym
Участник
krvsa,

ну, кстати, это вы зря. Сейчас очень частый паттерн для приложений, сворачивающихся в трей - показывать при каком-либо событии окно-сообщение справа-внизу некоторое время. Если одновременно показываются несколько окон - они соответственно показываются друг над другом и поочередно исчезают (раньше показалось - раньше исчезло). Не вижу ничего плохого в перенесении такого паттерна в интерактивный UI на JS. Впрочем, маловероятно, чтобы автор хотел именно этого, но вне контекста этого топика - не правы вы. :)
...
Рейтинг: 0 / 0
24.02.2010, 22:00:18
| Ответить | Цитировать | Написать  
JavaScript как сделать мини окно исчезающее само через 5 сек?
    #36486847
OlegMidov
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
OlegMidov
Участник
ага, первая мысль пришла именно alert'ом показывать. но в опере он слишком много пишет. сервер, и спрашивает прекратить ли показ яваскрипт на этой странице. короче не годится.
а что касаемо divа который появляется с переданным ему текстом и прячется через 5 секунд, то я просто не знаю как это написать.
...
Рейтинг: 0 / 0
24.02.2010, 22:15:02
| Ответить | Цитировать | Написать  
JavaScript как сделать мини окно исчезающее само через 5 сек?
    #36486873
an0nym
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
an0nym
Участник
OlegMidov,

самый простой пример
Код: plaintext
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
		"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
	<title></title>
	<script type="text/javascript">
		var emulateAlert = function() {
			var instance = document.createElement('div');
			instance.innerHTML = 'Проверка';
			document.body.appendChild(instance);
			setTimeout(function() {
				document.body.removeChild(instance);
			},  5000 );
		};
	</script>
</head>
<body>
<span onclick="emulateAlert();">click me</span>
</body>
</html>
...
Рейтинг: 0 / 0
24.02.2010, 22:38:55
| Ответить | Цитировать | Написать  
JavaScript как сделать мини окно исчезающее само через 5 сек?
    #36487209
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
an0nymвне контекста этого топика - не правы вы. :)
В сопровождении своего ПО постоянно слышим требования к "убиранию" таких сообщений... Через несколько лет вообще отказались от оных.
Всякие там Аськи и пр. и то имеют кучу настроек приводящих к обычному появлению по верх всех окон.
А что до фантазий программеров... Таки они видать безграничны!
...
Рейтинг: 0 / 0
25.02.2010, 09:21:03
| Ответить | Цитировать | Написать  
JavaScript как сделать мини окно исчезающее само через 5 сек?
    #36487637
OlegMidov
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
OlegMidov
Участник
Спасибо!
вот что у меня получилось:
Код: plaintext
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
function Add(text){   
    var parent = document.getElementById('parent'); 
    var child = document.createElement('DIV'); 
    child.innerHTML = '<h3 align=center>'+text+'</h3>'; 
    with(child.style){ 
        border = '1px dotted #c0c0c0'; 
        background = '#f0f0f0'; } 
    parent.appendChild(child);

		setTimeout(function() {
				parent.removeChild(child);
			},  5000 );
};
но это окно появляется всегда внизу родительского дива, а мне надо чтоб наоборот вверху. как это сделать? вроде все способы перебрал, а поднять его так и не смог
...
Рейтинг: 0 / 0
25.02.2010, 12:30:50
| Ответить | Цитировать | Написать  
JavaScript как сделать мини окно исчезающее само через 5 сек?
    #36487652
OlegMidov
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
OlegMidov
Участник
сделал
...
Рейтинг: 0 / 0
25.02.2010, 12:35:29
| Ответить | Цитировать | Написать  
JavaScript как сделать мини окно исчезающее само через 5 сек?
    #36487684
OlegMidov
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
OlegMidov
Участник
Код: plaintext
1.
2.
3.
4.
5.
6.
    with(child.style){ 
        border = '1px dotted #c0c0c0'; 
        background = '#f0f0f0';
        opacity =  1 ;
        margin = '-200px 0px 0px 0px'; 
        }
почему несмотря на opacity фон всеравно прозрачный?
...
Рейтинг: 0 / 0
25.02.2010, 12:47:33
| Ответить | Цитировать | Написать  
JavaScript как сделать мини окно исчезающее само через 5 сек?
    #36487938
Фотография Ренат
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Ренат
Участник
OlegMidov,

а где вы видели чтобы у background в css были такие параметры? модет вы путаете с background-color?
...
Рейтинг: 0 / 0
25.02.2010, 14:10:14
| Ответить | Цитировать | Написать  
JavaScript как сделать мини окно исчезающее само через 5 сек?
    #36487947
Фотография Ренат
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Ренат
Участник
OlegMidov
Код: plaintext
1.
2.
3.
4.
5.
6.
    with(child.style){ 
        border = '1px dotted #c0c0c0'; 
        background = '#f0f0f0';
        opacity =  1 ;
        margin = '-200px 0px 0px 0px'; 
        }
почему несмотря на opacity фон всеравно прозрачный?
есть великое изобретение человечества - className... попробуйте юзать его чтобы не перемешивать js и css
...
Рейтинг: 0 / 0
25.02.2010, 14:11:15
| Ответить | Цитировать | Написать  
JavaScript как сделать мини окно исчезающее само через 5 сек?
    #36487997
an0nym
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
an0nym
Участник
РенатOlegMidov,

а где вы видели чтобы у background в css были такие параметры? модет вы путаете с background-color?
RTM css background shorthand
...
Рейтинг: 0 / 0
25.02.2010, 14:27:59
| Ответить | Цитировать | Написать  
JavaScript как сделать мини окно исчезающее само через 5 сек?
    #36488760
OlegMidov
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
OlegMidov
Участник
margin = '-200px 0px 0px 0px'; приводит к тому что если родительский див небольшой, то мое сообщение вылазит за пределы этого родительского дива
как вообще грамотно поднять это окно вверх (наверх родительского окна) и сделать его непрозрачным?
...
Рейтинг: 0 / 0
25.02.2010, 18:53:13
| Ответить | Цитировать | Написать  
JavaScript как сделать мини окно исчезающее само через 5 сек?
    #36488777
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
OlegMidovкак вообще грамотно поднять это окно вверх (наверх родительского окна) и сделать его непрозрачным?
Как вариант...

Код: 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.
32.
33.
34.
35.
36.
37.
<html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<style type="text/css">
#content {
	position: relative;
	width: 300px;
}
#message {
	position: absolute;
	top:  0 ;
	right:  0 ;
	width: 100px;
	background-color: green;
}
</style>
</head>
<body>
<div id='content'>
	<p>Всякий там разный текст Всякий там разный текст Всякий там разный текст Всякий там разный текст
	</p>
	<p>Всякий там разный текст Всякий там разный текст Всякий там разный текст Всякий там разный текст
	</p>
	<p>Всякий там разный текст Всякий там разный текст Всякий там разный текст Всякий там разный текст
	</p>
	<p>Всякий там разный текст Всякий там разный текст Всякий там разный текст Всякий там разный текст
	</p>
	<p>Всякий там разный текст Всякий там разный текст Всякий там разный текст Всякий там разный текст
	</p>
	<p>Всякий там разный текст Всякий там разный текст Всякий там разный текст Всякий там разный текст
	</p>
	<div id='message'>
		<p>Пример сообщения</p>
	</div>
</div>
</body>
</html>
...
Рейтинг: 0 / 0
25.02.2010, 19:03:59
| Ответить | Цитировать | Написать  
JavaScript как сделать мини окно исчезающее само через 5 сек?
    #36488962
OlegMidov
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
OlegMidov
Участник
всем спасибо!
...
Рейтинг: 0 / 0
25.02.2010, 21:12:07
| Ответить | Цитировать | Написать  
JavaScript как сделать мини окно исчезающее само через 5 сек?
    #36488972
OlegMidov
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
OlegMidov
Участник
хм... ну вот есть у меня этот скрипт. вот только, вся обработка у меня идет на пхп, следовательно текст который буду передавать в скрипт тоже хранится в переменной php.
как мне вызвать эту скриптовую функцию Add передав ей в качестве параметра значение переменной пхп - $a ?????????
...
Рейтинг: 0 / 0
25.02.2010, 21:19:40
| Ответить | Цитировать | Написать  
JavaScript как сделать мини окно исчезающее само через 5 сек?
    #36489784
OlegMidov
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
OlegMidov
Участник
простите, так всё-таки как передать в функцию яваскрипта значение переменной пхп????
...
Рейтинг: 0 / 0
26.02.2010, 12:02:30
| Ответить | Цитировать | Написать  
JavaScript как сделать мини окно исчезающее само через 5 сек?
    #36489962
an0nym
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
an0nym
Участник
OlegMidov,

если это значение будет меняться за время жизни текущей страницы, то AJAX. Иначе
Код: plaintext
var message = <?php echo $var; ?>;
...
Рейтинг: 0 / 0
26.02.2010, 13:08:08
| Ответить | Цитировать | Написать  
22 сообщений из 22, страница 1 из 1
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / JavaScript как сделать мини окно исчезающее само через 5 сек?
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение   Полит. конфиден.  
NoSQL.ru       Кролег: Проекты, Новости, Чат       РЕД ФОРУМ       Фотоальбом: Участники, Встречи
Закрыть
start [/forum/topic.php?fid=22&msg=36487947&tid=1453480]:
 0ms
get settings:
 5ms
get forum list:
 9ms
check forum access:
 2ms
check topic access:
 2ms
track hit:
 157ms
get topic data:
 9ms
get forum data:
 2ms
get page messages:
 53ms
get tp. blocked users:
 1ms
others: 196ms
total:  436ms
созд. / загр.: 436ms
x
x
Закрыть


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