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

HTML+CSS+JavaScript

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

 

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

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

тема: Помогите дописать функцию показа и сокрытия слоя
 
 автор: provodnik   (03.10.2007 в 10:46)   письмо автору
 
 

Доброго времени суток. Помогите дописать ф-ию. Вот рабочий пример:

<script language="JavaScript">
<!--
function showDetails(elem, num) {    
    var obj1 = eval('document.getElementById("' + num + '")');
    if (obj1.style.display == 'none') {
        obj1.style.display = elem;
    } else {
        obj1.style.display = 'none';
    }
}
// --></script>

<a href=# onClick="showDetails('block', 0);" style="cursor:pointer">Личное</a> | 
<a href=# onClick="showDetails('block', 1);" style="cursor:pointer">Интересы</a>
<div id=0 style="DISPLAY: none">ЛичноеЛичноеЛичное</div>
<div id=1 style="DISPLAY: none">ИнтересыИнтересыИнтересы</div>

Не устраивает то, что одновременно можно открыть оба слоя. А очень хочется, чтобы при открытии второго слоя, первый открытый закрывася. Просто на странице очень много слоев.
В общем что бы единовременно был бы открыт только один слой

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

   
 
 автор: bronenos   (03.10.2007 в 11:28)   письмо автору
 
   для: provodnik   (03.10.2007 в 10:46)
 

занесите ссылки на их всех в массив и в цикле закрывайте все кроме текущего

   
 
 автор: CrazyAngel   (03.10.2007 в 11:29)   письмо автору
 
   для: provodnik   (03.10.2007 в 10:46)
 

я не гуру, но сделал бы так...


<script language="JavaScript">
<!--
var acv_desscription;
function details(id) { 
    if(acv_desscription == id){
        var desscription = document.getElementById(id);
        desscription.style.display = (desscription.style.display == 'none')?'block':'none';
    }else{
        document.getElementById(id).style.display = 'block';
        if(acv_desscription) document.getElementById(acv_desscription).style.display = 'none';
        acv_desscription = id;
    }
}
// --></script>

<a href=# onClick="details(1);return false;" style="cursor:pointer">Личное</a> | 
<a href=# onClick="details(2);return false;" style="cursor:pointer">Интересы</a>
<div id=1 style="DISPLAY: none">ЛичноеЛичноеЛичное</div>
<div id=2 style="DISPLAY: none">ИнтересыИнтересыИнтересы</div> 

   
 
 автор: provodnik   (03.10.2007 в 11:46)   письмо автору
 
   для: CrazyAngel   (03.10.2007 в 11:29)
 

bronenos - спасибо за совет, но к сожалению я в JS вообще валенок
CrazyAngel - спасибо за рабочий код, он уже работает...

   
Rambler's Top100
вверх

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