Помощник
|
Залить ячейку таблицы цветом в javascript коде? |
Semen_hb
|
Сообщение
#1
|
||
|
|
||
|
|||
Webmaster_hb |
27.8.2009, 11:50;
Ответить: Webmaster_hb
Сообщение
#2
|
|
Semen, а в чем проблема установить ID на TD той ячейки которую надо залить фоном ?
|
|
|
Semen_hb
|
Сообщение
#3
|
|
Вот спасибо, точно... получилось все... Просто прописал id в <TD>:
...<TD id="dy33"><CENTER><span class="result" id="dy33"></span></CENTER></TD>...
|
|
|
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 |
27.8.2009, 12:45;
Ответить: Webmaster_hb
Сообщение
#5
|
|
стиль для своего ID задайте так
td#dy33 {
font.... } |
|
|
Semen_hb
|
Сообщение
#6
|
|
Дело в том, что у меня 56 ячеек с id и для них нужно задать стиль. А вот актуальный вопрос: Opera не приняла стиль для таблиц, а ИЕ - принял, поэтому в опере размер и тип шрифта остался прежним (по умолчанию) - думаю Ваш вариант
td#dy33 { font.... } решает эту проблему. Но вот как прописать такие стили для 56 ячеек? |
|
|
Webmaster_hb |
27.8.2009, 16:17;
Ответить: Webmaster_hb
Сообщение
#7
|
|
Semen, а что ID у всех 56 ячеек разные ?
чтобы задать стиль для всей таблицы, ей достаточно задать класс <table class="kvadrat"> и в стилях задать нужный стиль <style>
table.kvadrat td { font.. } </style> |
|
|
Semen_hb
|
Сообщение
#8
|
|
Да, я сделал id массив с 56 именами, в процессе выполнения кода, каждому имени присваивается определенное значение, и цвет. Вообще я делаю календарь с функциями: архива, оповещения прадзников, возможностью выбора определенной даты. В моем календаре, ячейки заполняются из 3-х массивов: от последнего понедельника предыдущего месяца; текущий месяц; от последнего дня месяца до первого воскресенья нового месяца. Мне очень удобно, в блоке заполнения ячеек: "разукрашивать массивы", а для второго массива чисел, вставлять туда, одновременно, выделение текущего дня, праздники, и оповещения о наступлении праздника... Я видел календарь с подобными функциями, однако его код занимает 5 файлов... а мой 1 фаил и, по желанию картинку с фоном... :)
|
|
|
Semen_hb
|
Сообщение
#9
|
|
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 |
28.8.2009, 14:17;
Ответить: Webmaster_hb
Сообщение
#10
|
|
Semen, может и я вас неправильно понял
приведенный вами код что делает ??? заливает ячейки всей таблицы одним цветом ??? или заливает только ячейки из заданного массива ID ? чтобы на ходу менять цвета - вам без ID для каждой ячейки не обойтись |
|
|
|
Похожие темы
Тема | Ответов | Автор | Просмотров | Последний ответ | |
---|---|---|---|---|---|
Услуги по созданию и доработке скриптов 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 |
Текстовая версия | Сейчас: 28.3.2024, 16:44 |