VPF::Сокрытие строк в таблице - Форум программистов

pegorov

Дата 20.6.2008, 00:39 (ссылка)

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

Загрузка ...

Новичок

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

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

Прошу помощи в решении следующей проблемы.
имеется код:

Код


<script>
        function Selecting(numb)
        {
            if (numb=="type1") {
                            document.getElementById("Profile").style.display = "Block";
                         }
            if (numb=="type2") {
                            document.getElementById("Profile").style.display = "none";
                         }
        }
</script>
        
        <table width="800" align="center">
            <tr>
                <td width="25%">
                    Поле
                </td>
                <td width="25%">
                    <input type="text" />
                </td>
                <td width="25%">
                    Поле 
                </td>
                <td width="25%">
                    <input type="text" />
                </td>
            </tr>
            <tr>
                <td width="25%">
                    Поле
                </td>
                <td width="25%">
                    <select onchange=Selecting(this.value)>
                        <option value="type1">show</option>
                        <option value="type2">hide</option>
                    </select>
                </td>
                <td width="25%">
                    Поле 
                </td>
                <td width="25%">
                    <input type="text" />
                </td>
            </tr>

            </table>
            
            <table width="800" id="Profile" align="center">
            <tr>
                <td width="25%">
                    Адрес: 
                </td>
                <td width="25%">
                    <input type="text" />
                </td>
                <td width="25%">
                    Web-страница: 
                </td>
                <td width="25%">
                    <input type="text" />
                </td>
            </tr>
            </table>

общая идея - при выборе из выпадающего списка значения show строка показывается, при hide - скрывается. Проблема в следующем: изначально последняя строка имеет те же размеры ячеек, что и предыдущая, по 25% на ячейку, однако, после скрытия и повторного показа ширина последней строки уменьшается.
Буду благодарен любому совету.

Это сообщение отредактировал(а) pegorov - 20.6.2008, 00:40

Grig

Дата 20.6.2008, 01:49 (ссылка)

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

Загрузка ...

Опытный

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

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

Код


document.getElementById("Profile").style.display = "Block";

на

Код


document.getElementById("Profile").style.display = "";

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

pegorov

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

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

Загрузка ...

Новичок

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

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

Большое спасибо, проблема решена, тема закрыта.

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