VPF::нужно спрятать tr - Форум программистов

137

Дата 20.2.2008, 19:44 (ссылка)

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

Загрузка ...

Новичок

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

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

Код


<script language="Javascript">
var mode='table-row';
var img='1';
function show(id, cnt, par)
{
    for(i=0; i<cnt; i++)
        document.getElementById('td'+id+'n'+i).style.display=mode;
    
    document.getElementById('par'+par).src='img/tree0'+img+'.gif';
    if(mode=='table-row'){ mode='none'; img='0';}
    else{ mode='table-row'; img='1';}
};
</script>

есть таблица вот таких строк

Код


<tr id="td1n0" style="display: none;"><td class="tab_str" style="padding-left:25px; background-color:#fafafa;">DJs</td><td style="text-align:center; background-color:#fafafa;"" class="tab_str"><a href="index2.php?menu_id=0&categ=9">Редактировать</a> | <a href=del.php?categ=1>Удалить</a></td></tr>

суть в том чтобы при нажатии на картинку прятались определенная группа строк.
мой код отлично работает в firefox но совсем не работатет в IE6, говорит что не правильный параметр для display

как мне добиться кроссбраузерности?

Itsys

Дата 20.2.2008, 22:12 (ссылка)

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

Загрузка ...

Эксперт

Профиль
Группа: Завсегдатай
Сообщений: 1338
Регистрация: 21.1.2008
Где: г. Москва

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

использовать не table-row а block

137

Дата 20.2.2008, 22:17 (ссылка)

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

Загрузка ...

Новичок

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

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

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

Itsys

Дата 20.2.2008, 22:23 (ссылка)

(голосов:1)

Загрузка ...

Эксперт

Профиль
Группа: Завсегдатай
Сообщений: 1338
Регистрация: 21.1.2008
Где: г. Москва

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

Попробуй inline

SelenIT

Дата 21.2.2008, 03:08 (ссылка)

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

Загрузка ...

баг форума

Профиль
Группа: Завсегдатай
Сообщений: 3996
Регистрация: 17.10.2006
Где: Pale Blue Dot

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

Цитата(Itsys @ 20.2.2008, 22:23

)

Попробуй inline

Не надо пробовать что попало и гадать на ромашке ;)

Как вариант - присвоить пустую строку. Это сбросит на умолчательное значение для TR (table-row в норм. браузерах, block в IE), если только оно не переопределено в CSS. Но более надежный и грамотный вариант - описать в CSS класс для видимых строк (указав через хаки или conditional comments нужное значение display для обоих типов браузеров), и скриптом менять className.

--------------------

Осторожно! Данный юзер и его посты содержат ДГМО! Противопоказано лицам с предрасположенностью к зонеризму!

137

Дата 21.2.2008, 11:44 (ссылка)

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

Загрузка ...

Новичок

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

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

Цитата(SelenIT @ 21.2.2008, 03:08

)

Как вариант - присвоить пустую строку. Это сбросит на умолчательное значение для TR (table-row в норм. браузерах, block в IE),

а как это сделать? smile

Ghirik

Дата 21.2.2008, 13:13 (ссылка)

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

Загрузка ...

Опытный

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

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

Вот так по классу можно прятать:

Код


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> 
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Title block</title>
<style type="text/css">
.tr { display: block; }
.tr_none { display: none; }
</style>
<script type="text/javascript">
<!--
function show() {
    var tr = document.getElementsByTagName('tr');
    for(i = 0; i < tr.length; i++) {
        if(tr[i].className == 'tr') {
            tr[i].className = 'tr_none';
        }
        else {
            tr[i].className = 'tr';
        }
    }
}
//-->
</script>
</head>
<body>


<p><input type="button" value="Тудым-сюдым" onclick="show()"></p>
<p><input type="button" value="body_innerHTML" onclick="alert(document.body.innerHTML)"></p>
<table border="1" width="100%" id="table1">
    <tr class="tr">
        <td>&nbsp;</td>
    </tr>
    <tr class="tr">
        <td>&nbsp;</td>
    </tr>
    <tr class="tr">
        <td>&nbsp;</td>
    </tr>
    <tr class="tr">
        <td>&nbsp;</td>
    </tr>
    <tr class="tr">
        <td>&nbsp;</td>
    </tr>
    <tr class="tr">
        <td>&nbsp;</td>
    </tr>
    <tr class="tr">
        <td>&nbsp;</td>
    </tr>
    <tr class="tr">
        <td>&nbsp;</td>
    </tr>
    <tr class="tr">
        <td>&nbsp;</td>
    </tr>
</table>


</body>
</html>

Забавное поведение в FF.... smile

Кто объяснит, от чего высота растет?

--------------------

Отдадим всё клиенту, пускай его машина мучается...

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