VPF::как правильно прятать дивы - Форум программистов

jkffdwitnas

Дата 16.5.2010, 22:06 (ссылка)

(нет голосов)

Загрузка ...

Шустрый

Профиль
Группа: Участник
Сообщений: 59
Регистрация: 25.10.2009

Репутация: нет
Всего: нет

вот такая история. хочу чтобы показывался только один див, в итоге невидимы все

Код


<script type="text/JavaScript"> 
function toggleshow(n)
{
    for (var i=0; i < 7; i++)
    {
        var d = document.getElementById('tvchart'+i);
        if (i != n) { d.setStyle('display','none'); }
        else { d.setStyle('display','block'); }
    }
}
</script>

Код


<table> 
<tbody> 
    <tr> 
        <th><a href="#" onclick=" toggleshow(0); return false;">Пятница</th> 
        <th><a href="#" onclick=" toggleshow(1); return false;">Суббота</th> 
        <th><a href="#" onclick=" toggleshow(2); return false;">Воскресенье</th> 
        <th><a href="#" onclick=" toggleshow(3); return false;">Понедельник</th> 
        <th><a href="#" onclick=" toggleshow(4); return false;">Вторник</th> 
        <th><a href="#" onclick=" toggleshow(5); return false;">Среда</th> 
        <th><a href="#" onclick=" toggleshow(6); return false;">Четверг</th> 
    </tr> 
    <tr> 
        <td colspan="7"> 
            <div id="tvchart0" style="display:none;">0
            </div> 
            <div id="tvchart1" style="display:none;">1
            </div> 
            <div id="tvchart2" style="display:none;">2
            </div> 
            <div id="tvchart3" style="display:none;">3
            </div> 
            <div id="tvchart4" style="display:none;">4
            </div> 
            <div id="tvchart5" style="display:none;">5
            </div> 
            <div id="tvchart6" style="display:none;">6
            </div> 
        </td> 
    </tr> 
</tbody> 
</table>

подскажите ошибку, пожалуйста
спасибо

Amphiluke

Дата 16.5.2010, 22:18 (ссылка)

(нет голосов)

Загрузка ...

☽

Профиль
Группа: Завсегдатай
Сообщений: 1253
Регистрация: 26.8.2009

Репутация: 35
Всего: 112

Ну а если по-тупому smile

Код


function toggleshow(n)
{
    for (var i=0; i < 7; i++)
        document.getElementById('tvchart'+i).style.display = (i != n) ? 'none' : 'block';
}

jkffdwitnas

Дата 17.5.2010, 10:49 (ссылка)

(нет голосов)

Загрузка ...

Шустрый

Профиль
Группа: Участник
Сообщений: 59
Регистрация: 25.10.2009

Репутация: нет
Всего: нет

а так работает, спасибо большое

0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| JavaScript: Общие вопросы \| Следующая тема »