Форум: Форум PHPФорум ApacheФорум Регулярные ВыраженияФорум MySQLHTML+CSS+JavaScriptФорум FlashРазное
Новые темы: 0000000
PHP на примерах (2 издание). Авторы: Кузнецов М.В., Симдянов И.В. MySQL 5. В подлиннике. Авторы: Кузнецов М.В., Симдянов И.В. Программирование. Ступени успешной карьеры. Авторы: Кузнецов М.В., Симдянов И.В. PHP 5. На примерах. Авторы: Кузнецов М.В., Симдянов И.В., Голышев С.В. MySQL на примерах. Авторы: Кузнецов М.В., Симдянов И.В.
ВСЕ НАШИ КНИГИ
Консультационный центр SoftTime

HTML+CSS+JavaScript

Выбрать другой форум

 

Здравствуйте, Посетитель!

вид форума:
Линейный форум Структурный форум

тема: Подмена блоков на яваскрипт.
 
 автор: ~Z0RR0~   (27.05.2008 в 18:41)   письмо автору
 
 

Вопрос такой, может кто-то сталкивался или хорошо знает как реализовать подмену блоков (т.е. один скрывается, другой появляется) по нажатии на какой-нибудь элемент на ява-скрипте? Блоков ограниченное количество. В скрипте я плохо понимаю, поэтому и прошу помощи.
Спасибо.

   
 
 автор: ONYX   (28.05.2008 в 05:59)   письмо автору
 
   для: ~Z0RR0~   (27.05.2008 в 18:41)
 

<html>
<head>
</head>
<style>
#head{width:200px; border:solid 1px #CCCCCC;}
#head #body{width:100%; height:180; background:#99CCCC; display:none;}
</style>
<body>
<div id="head"><a href="#" onclick="toggle(this); return false;">Блок 1</a>
<div id="body">This text is you read #1</div>
</div>
<div id="head"><a href="#" onclick="toggle(this); return false;">Блок 2</a>
<div id="body">This text is you read #2</div>
</div>
<div id="head"><a href="#" onclick="toggle(this); return false;">Блок 3</a>
<div id="body">This text is you read #3</div>
</div>
</body>
<script>
var flag = null;
function toggle(oThis){
    var parent = oThis.parentNode;
    if(flag)
        var drop = flag.parentNode
    if(flag != oThis){
        parent.childNodes[2].style.display = 'block';
        if(flag != null)
            drop.childNodes[2].style.display = 'none'
        flag = oThis;
    }else{
        drop.childNodes[2].style.display = 'none'
        flag = null;
    }
    return false;
}
</script>
</html>

   
 
 автор: ~Z0RR0~   (28.05.2008 в 13:48)   письмо автору
 
   для: ONYX   (28.05.2008 в 05:59)
 

Почти то что нужно, спасибо.
А можно сделать, чтобы блоки сменялись по нажатии одной и той же ссылки?

/* добавлено */
Уже нашел, спасибо.
Если кому-то нужно http://www.b2386828.msk.ru/js/0107/051206/051206-4.htm

   
Rambler's Top100
вверх

Rambler's Top100 Яндекс.Метрика Яндекс цитирования