Гость
Войти | Профиль | Очистить
Целевая тема:
Создать новую тему:
Автор:
Действия ...
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / JavaScript как сделать мини окно исчезающее само через 5 сек? / 22 сообщений из 22, страница 1 из 1
24.02.2010, 20:08:14
    #36486687
OlegMidov
OlegMidov
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
JavaScript как сделать мини окно исчезающее само через 5 сек?
мне нужно сделать реакцию сайта на действия пользователя. ну что-то типа мини окна в которое я буду передавать текст. и это мини окно должно исчезать например через 5 секунд. то есть например ввел человек данные, я через это окно сообщил ему на сколько успешно были произведены его действия. может кто уже делал такое?
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
24.02.2010, 20:54:34
    #36486733
ShSerge
ShSerge
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
JavaScript как сделать мини окно исчезающее само через 5 сек?
OlegMidov,

А если не ввёл за 5 секунд. Бред какой-то.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
24.02.2010, 21:16:50
    #36486763
OlegMidov
OlegMidov
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
JavaScript как сделать мини окно исчезающее само через 5 сек?
да нет, окно появится уже после ввода. Ввел запись, я проанализировал, записал её в БД или нет, а затем выдал ему типа: "спасибо, данные были успешно сохранены!".
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
24.02.2010, 21:22:27
    #36486776
OlegMidov
OlegMidov
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
JavaScript как сделать мини окно исчезающее само через 5 сек?
вот текст
Код: 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:55:53
    #36486826
an0nym
an0nym
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
JavaScript как сделать мини окно исчезающее само через 5 сек?
OlegMidov,

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

ну, кстати, это вы зря. Сейчас очень частый паттерн для приложений, сворачивающихся в трей - показывать при каком-либо событии окно-сообщение справа-внизу некоторое время. Если одновременно показываются несколько окон - они соответственно показываются друг над другом и поочередно исчезают (раньше показалось - раньше исчезло). Не вижу ничего плохого в перенесении такого паттерна в интерактивный UI на JS. Впрочем, маловероятно, чтобы автор хотел именно этого, но вне контекста этого топика - не правы вы. :)
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
24.02.2010, 22:15:02
    #36486847
OlegMidov
OlegMidov
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
JavaScript как сделать мини окно исчезающее само через 5 сек?
ага, первая мысль пришла именно alert'ом показывать. но в опере он слишком много пишет. сервер, и спрашивает прекратить ли показ яваскрипт на этой странице. короче не годится.
а что касаемо divа который появляется с переданным ему текстом и прячется через 5 секунд, то я просто не знаю как это написать.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
24.02.2010, 22:38:55
    #36486873
an0nym
an0nym
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
JavaScript как сделать мини окно исчезающее само через 5 сек?
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
| Ответить | Цитировать | Написать  
25.02.2010, 09:21:03
    #36487209
krvsa
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
JavaScript как сделать мини окно исчезающее само через 5 сек?
an0nymвне контекста этого топика - не правы вы. :)
В сопровождении своего ПО постоянно слышим требования к "убиранию" таких сообщений... Через несколько лет вообще отказались от оных.
Всякие там Аськи и пр. и то имеют кучу настроек приводящих к обычному появлению по верх всех окон.
А что до фантазий программеров... Таки они видать безграничны!
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
25.02.2010, 12:30:50
    #36487637
OlegMidov
OlegMidov
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
JavaScript как сделать мини окно исчезающее само через 5 сек?
Спасибо!
вот что у меня получилось:
Код: 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:35:29
    #36487652
OlegMidov
OlegMidov
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
JavaScript как сделать мини окно исчезающее само через 5 сек?
сделал
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
25.02.2010, 12:47:33
    #36487684
OlegMidov
OlegMidov
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
JavaScript как сделать мини окно исчезающее само через 5 сек?
Код: 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, 14:10:14
    #36487938
Ренат
Ренат
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
JavaScript как сделать мини окно исчезающее само через 5 сек?
OlegMidov,

а где вы видели чтобы у background в css были такие параметры? модет вы путаете с background-color?
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
25.02.2010, 14:11:15
    #36487947
Ренат
Ренат
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
JavaScript как сделать мини окно исчезающее само через 5 сек?
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:27:59
    #36487997
an0nym
an0nym
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
JavaScript как сделать мини окно исчезающее само через 5 сек?
РенатOlegMidov,

а где вы видели чтобы у background в css были такие параметры? модет вы путаете с background-color?
RTM css background shorthand
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
25.02.2010, 18:53:13
    #36488760
OlegMidov
OlegMidov
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
JavaScript как сделать мини окно исчезающее само через 5 сек?
margin = '-200px 0px 0px 0px'; приводит к тому что если родительский див небольшой, то мое сообщение вылазит за пределы этого родительского дива
как вообще грамотно поднять это окно вверх (наверх родительского окна) и сделать его непрозрачным?
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
25.02.2010, 19:03:59
    #36488777
krvsa
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
JavaScript как сделать мини окно исчезающее само через 5 сек?
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, 21:12:07
    #36488962
OlegMidov
OlegMidov
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
JavaScript как сделать мини окно исчезающее само через 5 сек?
всем спасибо!
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
25.02.2010, 21:19:40
    #36488972
OlegMidov
OlegMidov
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
JavaScript как сделать мини окно исчезающее само через 5 сек?
хм... ну вот есть у меня этот скрипт. вот только, вся обработка у меня идет на пхп, следовательно текст который буду передавать в скрипт тоже хранится в переменной php.
как мне вызвать эту скриптовую функцию Add передав ей в качестве параметра значение переменной пхп - $a ?????????
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
26.02.2010, 12:02:30
    #36489784
OlegMidov
OlegMidov
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
JavaScript как сделать мини окно исчезающее само через 5 сек?
простите, так всё-таки как передать в функцию яваскрипта значение переменной пхп????
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
26.02.2010, 13:08:08
    #36489962
an0nym
an0nym
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
JavaScript как сделать мини окно исчезающее само через 5 сек?
OlegMidov,

если это значение будет меняться за время жизни текущей страницы, то AJAX. Иначе
Код: plaintext
var message = <?php echo $var; ?>;
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / JavaScript как сделать мини окно исчезающее само через 5 сек? / 22 сообщений из 22, страница 1 из 1
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение  
Полит. конфиден.  
созд. / загр.: 585ms
Закрыть
start [/forum/topic.php?fid=22&mobile=1&tid=1453480]:
 0ms
get settings:
 9ms
get forum list:
 10ms
check forum access:
 2ms
check topic access:
 2ms
track hit:
 259ms
get topic data:
 11ms
get forum data:
 3ms
get page messages:
 55ms
get tp. blocked users:
 2ms
others: 232ms
total:  585ms
x
x
Закрыть


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