X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость (

| Вход | Регистрация )

2 страниц V   1 2 >
Открыть тему
Тема закрыта
> Залить ячейку таблицы цветом в javascript коде?
Semen_hb
Semen_hb
Topic Starter сообщение 27.8.2009, 11:39; Ответить: Semen_hb
Сообщение #1


Каким образом можно залить ячейку таблицы нужным цветом из javascript кода? Я сейчас я использую такой вариант заливки:

...<TD><CENTER><span class="result" id="dy33"></span></CENTER></TD>...

...
... if (num2[xi1]==time1 && y==time2 && m==time3)
{
var bgc=document.getElementById(jim[xi]).style;
bgc=document.getElementById(jim[xi]).style;
bgc.backgroundColor="ff252a";
bgc.color="f9ff9d"
} else {...

Но при таком варианте идет заливка только вокруг значения, а мне необходимо залить всю ячейку таблицы, а еще лучше, с заданной шириной и высотой... Как это можно сделать?
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Webmaster_hb
Webmaster_hb
сообщение 27.8.2009, 11:50; Ответить: Webmaster_hb
Сообщение #2


Semen, а в чем проблема установить ID на TD той ячейки которую надо залить фоном ?
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Semen_hb
Semen_hb
Topic Starter сообщение 27.8.2009, 12:01; Ответить: Semen_hb
Сообщение #3


Вот спасибо, точно... получилось все... Просто прописал id в <TD>:
...<TD id="dy33"><CENTER><span class="result" id="dy33"></span></CENTER></TD>...
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Semen_hb
Semen_hb
Topic Starter сообщение 27.8.2009, 12:28; Ответить: Semen_hb
Сообщение #4


Вот проблемка появилась: изменился шрифт и размер текста в ячейках после установки id на TD... как ее изменить, пробовал и CSS устанавливать шрифт, и
<font stile="font-weight: 700" face="Arial" size="2" color="#000000" style="font-size: 9pt">

не получается... Может какой то способ установки шрифта и размера по умолчанию есть?
//---------------------------
Все, получилось:
<style type="text/css">
table { color: #585858; font-family: Arial; font-size: "9pt" }
</style>

//---------------------------
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Webmaster_hb
Webmaster_hb
сообщение 27.8.2009, 12:45; Ответить: Webmaster_hb
Сообщение #5


стиль для своего ID задайте так
td#dy33 {
font....
}
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Semen_hb
Semen_hb
Topic Starter сообщение 27.8.2009, 13:05; Ответить: Semen_hb
Сообщение #6


Дело в том, что у меня 56 ячеек с id и для них нужно задать стиль. А вот актуальный вопрос: Opera не приняла стиль для таблиц, а ИЕ - принял, поэтому в опере размер и тип шрифта остался прежним (по умолчанию) - думаю Ваш вариант
td#dy33 {
font....
}

решает эту проблему.
Но вот как прописать такие стили для 56 ячеек?
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Webmaster_hb
Webmaster_hb
сообщение 27.8.2009, 16:17; Ответить: Webmaster_hb
Сообщение #7


Semen, а что ID у всех 56 ячеек разные ?
чтобы задать стиль для всей таблицы, ей достаточно задать класс
<table class="kvadrat">

и в стилях задать нужный стиль
<style>
table.kvadrat td {
font..
}
</style>
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Semen_hb
Semen_hb
Topic Starter сообщение 27.8.2009, 21:07; Ответить: Semen_hb
Сообщение #8


Да, я сделал id массив с 56 именами, в процессе выполнения кода, каждому имени присваивается определенное значение, и цвет. Вообще я делаю календарь с функциями: архива, оповещения прадзников, возможностью выбора определенной даты. В моем календаре, ячейки заполняются из 3-х массивов: от последнего понедельника предыдущего месяца; текущий месяц; от последнего дня месяца до первого воскресенья нового месяца. Мне очень удобно, в блоке заполнения ячеек: "разукрашивать массивы", а для второго массива чисел, вставлять туда, одновременно, выделение текущего дня, праздники, и оповещения о наступлении праздника... Я видел календарь с подобными функциями, однако его код занимает 5 файлов... а мой 1 фаил и, по желанию картинку с фоном... :)
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Semen_hb
Semen_hb
Topic Starter сообщение 28.8.2009, 13:44; Ответить: Semen_hb
Сообщение #9


(Webmaster_hb @ 27.8.2009, 14:50) *
Semen, а в чем проблема установить ID на TD той ячейки которую надо залить фоном ?

Уважаемый Webmaster я сделал так как вы советовали:
<TD id="jim[xi]"><CENTER><span class="result" id="jim[xi]"></span></CENTER></TD>


