событие onclick и выделение элементов таблицы
PHP
Цикл:
{
<tr id='$row[id]' onclick=change_color(\"$row[id]\")>
<td>Название</td>
}
Javascript
function change_color(value)
{
document.getElementById(value).style.backgroundColor='red';
}
Подскажите как скидывать ранее выбранные элементы без перезагрузки страницы. Что б в один момент времени был выделен только один элемент? В упор не понимаю за что зацепится. |
Eser,
Цветовыделение делаем css(ом) по классу
<style>
td.active {
.background-color:#red;
}
</style>
<td class="active" ...
При клике - удаляем все классы active с элементов таблы и добавляем к текущему кликнутому |
Не могли бы показать кусок кода:"удаляем все классы active"
А можно ли document.getElementsByTagName('tr').style.backgrou ndColor=''; вот так? Т.е при запуске функции у всех tr убираем цвет и ставим у одного: document.getElementById(value).style.backgroundCol or='red'; |
Eser,
Обходите в цикле все ячейки таблы по тегу td и removeAttribute('class') |
Переделал все на использование классов.
removeAttribute не работает, в чем моя ошибка?
function change_color(value)
{
var table = document.getElementById('Table');
var trList= table.getElementsByTagName('tr');
for (var i=0;i<trList.length;i++)
{
document.getElementById(trList[i]).removeAttribute('class');
}
}
|
function change_color(value)
{
var table = document.getElementById('Table');
var trList= table.getElementsByTagName('tr');
for (var i=0;i<trList.length;i++)
{
trList[i].removeAttribute('class');
}
}
|
Все большое спасибо.
Получилось как через классы так и через style.backgroundColor=''; |
Eser,
Прост css при многострочной таблице - быстрее |
| Часовой пояс GMT +3, время: 13:45. |