onclick

minon-a · June 8, 2010

Я JS совсем не знаю, но мне понадобилась одна функция. Кому не сложно, обьясните пожалуйста как сделать, что бы при клике на слове "Новые", отображались 2,3,4 ячейки. При повторном клике скрывались обратно.

файл.html

<table>
	<tr>
		<td>
		<H1>Новые</H1> 
		</td>

		<td class="dis_none">
		<a href="/">за этот месяц</a>
		</td>

		<td class="dis_none">
		<a href="/">За прошлый</a>
		</td>

		<td class="dis_none">
		<a href="/">За позапрошлый</a>
		</td>

		<td width = "100%" >
		</td>
	</tr>
</table>

файл.css:

.dis_none 
{ 
display:none;
}

klierik · June 8, 2010

JQuery

jQuery(document).ready(function(){

	$('a.link').click(function(){
		$('td.dis_none').toggle(
			function(){ $(this).hide(); },
			function(){ $(this).show(); }
		)
	})

});

minon-a · June 8, 2010

JQuery

jQuery(document).ready(function(){

	$('a.link').click(function(){
		$('td.dis_none').toggle(
			function(){ $(this).hide(); },
			function(){ $(this).show(); }
		)
	})

});

Спасибо большое за скрипт. А можно для полных чайников? Что-то у меня даже подключить не получается :-(

klierik · June 8, 2010

есть ссылка с классом <a class="link">

при нажатии на неё, содержимое в ячейке td.dis_none, в нашем случае ето ссылка, пропадает/появляется

ПС: Должен быть подключен JQuery

minon-a · June 8, 2010

Где ошибся?

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

<html>

<head>

jQuery(document).ready(function(){

$('a.link').click(function(){

$('td.dis_none').toggle(

function(){ $(this).hide(); },

function(){ $(this).show(); }

)

})

});

</script>

.dis_none {

display:none;

}

</style>

<table>

<tr>

<td>

<H1><a class="link">Новые</a></H1>

</td>

<a href="/">за этот месяц</a>

</td>

<a href="/">За прошлый</a>

</td>

<a href="/">За позапрошлый</a>

</td>

</td>

</tr>

</table>

</body>

</html>

sigma77 · June 8, 2010

minon-a,

Ты сам jquery не подключил.

http://jquery.com/

StormMan · June 8, 2010

minon-a, загрузи его себе на сервер, и между тегами <head>, до подключения кода, поставь ссылку на jquery:

<script type="text/javascript" src="путь к твоему jQuery"></script>

minon-a · June 9, 2010

minon-a, загрузи его себе на сервер, и между тегами <head>, до подключения кода, поставь ссылку на jquery:
<script type="text/javascript" src="путь к твоему jQuery"></script>

Подключил. Не работает :-(

sigma77 · June 9, 2010

minon-a,

Попробуй так

$(document).ready(function(){
  $('.link').toggle(
	function(){$('.dis_none').hide();},
	function(){$('.dis_none').show();}
  );
});

Veseloff · June 9, 2010

Ссылку на страницу в студию! Хватит уже думать, что мы тут все телепаты.

minon-a · June 9, 2010

minon-a,

Попробуй так

$(document).ready(function(){
  $('.link').toggle(
	function(){$('.dis_none').hide();},
	function(){$('.dis_none').show();}
  );
});

Спасибо. Заработало :-)

Ссылку на страницу в студию! Хватит уже думать, что мы тут все телепаты.

Страница не выложена, поэтому полный код ее написал. Проблема решена.

minon-a · June 10, 2010

.

Edited June 12, 2010 by minon-a

Sign In

onclick

Question

Link to comment

Share on other sites

11 answers to this question

Recommended Posts

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Join the conversation

Обсуждения

Important Information