Задать бэкграунд ячейке при наличии содержимого

@fol · Регистрация: 08.07.2013

Студворк — интернет-сервис помощи студентам

Здравствуйте.
Есть, например, такая таблица:
Название: yy.png
Просмотров: 49

Размер: 1.2 Кб

Как с помощью скрипта задать бэкграунд для тех ячеек, в которых что-то написано, а пустые при этом не красить?

@newJS · 27.02.2014, 21:21

принцип понятен?

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
onload=function(){
var m, k;
m=document.getElementsByTagName("td");
k=m.length;
while(k--){
m[k].onmouseover=over;
m[k].onmouseout=out;};
 };
 
function over(){
var s=this.innerHTML.replace(/[^\d]/g, "");
if(s!==""){this.style.backgroundColor="lavender"};
 };
 
function out(){
this.style.backgroundColor="";
 };

@fol · 28.02.2014, 11:02 **[ТС]**

В js не силен, увы, но, по идее, выше описан скрипт изменения свойства при наведении. Мне же нужно, чтобы белые ячейки оставались белыми, а заполненные меняли бэкграунд

@newJS · 28.02.2014, 21:31

Сообщение от fol

Мне же нужно, чтобы белые ячейки оставались белыми, а заполненные меняли бэкграунд

а подключить и попробовать религия не позволяет?

@fol · 28.02.2014, 22:55 **[ТС]**

да вот что-то не работает у меня.

@newJS · 01.03.2014, 07:54

копируем полностью файлик и ездим мышкой по ячейкам

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html lang="ru"><head>
<title>w123</title>
<meta http-equiv="Content-Type" content="text/html; charset=Windows-1251">
<script type="text/javascript">
onload=function(){
var m, k;
m=document.getElementsByTagName("td");
k=m.length;
while(k--){
m[k].onmouseover=over;
m[k].onmouseout=out;};
 };
 
function over(){
var s=this.innerHTML.replace(/[^\d]/g, "");
if(s!==""){this.style.backgroundColor="lavender"};
 };
 
function out(){
this.style.backgroundColor="";
 };
</script>
 
</head>
 
<body>
 
<table border="1" width="99%" cellpadding="0" cellspacing="0">
<tr><td>1</td><td>2</td><td>&nbsp;</td><td>4
</td></tr><tr><td>&nbsp;</td><td>6</td><td>7</td><td>8
 
</td></tr></table>
 
 
</body>
</html>

@kalabuni · 01.03.2014, 11:01

newJS, а где топикстартер написал про "ездить мышкой"?
я что-то не нашёл
ИМХО, ему требуется статично дать фон непустым ячейкам

@newJS · 01.03.2014, 21:35

Сообщение от kalabuni

ИМХО, ему требуется статично дать фон непустым ячейкам

тогда я вообще не понимаю в чём проблема? причем тут скрипт, если ему нужно отслеживать изменения в ячейках и тут же менять фон, так пусть так и скажет
я как понял, так и сделал

@fol · 15.03.2014, 13:48 **[ТС]**

Сообщение от kalabuni

ему требуется статично дать фон непустым ячейкам

да, именно так: если в ячейке есть данные, то дать этой ячейке бэкграунд, отличный от белого, без наведения мыши

@fol · 15.03.2014, 13:51 **[ТС]**

Название: 34.jpg
Просмотров: 27

Размер: 10.9 Кб

вот, что я имел ввиду

в маленькой таблице можно просто классами css решить, но в большой это будет, как вы понимаете, ооочень долго

@kalabuni · 15.03.2014, 14:49

HTML5
1
2
3
4
5
6
<table id="myTBL">...</table>
<script>
var tds = document.getElementById ('myTBL').getElementsByTagName ('td');
for (var j = 0, J = tds.length; j < J; j++)
   if (tds [j].innerHTML != '') tds [j].style.background = 'lime';
</script>

а вообще-то ячейки не должны быть совершенно пустыми - в некоторых браузерах это приводит к искажениям бордеров пустых ячеек

@fol · 17.03.2014, 13:23 **[ТС]**

