[ Поиск ] - [ Пользователи ] - [ Календарь ]
Полная Версия: Функция задержки
Форум PHP программистов > JavaScript
Golovastik
19.08.2010 - 18:37
Пробую для эксперимента написать чтоб при нажатии на кнопку происхдила задержка картинки, но при нажатии на кнопку ничего не происходит, не знаю почему, как исправить?


<html>
<head><title>Привет</title>
<script type='text/javascript'>
var a,b,timeout,zadershka;

function f(){
zadershka = setTimeout(
function() {
if(!b)
b = document.getElementById('maks');
b.style.display='block';},
2000);
};

</script>

</head>
<body>
Жил-был пёс. Он был самый лучший пёс за всю мою жизнь.<br>
Такого пса я не видел никогда в жизни в этом мире. Вот что<br>
значит настоящая 
псина.Такой псины я <br>
не видал за все свои 20 лет жизни. Это была одна из лучших <br>
псин,среди тех когда мне приходилось видеть собак. <br>

<input type='button' value='кнопка' id='maks' onClick='f3()'>
<div id="tak" style="display:none; position:absolute; 
left:300px; top:0px;"><img src='2.gif' ></div> <br><br>

</body>
</html>




Спустя 26 минут, 54 секунды (19.08.2010 - 18:04) sergeiss написал(а):
А интересно узнать... Что ты ожидаешь получить-то?

1. Вызываешь какую-то неизвестную функцию f3()
2. В чем смысл сравнения if( !b)? И вообще - с чего ты решил, что "бэ" будет известно внутри функции?
3. Ну исправил ты эти ошибки... А что делаешь? Показываешь кнопку, которая и так видна уже? Или ты там что-то хотел с картинкой сделать?

Спустя 1 час, 6 минут, 57 секунд (19.08.2010 - 19:11) Golovastik написал(а):
Исправил. Вот так тоже не работает.

<html>
<head><title>Привет</title>
<script type='text/javascript'>
var a,b,timeout,zadershka;

function f(){
zadershka = setTimeout(
function() {
if(!b)
b = document.getElementById('maks');
b.style.display='block';},
2000);
};

</script>

</head>
<body>
Жил-был пёс. Он был самый лучший пёс за всю мою жизнь.<br>
Такого пса я не видел никогда в жизни в этом мире. Вот что<br>
значит настоящая 
псина.Такой псины я <br>
не видал за все свои 20 лет жизни. Это была одна из лучших <br>
псин,среди тех когда мне приходилось видеть собак. <br>

<input type='button' value='кнопка' id='maks' onClick='f()'>
<div id="maks" style="display:none; position:absolute; 
left:300px; top:0px;"><img src='2.gif' ></div> <br><br>

</body>
</html>


Спустя 39 секунд (19.08.2010 - 19:12) Golovastik написал(а):
Я хочу при нажатии на кнопку, чтоб картинка повисела 2 секунды и исчезла.

Спустя 1 час, 3 минуты, 24 секунды (19.08.2010 - 20:15) ApuktaChehov написал(а):
Вот, на коленке набросал примерчик

function addImage(triger)
{
    if(triger == true)
    {
        добавляем картинку
        setTimeout("addImage('false')", 2000);
    }
    
    if(triger == false))
        удоляем картинку
}

Спустя 3 минуты, 4 секунды (19.08.2010 - 20:18) sergeiss написал(а):
Golovastik - ну ты хотя бы для начала ВНИМАТЕЛЬНО посмотри, какие айди были изначально, какие ты сделал, и какие надо сделать...

Ты же в итоге сделал одинаковый айди для 2-х разных элементов. С чего бы у тебя стало работать при этом?

PS. Но это для начала. А надо еще и картинку убрать, а не только показать.
А в целом код рабочий smile.gif

Спустя 20 минут, 4 секунды (19.08.2010 - 20:38) Golovastik написал(а):
Скажите ,а как сделать чтоб после нажатия на кнопку, картинка выехала вниз например на 200 пикселей вниз, постояла, 2 секунды и заехала обратно в верх в о пикселей, я хочу попробовать сделать, вы скажите, как примерно это сделать,я не знаю как, хочу чисто на Яваскрипте попробовать понять как это делается.
Я хочу чтоб выезжала как картинка, это масив нужно создавать а оптом циклом проходится ил как? Я вообще думаю может нужно, как-то вот так b.style.top = '200px'; получать доступ в цикле и менять позицию может так надо?
Но как изменять пиксели за каждой итерацией?