// Массив с id
var jim=new Array("dy01", "dy02", "dy03", "dy04", "dy05", "dy06", "dy07", "dy08", "dy09", "dy10", "dy11", "dy12", "dy13", "dy14", "dy15", "dy16", "dy17", "dy18", "dy19", "dy20", "dy21", "dy22", "dy23", "dy24",    "dy25", "dy26", "dy27", "dy28", "dy29", "dy30", "dy31", "dy32", "dy33", "dy34", "dy35", "dy36",    "dy37", "dy38", "dy39", "dy40", "dy41", "dy42");
// Заполняем ячейки таблицы, числами массива 1
var xi=0;
while (xi<num1.length)
{
var ld=document.getElementById(jim[xi]);
ld=document.getElementById(jim[xi]);
ld.innerHTML=num1[xi];
var bgc=document.getElementById(jim[xi]).style; // меняем цвет текста для массива 1
bgc=document.getElementById(jim[xi]).style;
bgc.color="#aaaaaa";
xi=xi+1*1;
}
// Заполняем ячейки таблицы, числами массива 2
var xi1=0;
while (xi<num1.length+num2.length)
{
var ld=document.getElementById(jim[xi]);
ld=document.getElementById(jim[xi]);
ld.innerHTML=num2[xi1];
var bgc=document.getElementById(jim[xi]).style; // меняем цвет текста массива2
bgc=document.getElementById(jim[xi]).style;
bgc.color="#2e8028";
//----------------------------------------------------------
if (num2[xi1]==time.getDate() && year==time.getYear() && month-1*1==time.getMonth())
        { // закрашиваем ячейку с текущей датой
            var bgc=document.getElementById(jim[xi]).style;
            bgc=document.getElementById(jim[xi]).style;
            bgc.backgroundColor="#ff252a";
            bgc.color="#f9ff9d"

        } else { // сбрасываем цвет ячейки на цвет фона, если выбранная дата (месяц, год) не соответствует текущему значению
            var bgc=document.getElementById(jim[xi]).style;
            bgc=document.getElementById(jim[xi]).style;
            bgc.backgroundColor="#ffffff";}
//-----------------------------------------------------------
xi1=xi1+1*1;
xi=xi+1*1;
}
// Заполняем ячейки таблицы, числами массива 3
var xi2=0;
while (xi<num1.length+num2.length+num3.length)
{
var ld=document.getElementById(jim[xi]);
ld=document.getElementById(jim[xi]);
ld.innerHTML=num3[xi2];
var bgc=document.getElementById(jim[xi]).style; // меняем цвет текста массива3
bgc=document.getElementById(jim[xi]).style;
bgc.color="#aaaaaa";
xi2=xi2+1*1;
xi=xi+1*1;
}
// Раскраска дней Воскресенья
var xi3=6*1;
while (xi3<43)
{
var bgc=document.getElementById(jim[xi3]).style;
bgc=document.getElementById(jim[xi3]).style;
bgc.color="#ff1212";
xi3=xi3+7*1;
}

Скажите в своем совете вы имели в виду именно такой вариант?
Дело в том, что на одном ruском форуме javascript, разгорелось! очень бурное обсуждение этого варианта. Вот я уже и сомневаюсь, что правильно понял Ваш совет? :hmhm:
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Webmaster_hb
Webmaster_hb
сообщение 28.8.2009, 14:17; Ответить: Webmaster_hb
Сообщение #10


Semen, может и я вас неправильно понял

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

чтобы на ходу менять цвета - вам без ID для каждой ячейки не обойтись
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
2 страниц V   1 2 >
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Услуги по созданию и доработке скриптов PHP, MySQL, JavaScript, jQuery
Разработка сайтов и сервисов под-ключ
0 alexey 1168 24.11.2023, 14:46
автор: alexey
Горячая тема (нет новых ответов) Тема имеет прикрепленные файлыВеб-разработка (HTML5, CSS3, JavaScript, jQuery, Ajax, PHP)
56 qpPeW 44760 19.7.2023, 10:03
автор: qpPeW
Открытая тема (нет новых ответов) Залить html страницу на 20 доменов
6 TABAK 1681 22.5.2023, 16:24
автор: KORUP
Открытая тема (нет новых ответов) Мелкие правки в коде сайта WP
нужен исполнитель на периодичные правки сайта WP
0 Vreg 1201 22.3.2021, 12:26
автор: Vreg
Открытая тема (нет новых ответов) 1C-Bitrix, JavaScript\jQuery, Верстка HTML5 CSS3
1 byteeightlab 1458 2.7.2019, 7:37
автор: ychervov


 



RSS Текстовая версия Сейчас: 28.3.2024, 16:44
Дизайн