[ Поиск ] - [ Пользователи ] - [ Календарь ]
Полная Версия: Смена блока div по нажатию на ссылку
veolancer
Всем привет!

В JS не силён, скорее в php, но сделать охото.
Идея следующая, у меня блок1(в нем категории), я хочу сделать ссылочку перед блоком, по нажатию на которую блок1 менялся бы на блок2.

Подскажите пожалуйста как сделать :)

Код


<!--По нажатию на ссылку "По размеру" появлялся бы блок "size", и ссылка меняет название-->
<a href="#">По размеру</a>
<div
id="cat"></div>

<!--И так же на оборот-->
<a href="#">По категориям</a>
<div
id="size"></div>




Спустя 7 часов, 26 минут, 45 секунд (28.02.2012 - 21:30) ApuktaChehov написал(а):
Наклепал на коленке за 5 минут:
function chDiv(){
var a = document.getElementById('a');
var cat = document.getElementById('cat');
var size = document.getElementById('size');

if(a.childNodes[0].nodeValue == 'По размеру') {
a.childNodes[0].nodeValue = 'По категории';
cat.style.display = 'block';
size.style.display = 'none';
}else{
a.childNodes[0].nodeValue = 'По размеру';
cat.style.display = 'none';
size.style.display = 'block';
}
}


<!--По нажатию на ссылку "По размеру" появлялся бы блок "size", и ссылка меняет название-->
<a href="#" id="a" onclick="chDiv();">По размеру</a>
<div
id="cat" style="display: none;">категория</div>
<!--И так же на оборот-->
<div id="size">размер</div>

Спустя 14 часов, 52 минуты, 24 секунды (29.02.2012 - 12:23) veolancer написал(а):
Работает всё ништяк smile.gif Спасибо, только есть вопросик..

А как сделать чтобы по нажатию на кнопку обновить, в браузере, или тобишь человек выберит что то из блока "по-размеру", чтобы этот блок не сбрасывался на первый "категории"?

Спустя 1 час, 57 минут, 21 секунда (29.02.2012 - 14:20) ApuktaChehov написал(а):
hamado - хранить данные об открытых категориях в куках.
Быстрый ответ:

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