Вопрос по слоям

Обсуждение вопросов клиентского программирования.

Модератор: Duncon

Ответить
Bloody ST@R
Сообщения: 37
Зарегистрирован: 19 фев 2004, 06:50

Hello,
Есть 2 слоя, один заходит за другой. На одном и на другом располагаются 2 таблицы. Только в той, которая снизу могут быть кнопки,ComboBox и другие элем. управления. Так вот проблема в том, что все эти элементы видны из под верхнего слоя. Можно ли сделать так, чтобы их было не видно.

Спасибо за совет:-)
Аватара пользователя
AiK
Сообщения: 2287
Зарегистрирован: 13 фев 2004, 18:14
Откуда: СПб
Контактная информация:

Уже раза три обсуждали. Ответ в общем сулчае не можно.
Но нижний слой можно сделать невидимым.
Даже самый дурацкий замысел можно воплотить мастерски
Bloody ST@R
Сообщения: 37
Зарегистрирован: 19 фев 2004, 06:50

Спасибо за ответ;-) Тогда философский вопрос: Есть какой-нибудь способ это обойти? Не ужели надо писать, например Combobox, самому...
Аватара пользователя
AiK
Сообщения: 2287
Зарегистрирован: 13 фев 2004, 18:14
Откуда: СПб
Контактная информация:

Я ж вроде написал - нижний слой делаешь невидимым и уже поверх рисуешь новый слой.
Разумеется, невидимой можно делать не всю таблицу, а только ячейку, над которой тащишь слой. Или как-то так...
Даже самый дурацкий замысел можно воплотить мастерски
Bloody ST@R
Сообщения: 37
Зарегистрирован: 19 фев 2004, 06:50

Да я просто не так тебя понял :o ops: Как сделать невидимую строку, столбец или ячейку? Я думаю что то вроде этого:

Код: Выделить всё

theCells = theRow.getElementsByTagName('td');
theCells.style.[color=red]parametr[/color]='visible'; //hidden
Аватара пользователя
AiK
Сообщения: 2287
Зарегистрирован: 13 фев 2004, 18:14
Откуда: СПб
Контактная информация:

Ну да, как-то так:

Код: Выделить всё

<html>
<head>
<style>
    .hiddenCell { visibility: hidden; background: #ff0000; width:250px;}
    .visibleCell{ visibility: visible; background: #00FF00; width:250px;}
</style>
<script>
    function setClassName(obj, className){
        obj.className = className;

    }
</script>
</head>
<body>
<table width="300px">
    <tbody>
        <tr>
            <td onmouseover='setClassName(this, "hiddenCell");' onmouseout='setClassName(this,"visibleCell")'>
                <input type="text" value="foo">
            </td>
            <td> cell2</td>
        </tr>
        <tr>
            <td> cell3</td>
            <td> cell4</td>
        </tr>
    </tbody>
</table>
</body>
</html>
Даже самый дурацкий замысел можно воплотить мастерски
Ответить