Сообщение от kalabuni

а вообще-то ячейки не должны быть совершенно пустыми - в некоторых браузерах это приводит к искажениям бордеров пустых ячеек

не знал, спасибо

@newJS · 17.03.2014, 21:27

Сообщение от kalabuni

а вообще-то ячейки не должны быть совершенно пустыми

а код расчитан именно на пустую, я не зря регулярку использовал

Новые блоги и статьи Все статьи Все блоги /
Отображение реквизитов в документе по условию и контроль их заполнения Maks 04.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "ПланированиеСпецтехники", разработанного в конфигурации КА2. Данный документ берёт данные из другого нетипового документа. . .	Фото всей Земли с борта корабля Orion миссии Artemis II kumehtar 04.04.2026 Это первое подобное фото сделанное человеком за 50 лет. Снимок называют новым вариантом легендарной фотографии «The Blue Marble» 1972 года, сделанной с борта корабля «Аполлон-17». Новое фото. . .	Вывод диалогового окна перед закрытием, если документ не проведён Maks 04.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "СписаниеМатериалов", разработанного в конфигурации КА2. Задача: реализовать программный контроль на предмет проведения документа. . .	Программный контроль заполнения реквизита табличной части документа Maks 02.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "СписаниеМатериалов", разработанного в конфигурации КА2. Задача: реализовать контроль заполнения реквизита "ПричинаСписания". . .
wmic не является внутренней или внешней командой Maks 02.04.2026 Решение: DISM / Online / Add-Capability / CapabilityName:WMIC~~~~ Отсюда: https:/ / winitpro. ru/ index. php/ 2025/ 02/ 14/ komanda-wmic-ne-naydena/	Программная установка даты и запрет ее изменения Maks 02.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "СписаниеМатериалов", разработанного в конфигурации КА2. Задача: при создании документов установить период списания автоматически. . .	Вывод данных в справочнике через динамический список Maks 01.04.2026 Реализация из решения ниже выполнена на примере нетипового справочника "Спецтехника" разработанного в конфигурации КА2. Задача: вывести данные из ТЧ нетипового документа. . .	Программное заполнения текстового поля в реквизите формы документа Maks 01.04.2026 Алгоритм из решения ниже реализован на нетиповом документе "ВыдачаОборудованияНаСпецтехнику" разработанного в конфигурации КА2, в дополнении к предыдущему решению. На форме документа создается. . .

@fol 511 / 485 / 161 Регистрация: 08.07.2013 Сообщений: 1,714 Записей в блоге: 1

	Задать бэкграунд ячейке при наличии содержимого 27.02.2014, 18:43. Показов 754. Ответов 12 Метки нет (Все метки) Здравствуйте. Есть, например, такая таблица: Как с помощью скрипта задать бэкграунд для тех ячеек, в которых что-то написано, а пустые при этом не красить? 0

@fol 511 / 485 / 161 Регистрация: 08.07.2013 Сообщений: 1,714 Записей в блоге: 1
	28.02.2014, 11:02 [ТС]
	В js не силен, увы, но, по идее, выше описан скрипт изменения свойства при наведении. Мне же нужно, чтобы белые ячейки оставались белыми, а заполненные меняли бэкграунд 0

@fol 511 / 485 / 161 Регистрация: 08.07.2013 Сообщений: 1,714 Записей в блоге: 1
	28.02.2014, 22:55 [ТС]
	да вот что-то не работает у меня. 0

@kalabuni супермизантроп 3941 / 2979 / 692 Регистрация: 18.04.2012 Сообщений: 8,629
	01.03.2014, 11:01
	newJS, а где топикстартер написал про "ездить мышкой"? я что-то не нашёл ИМХО, ему требуется статично дать фон непустым ячейкам 1

@fol 511 / 485 / 161 Регистрация: 08.07.2013 Сообщений: 1,714 Записей в блоге: 1
	15.03.2014, 13:51 [ТС]
	вот, что я имел ввиду в маленькой таблице можно просто классами css решить, но в большой это будет, как вы понимаете, ооочень долго 0