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

@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

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

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

Новые блоги и статьи Все статьи Все блоги /
Использование SDL3-callbacks вместо функции main() на Android, Desktop и WebAssembly 8Observer8 24.01.2026 Если вы откроете примеры для начинающих на официальном репозитории SDL3 в папке: examples, то вы увидите, что все примеры используют следующие четыре обязательные функции, а привычная функция main(). . .	моя боль iceja 24.01.2026 Выложила интерполяцию кубическими сплайнами www. iceja. net REST сервисы временно не работают, только через Web. Написала за 56 рабочих часов этот сайт с нуля. При помощи perplexity. ai PRO , при. . .	Модель сукцессии микоризы anaschu 24.01.2026 Решили писать научную статью с неким РОманом	http://iceja.net/ математические сервисы iceja 20.01.2026 Обновила свой сайт http:/ / iceja. net/ , приделала Fast Fourier Transform экстраполяцию сигналов. Однако предсказывает далеко не каждый сигнал (см ограничения http:/ / iceja. net/ fourier/ docs ). Также. . .
http://iceja.net/ сервер решения полиномов iceja 18.01.2026 Выкатила http:/ / iceja. net/ сервер решения полиномов (находит действительные корни полиномов методом Штурма). На сайте документация по API, но скажу прямо VPS слабенький и 200 000 полиномов. . .	Расчёт переходных процессов в цепи постоянного тока igorrr37 16.01.2026 / * Дана цепь(не выше 3-го порядка) постоянного тока с элементами R, L, C, k(ключ), U, E, J. Программа находит переходные токи и напряжения на элементах схемы классическим методом(1 и 2 з-ны. . .	Восстановить юзерскрипты Greasemonkey из бэкапа браузера damix 15.01.2026 Если восстановить из бэкапа профиль Firefox после переустановки винды, то список юзерскриптов в Greasemonkey будет пустым. Но восстановить их можно так. Для этого понадобится консольная утилита. . .	Сукцессия микоризы: основная теория в виде двух уравнений. anaschu 11.01.2026 https:/ / rutube. ru/ video/ 7a537f578d808e67a3c6fd818a44a5c4/

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

	Задать бэкграунд ячейке при наличии содержимого 27.02.2014, 18:43. Показов 736. Ответов 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