|
|
12.08.2017, 22:39
|
|
Новичок на форуме
|
|
Регистрация: 12.08.2017
Сообщений: 1
|
|
|
как изменить фон в одной ячейке таблицы
добрый день, мне надо изменить цвет ячейки после ее нажатия, код сейчас получился такой, но что-то не работает
|
|
12.08.2017, 22:56
|
 |
Профессор
|
|
Регистрация: 27.05.2010
Сообщений: 33,123
|
|
Maria Send,
function capid(el){
el.style.backgroundColor = "red";
}
onclick="capid(this)"
О том, как вставить в сообщение исполняемый javascript и html-код, а также о дополнительных возможностях форматирования - читайте http://javascript.ru/formatting.
|
|
12.08.2017, 22:58
|
|
Профессор
|
|
Регистрация: 27.05.2010
Сообщений: 33,123
|
|
|
|
|
13.08.2017, 00:09
|
 |
Профессор
|
|
Регистрация: 01.12.2016
Сообщений: 3,650
|
|
<html>
<head>
</head>
<body>
<table>
<tr><td>111<td>111<td>111
<tr><td>111<td>111<td>111
<tr><td>111<td>111<td>111
</table>
<script>
document.querySelectorAll('td').forEach(el => el.onclick = e => el.style.backgroundColor = 'red');
</script>
</body>
</html>
|
|
13.08.2017, 05:13
|
|
Профессор
|
|
Регистрация: 14.01.2015
Сообщений: 12,989
|
|
|
j0hnik,
вы уж предупреждайте, что el => el.onclick = e => не во всех браузерах работать будет, а то пишите ради удовлетворения.
|
|
15.08.2017, 03:57
|
|
Профессор
|
|
Регистрация: 14.01.2015
Сообщений: 12,989
|
|
|
Сообщение от squrell
|
|
она % на 10-15 увеличивается и темнеет?
|
Темнеет, светлеет и т.п. да, увеличиться же в размерах отдельно от остальных ячейка таблицы не может, это приведет к изменению размеров и других ячеек таблицы. |
|
15.08.2017, 04:11
|
|
Профессор
|
|
Регистрация: 01.12.2016
Сообщений: 3,650
|
|
Сообщение от laimas
|
|
Темнеет, светлеет и т.п. да, увеличиться же в размерах отдельно от остальных ячейка таблицы не может, это приведет к изменению размеров и других ячеек таблицы.
|
ну что вы
<html>
<head>
<style>
td{
transition: .5s;
border: 1px solid gray;
font-size: 25px;
padding: 5px;
}
td:hover{
transform: scale(1.15);
background-color: rgba(0,0,0,.2);
}
</style>
</head>
<body>
<table>
<tr><td>111<td>111<td>111
<tr><td>111<td>111<td>111
<tr><td>111<td>111<td>111
</table>
</body>
</html>
|
|
15.08.2017, 04:37
|
|
Профессор
|
|
Регистрация: 14.01.2015
Сообщений: 12,989
|
|
|
j0hnik,
тут иной процесс, причем анимация только лажи добавляет. А размер ячейки на 10-15% это изменятся размеры соответствующей колонки и строки.
|
|
|
|
