:hover с setTimer

[tt48]

Доброго времени суток.

Суть вопросы простая -

есть фигнюшка выезжающая

и при известных обстоятельствах зацикливается.

Чтоб убрать - надо юзать таймер..а как передать в

setTimeout вызов функции с указателем в качестве

параметра - тут никак..

var t;
	function slide_icon(event){
		 event = event || window.event;
		var sender=event.target||event.srcElement;
		sender.style.border='1px solid red';
		t=clearInterval();
						clearTimeout(t);
						t=setTimeout(
							function(sender){
								sender.style.border='1px solid yellow';/*ошибка ,( */
								$(sender).find('.lslide').toggle(200);
								$(sender).find('.rslide').toggle(200);
								$(sender).find('.tslide').slideToggle(200);
								},
							25
						);
	}
	(function($) {
			$(function() {
				$('body').removeClass('nojs');
				$('.wslide').hover(
					slide_icon,slide_icon
				);
				}
			)
		}
	)(jQuery)

Заранее спасибо.

С уважением, Олег.

[Синдром]

Суть вопроса проста для вас, но если смотреть на код то не совсем ясно что же он должен делать, вы бы еще добавили html и просто описание что эта фигнюшка должна делать

[psywalker]

tt48

Я JQ не знаю, но могу тебе такую задачу написать на JS. Так что, если что, пиши на почту psywalker09@gmail.com

[Great Rash]

а как передать в

setTimeout вызов функции с указателем в качестве

параметра

Зачем

так

часто

жать

Enter

???

setTimeout(function() {
    sender.style.border='1px solid yellow'; // ошибки быть не должно
    $(sender).find('.lslide').toggle(200);
    $(sender).find('.rslide').toggle(200);
    $(sender).find('.tslide').slideToggle(200);  
}, 25);

[tt48]

Зачем

так

часто

жать

Enter

???

setTimeout(function() {
    sender.style.border='1px solid yellow'; // ошибки быть не должно
    $(sender).find('.lslide').toggle(200);
    $(sender).find('.rslide').toggle(200);
    $(sender).find('.tslide').slideToggle(200);  
}, 25);

Короткие строки легче читать.

Про глобальную область видимости опять забыл, спасибо.

http://beavers-net.narod.ru/primers/av_trouble_script.html

теперь оно обратно не всегда убирается..(

С уважением, Олег.

[Синдром]

Олег, а если использовать стоп с делеем?

	function slide_icon(event){
		 event = event || window.event;
		var sender=event.target||event.srcElement;
		$(sender).css('border', '1px solid red').delay(25).css('border', '1px solid yellow').find('.lslide, .rslide').stop().toggle(200);
                $(sender).delay(25).find('.tslide').stop().slideToggle(200)

	}
	(function($) {
			$(function() {
				$('body').removeClass('nojs');
				$('.wslide').hover(
					slide_icon,slide_icon
				);
				}
			)
		}
	)(jQuery)

С цепочкой может перемутил но суть такова.

С уважением, Дмитрий

Edited March 17, 2011 by Синдром

[tt48]

Олег, а если использовать стоп с делеем?

	function slide_icon(event){
		 event = event || window.event;
		var sender=event.target||event.srcElement;
		$(sender).css('border', '1px solid red').delay(25).css('border', '1px solid yellow').find('.lslide, .rslide').stop().toggle(200);
                $(sender).delay(25).find('.tslide').stop().slideToggle(200)

	}
	(function($) {
			$(function() {
				$('body').removeClass('nojs');
				$('.wslide').hover(
					slide_icon,slide_icon
				);
				}
			)
		}
	)(jQuery)

С цепочкой может перемутил но суть такова.

С уважением, Дмитрий

..border я пробовал менять для примера.

мне только панельки менять надо, по их положению.

Спасибо за пример, не думал, что туту может быть delay,

да и про группирование селекторов не вспоминал.

Только его все равно плющит - пропускает ход и инвертирует порядок

выдвижения (наводишь, а они исчезают).

Буду смотреть либо в сторону animate, либо чистого js.

[Синдром]

а может разнести все дело так, что бы у библиотеки уже разночтений не было, закрыть или открыть

(function($) {
                        $(function() {
                                $('body').removeClass('nojs');
                                $('.wslide').mouseover(
                                        function(){
                                            $(this).find('.lslide, .rslide').stop().toggle(true);
                                            $(this).find('.tslide').stop().slideDown();
                                        }
                                ).mouseleave(
                                        function(){
                                            $(this).find('.lslide, .rslide').stop().toggle(false);
                                            $(this).find('.tslide').stop().slideUp();
                                        }
                                );
                                }
                        )
                }
        )(jQuery)