Форум программистов [Powered by Invision Power Board]

Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате

Форум программистов > JavaScript: Общие вопросы > как определить ID конкретного тега?

Автор: MCTarakan 14.8.2008, 17:24

Вроде в поиске нету...

скажите, а как правильно определить ID тега? т.е. как должно выглядеть?

т.е. например, есть таблица с 3мя ячейками,

Код


<table>
<tr>
<td id="1"><a href="test.htm">Содержимое</a></td>
<td id="2"><a href="test.htm">Содержимое</a></td>
<td id="3"><a href="test.htm">Содержимое</a></td>
</tr>
</table>

надо чтобы при клике на один из линков ячейка меняла свой стиль из CSS, вот и хочу попробовать сделать это через определение ID ячейки...

Автор: bars80080 14.8.2008, 17:50

Код


<style>
#qw1 a:visited { color: #00ff00; }
#qw2 a:visited { color: #ff0000; }
#qw3 a:visited { color: #0000ff; }
</style>
<table>
<tr>
<td id="qw1"><a href="test.htm">Содержимое</a></td>
<td id="qw2"><a href="test.htm">Содержимое</a></td>
<td id="qw3"><a href="test.htm">Содержимое</a></td>
</tr>
</table>

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

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

Автор: comtat 14.8.2008, 17:52

Если я все верно понял, то ..
Попробуйте сделать зависимость между инд-ром ячейки и инд-ром ссылки (<td id ='td_a_1' .. и <a id='a_1' ..)
При клике вызываем функцию, находим инд-р ячейки и меняем ему стиль

Автор: bars80080 14.8.2008, 18:01

а, не заметил раздела в котором вопрос.

MCTarakan, при клике на один из линков, менять стиль ячейки через id - архи малопонятная тема. самое простое:

Код


<script>
function qwer(x) {
x.parentNode.style.background = "#ff0000";
}
</script>
<table>
<tr>
<td id="1"><a href="javascript:qwer(this); return false;">Содержимое</a></td>
<td id="2"><a href="javascript:qwer(this); return false;">Содержимое</a></td>
<td id="3"><a href="javascript:qwer(this); return false;">Содержимое</a></td>
</tr>
</table>

и всё, а лучше избавиться от ссылок, дабы совсем просто было