koshkina

Огромное спасибо! это сильно облегчает жизнь

У меня на сайте несколько таблиц. И так получается, что оформление у них будет совершенно разное. Не только самих таблиц, но и соответвенно ячеек. Как грамотнее будет оформить это в css? Пока я задаю классы для разных видов table и td. Но если таблица большая в каждый td вставлять класс довольно долго. Вопрос нет ли менее трудоемкого способа? Или я много хочу?

Решение найдено. Возможно кому-то будет интересно var currentButton = ""; function paint(tableToSelect) { if (currentButton != null && currentButton != "") { deselectbutton(document.getElementById(currentButton)); } currentButton = tableToSelect.id; selectbutton(tableToSelect); } function selectbutton(table1) { var img1 = table1.firstChild.firstChild.firstChild.firstChild; var td1 = table1.firstChild.firstChild.firstChild.nextSibling; var img2 = table1.firstChild.firstChild.firstChild.nextSibling.nextSibling.firstChild; var tr1 = table1.firstChild.firstChild; img1.setAttribute('src', 'images/Copy-of-maket_10.jpg'); img2.setAttribute('src', 'images/Copy-of-maket_14.jpg'); td1.setAttribute ('background', 'images/Copy-of-maket_11.jpg'); tr1.style.color = '#01A1DD'; } function deselectbutton(table1) { var img1 = table1.firstChild.firstChild.firstChild.firstChild; var td1 = table1.firstChild.firstChild.firstChild.nextSibling; var img2 = table1.firstChild.firstChild.firstChild.nextSibling.nextSibling.firstChild; var tr1 = table1.firstChild.firstChild; img1.setAttribute('src', 'images/Copy-of-maket_04.jpg'); img2.setAttribute('src', 'images/Copy-of-maket_08.jpg'); td1.setAttribute ('background', 'images/Copy-of-maket_05.jpg'); tr1.style.color = '#ffffff'; } window.onload = function() { var menu = document.getElementById('menu'); var table1 = menu.getElementsByTagName('table'); for(var i = 0; i < table1.length; i++) { table1[i].onclick = function() { paint(this); } } }

Подскажите, пожалуйста, начинающей Есть меню, каждый элемент которого состоит из таблицы. По событию onclick по таблице заменяются некоторые элементы таблицы, а также некоторые свойства элементов. Но никак не пойму как сделать так, чтобы при следующем щелчке по другой таблице в первой все менялась обратно? Код такой пока function paint(table1) { var img1 = table1.firstChild.firstChild.firstChild.firstChild; var td1 = table1.firstChild.firstChild.firstChild.nextSibling; var img2 = table1.firstChild.firstChild.firstChild.nextSibling.nextSibling.firstChild; var tr1 = table1.firstChild.firstChild; img1.setAttribute('src', 'images/Copy-of-maket_10.jpg'); img2.setAttribute('src', 'images/Copy-of-maket_14.jpg'); td1.setAttribute ('background', 'images/Copy-of-maket_11.jpg'); tr1.style.color = '#01A1DD'; } window.onload = function() { var menu = document.getElementById('menu'); var table1 = menu.getElementsByTagName('table'); for(var i = 0; i < table1.length; i++) { table1[i].onclick = function() { paint(this); } }