VPF::не хочет меняться цвет границы таблицы

kaa

Дата 30.1.2007, 00:20 (ссылка)

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

Загрузка ...

Опытный

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

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

Вот собственно код:

Код


document.getElementById("table_param_node").bordercolor = "#000000"

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

А когда ставлю такой:

Код


document.getElementById("table_param_node").style.borderStyle = "solid";
document.getElementById("table_param_node").style.borderColor = "#000000";

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

Никто не подскажет как динамически менять цвет границы таблицы?

Sardar

Дата 30.1.2007, 01:30 (ссылка)

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

Загрузка ...

Бегун

Профиль
Группа: Модератор
Сообщений: 6986
Регистрация: 19.4.2002
Где: Нидерланды, Groni ngen

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

Цитата(kaa @ 29.1.2007, 23:20

)

его как будто и нету вовсе...

Да, такого свойства нету вовсе.

Вёрсткой проще всего так:

Код

<!-- линии между ячейками в 1px -->
<style type="text/css">
table.my_table { //вешаем любые дополнительные стили
    background-color: black;
    border: solid 1px black;
}
table.my_selected {
    background-color: orange;
    border: solid 1px orange;
}
</style>

<table class="my_table" cellspacing="1" onmouseover="this.className='my_selected';" onmouseout="this.className='my_table';">
  <tr><td>test</td><td>wow</td></tr>
  <tr><td>bla</td><td>ttt</td></tr>
</table>

Принцип думаю ясен.

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

Опыт - сын ошибок трудных © А. С. Пушкин
Процесс написания своего велосипеда повышает профессиональный уровень программиста. © Opik
Оценить мои качества можно тут.

kaa

Дата 30.1.2007, 14:59 (ссылка)

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

Загрузка ...

Опытный

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

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

Sardar,
А почему тогда код

Код


document.getElementById("table_param_node").style.borderStyle = "solid";
document.getElementById("table_param_node").style.borderColor = "#000000";

не срабатывает? Там же стиль границы наследуется по умолчанию от еблице к её ячейкам, а у мя рамка только вокруг таблицы smile

(незнаю, сюда я этот вапрос влепил - не сюда? Вродь явой-скриптом работаю, а вроде как и вёрстка)

Спасибо за ответ - пойду классы помучаю. я правда в них не силён smile

Это сообщение отредактировал(а) kaa - 30.1.2007, 15:02

Sardar

Дата 30.1.2007, 22:07 (ссылка)

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

Загрузка ...

Бегун

Профиль
Группа: Модератор
Сообщений: 6986
Регистрация: 19.4.2002
Где: Нидерланды, Groni ngen

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

Цитата(kaa @ 30.1.2007, 13:59

)

не срабатывает?

Нет, ячейки не наследуют бордюры от таблицы. Задавая скриптом бордюр ты забыл про borderWidth, когда он в 0px (по умолчанию), то бордюра не будет естественно.

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

kaa

Дата 30.1.2007, 22:38 (ссылка)

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

Загрузка ...

Опытный

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

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

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

Sardar

Дата 30.1.2007, 23:36 (ссылка)

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

Загрузка ...

Бегун

Профиль
Группа: Модератор
Сообщений: 6986
Регистрация: 19.4.2002
Где: Нидерланды, Groni ngen

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

Цитата(kaa @ 30.1.2007, 21:38

)

А существует тогда какой-нибудь способ поменять границу у ячеек сразу у всех, не бегая по ним?

CSS

Код

<style type='text/css'>
table.my_style td {
   border: 1px solid blue;
}

table.my_second_style td {
   border: 1px solid red;
}
</style>

...
document.getElementById('tableid').className = 'my_second_style'; //и все ячейки сменились

Срочно изучать CSS2/3 (w3.org/Style)

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

kaa

Дата 31.1.2007, 00:19 (ссылка)

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

Загрузка ...

Опытный

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

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

Sardar, Понял, спасибо.
Классы-тоя учил када-то, но на практике еще не пользовался, вот и позабыл. Ща перечитаю smile

slang

Дата 7.2.2007, 08:18 (ссылка)

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

Загрузка ...

Опытный

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

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

А подскажите, как изменять фон поля input и textaria при onblur и onfocus ?

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

Запчасти на иномарки www.avtograd55.ru.
Если есть время - зайдите и посоветуйте что исправить и что доработать.

slang

Дата 7.2.2007, 10:41 (ссылка)

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

Загрузка ...

Опытный

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

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

получилось нечто:

Код


<style type='text/css'>
input.unselected {
    background-color: white;
    border: solid 1px orange;
}
input.selected {
    background-color: orange;
    border: solid 1px orange;
}
</style>

Код


<td align='left'>
    <input id='title' name='title' type='text' size='47' maxlength='100' 
    onfocus="this.className='selected';" onblur="this.className='unselected';">
</td>

так работает, только я не знаю, как задать чтобы изначально (после загрузки страницы) для поля применялся стиль unselect.

Добавлено @ 10:55
все снят вопрос:

Код


<input id='title' name='title' type='text' size='47' maxlength='100' 
            class="unselected"
            onfocus="this.className='selected';" onblur="this.className='unselected';">

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

Запчасти на иномарки www.avtograd55.ru.
Если есть время - зайдите и посоветуйте что исправить и что доработать.

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