Вопросик по JS

292 повідомлення

#15 років тому

Знатоки js, подскажите, как сделать такую штучку:
имеется такой код на jquery



$('#win_on').click(function() 

{

	$('#win').show();

	return false;

});

и такой на html:



<a href="" id="win_on">тык</a>

<div id="win">тест</div>

т.е. при клике по ссылке открывается блок win. Подскажите, как сделать так, что бы через 5 секунд блок win скрывался?

327 повідомлень

#15 років тому

Используйте show() с callback функцией скрывающей что требуется.
посилання

292 повідомлення

#15 років тому

Спасибо. разобрался.

292 повідомлення

#15 років тому

Еще вопрос тут у меня появился. Подскажите люди добрые

Имеется такой html документ



<div class="block">

	<a href="" class="a_block">тык</a>

	<div class="text_block">text</div>

</div>

<div class="block">

	<a href="" class="a_block">тык</a>

	<div class="text_block">text</div>

</div>

...

<div class="block">

	<a href="" class="a_block">тык</a>

	<div class="text_block">text</div>

</div>

Как с помощью jquery при клике по .a_block найти .text_block, который находится в том же .block ? т.е. если мы кликаем по первой ссылке, то как найти первый text_block, по второй - второй и т.д.?

596 повідомлень

#15 років тому

А как ?
а вот так : учите javascript, а не jquery.

626 повідомлень

#15 років тому

Тут CSS селекторы учить надо, а не JS

3195 повідомлень

#15 років тому

Ничего учить тут не нужно, нужно проект создать.

292 повідомлення

#15 років тому

Цитата:

А как ?
а вот так : учите javascript, а не jquery.

чем jquery не помогает?

Цитата:

Тут CSS селекторы учить надо, а не JS

хз. ну подскажите тогда, раз знаете

хотя да, согласен.

2 повідомлення

#15 років тому



/*Ищем линки и привязываем сорбытие клика*/

function SetEventsToLinks()

 {

 var arrLinks  = document.body.getElementsByTagName('a');

 for(var i=0;i<arrLinks.length;i++){

        if(arrLinks.className == 'a_block'){

                  arrLinks.onclick = function(){

	                  var arrDiv  =  this.parentNode.getElementsByTagName('div');   

	                  var text_block = arrDiv;

	                  Do( text_block );

	                  }

          }

      }

 }



function Do(el){

/*Делаем что хотим с найденным div*/ 

el.....

.

.


}


/*на body.onload вешаем  SetEventsToLinks, только когда документ загрузился, метод проверки готовности dom писать тут не буду), 

можно прямо в html:

<body onload="SetEventsToLinks();">


*/

1594 повідомлення

#15 років тому

Задам здесь же, чтобы новую тему не создавать.

Имеется textarea размером 300*200 например.
Когда пользователь кликает по нему, чтобы ввести текст - размер должен становиться 500*200 например.
А когда кликает по другому месту страницы - обратно, 300*200

Как это реализовать?

100 повідомлень

#15 років тому

Anexroid, onfocus, onblur: посилання

2 повідомлення

#15 років тому

Css:


.text_onfocus{width:500px; height:200px}

.text_onblur{width:300px; height:200px}


html:

<textarea name="name_" cols="" rows=""   onfocus="this.className = 'text_onfocus';"  onblur="this.className = 'text_onblur';"></textarea>

1594 повідомлення

#15 років тому

Всё, всем спасибо

115 повідомлень

#15 років тому

Цитата ("bel0v"):

Подскажите, как сделать так, что бы через 5 секунд блок win скрывался?

$('#win_on').click(function() 

{

    $('#win').show(function(){

        var timerHide = setTimeout(function(){

             $('#win').hide();

        }, 5000);

    });

    return false;

});