Спустя 2 часа, 17 минут, 22 секунды (19.08.2010 - 22:56) Golovastik написал(а):
Какой-то бред немного выходит, не работает, выдаёт ошибку что в строке 26, символ 1 ожидается объект.

<html>
	<html>
	<head><title>Привет</title>
	<script type='text/javascript'>
      var a,pause;

function f(){
var a = document.getElementById('maksImg');
a.style.display = 'block';

for(var i=0; i<10; i++){
a.style.top = '0px'+'1px';

};
 
	</script>
	 
	</head>
	<body>
	Жил-был пёс. Он был самый лучший пёс за всю мою жизнь.<br>
	Такого пса я не видел никогда в жизни в этом мире. Вот что<br>
	значит настоящая
	псина.Такой псины я <br>
	не видал за все свои 20 лет жизни. Это была одна из лучших <br>
	псин,среди тех когда мне приходилось видеть собак. <br>
	 
	<input type='button' value='кнопка' onClick='f()'>

	<div id="maksImg" style="display:none; position:absolute;
	left:100px; top:0px;"><img src='2.gif' ></div> <br><br>
	 
	</body>
	</html>


Спустя 8 минут, 48 секунд (19.08.2010 - 23:05) Lenarfate написал(а):
function f(){
var a = document.getElementById('maksImg');
a.style.display = 'block';

for(var i=0; i<10; i++){
a.style.top = '0px'+'1px';

}
}

ты скобку забыл одну

Спустя 21 минута, 32 секунды (19.08.2010 - 23:26) Golovastik написал(а):
Но так тоже не хочет работать.


<html>
	<head><title>Привет</title>
	<script type='text/javascript'>
      var a,pause;

function f(){
var a = document.getElementById('maksImg');
a.style.display = 'block';

for(var i=0; i<10; i++){
a.style.top = '0px'+'1px';

};
};
 
	</script>
	 
	</head>
	<body>
	Жил-был пёс. Он был самый лучший пёс за всю мою жизнь.<br>
	Такого пса я не видел никогда в жизни в этом мире. Вот что<br>
	значит настоящая
	псина.Такой псины я <br>
	не видал за все свои 20 лет жизни. Это была одна из лучших <br>
	псин,среди тех когда мне приходилось видеть собак. <br>
	 
	<input type='button' value='кнопка' onClick='f()'>

	<div id="maksImg" style="display:none; position:absolute;
	left:100px; top:0px;"><img src='2.gif' ></div> <br><br>
	 
	</body>
	</html>

Спустя 4 минуты, 35 секунд (19.08.2010 - 23:31) sergeiss написал(а):
Вот читаю тему, даже отвечать не хочется... Потому что человек сам думать ну совсем не хочет! То какой-то код показывает (а сам ли его написал?), то пишет не думая...

Ну ты словами опиши тот код, что получил. Опиши для себя, вслух! И подумай, согласуется ли это с алгоритмом, который тебе нужен.

Спустя 4 минуты, 23 секунды (19.08.2010 - 23:35) Lenarfate написал(а):
а у меня работает

Спустя 53 минуты, 53 секунды (20.08.2010 - 00:29) Golovastik написал(а):
Вот так работает:

<html>
	<head><title>Привет</title>
	<script type='text/javascript'>
      var a,pause;

var id, i, dir;

function g(){
var a = document.getElementById('maksImg');

/*если i < 50;  то получается i+'px',  а если больше 50, то top  ставится равным '50'+'px'*/

a.style.top = (i<50)?i:'50'+'px';
if (dir==1) i++; else i--;
if (i >= 70) dir=-1;
if (i < -90) {
clearInterval(id);
a.style.display = 'none';
}}

function f(){
var a = document.getElementById('maksImg');
a.style.display = 'block';

i=-90;dir=1;
id = setInterval("g()",50);

}
 
	</script>
	 
	</head>
	<body>
	Жил-был пёс. Он был самый лучший пёс за всю мою жизнь.<br>
	Такого пса я не видел никогда в жизни в этом мире. Вот что<br>
	значит настоящая
	псина.Такой псины я <br>
	не видал за все свои 20 лет жизни. Это была одна из лучших <br>
	псин,среди тех когда мне приходилось видеть собак. <br>
	 
	<input type='button' value='кнопка' onClick='f()'>

	<div id="maksImg" style="display:none; position:absolute;
	left:100px; top:-90px;"><img src='2.gif' ></div> <br><br>
	 
	</body>
	</html>

Спустя 13 часов, 52 секунды (20.08.2010 - 13:30) Golovastik написал(а):
Скажите пожалуйста ,а как сделать такие кнопки на Яваксрипт синие, чтоб такое происходило при наведении мышкой как на этом сайте
http://213.248.58.131/

Спустя 42 минуты, 18 секунд (20.08.2010 - 14:12) Lenarfate написал(а):
с того сайта. исходный код
onmousemove="style.cssText='background-image:url(val/anibtn.gif)';"
onmouseout="style.cssText='background-image:url(val/btn.gif)';"

gif'ки подгружаются и все

Спустя 1 час, 39 минут, 32 секунды (20.08.2010 - 15:52) Golovastik написал(а):
Так там когда навёл на синюю кнопку она несколько раз уменьшается, а не просто изменилось на другую картинку 1 раз и всё. Сколько там картинок использовалось?

Спустя 1 час, 28 минут, 21 секунда (20.08.2010 - 17:20) Golovastik написал(а):
По поводу предыдущего кода.

<html>
	<head><title>Привет</title>
	<script type='text/javascript'>
var a, pause = 1500,
	    id, i, dir;
	 
	function g() {
	    var b = document.getElementById("maksImg");
	    b.style.top = i < 50 ? i : "50"+"px";
	    if (dir == 1) i++;
	    else i--;
	    if (i >= 50) {
	        dir = -1;
	       clearInterval(id);
	        window.setTimeout('id = setInterval("g()",1)', pause);
	   }
	    if (i < -90) {
        clearInterval(id);
	        b.style.display = "none"
	    }
	}
	 function f() {
	 //   if(id)clearInterval(id);
	    document.getElementById("maksImg").style.display = "block";
	    i = -90;
	    dir = 1;
	    id = setInterval("g()", 10);
}
 
	</script>
	 
	</head>
	<body>
	Жил-был пёс. Он был самый лучший пёс за всю мою жизнь.<br>
	Такого пса я не видел никогда в жизни в этом мире. Вот что<br>
	значит настоящая
	псина.Такой псины я <br>
	не видал за все свои 20 лет жизни. Это была одна из лучших <br>
	псин,среди тех когда мне приходилось видеть собак. <br>
	 
	<input type='button' value='кнопка' onClick='f()'>

	<div id="maksImg" style="display:none; position:absolute;
	left:100px; top:-90px;"><img src='2.gif' ></div> <br><br>
	 
	</body>
	</html>

Возникла проблема нельзя сделать резкий выезд, остановку и заезд назад картинки вверх браузера этим кодом, она движется но не резко, даже если сетинтервал поставить в 1, резко двигаться не будет картинка, что можно сделать?

Спустя 5 часов, 51 минута, 16 секунд (20.08.2010 - 23:11) Golovastik написал(а):
А на джейквери попробовал так, не работает,прост нажимается и ничего не происходит.
Цитата
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head><title>Проба</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<script type="text/javascript" src="jquery.js"></script>

<script type='text/javascript'>
function f(){
$('#maskImg').hide(300);
}
</script>
</head>

<body>

Жил-был пёс. Он был самый лучший пёс за всю мою жизнь.<br>
    Такого пса я не видел никогда в жизни в этом мире. Вот что<br>
    значит настоящая
    псина.Такой псины я <br>
    не видал за все свои 20 лет жизни. Это была одна из лучших <br>
    псин,среди тех когда мне приходилось видеть собак. <br>
   
    <input type='button' value='кнопка' onClick='f()'>
    <div id="maksImg" style="display:none; position:absolute;
    left:100px; top:-90px;"><img src='2.gif' ></div> <br><br>
   
</body>
</html>
Быстрый ответ:
Powered by dgreen

 Графические смайлики |  Показывать подпись
Здесь расположена полная версия этой страницы.
Invision Power Board © 2001-2024 Invision Power Services, Inc.