Анна Ариадна
Анна Ариадна

Веб программирование

Имеется вот такой код, при клике на ячейку таблицы она меняет цвет, но после обновления странички цвет становится прежним. Как сделать так чтобы после нажатия на ячейки, изменения сохранялись и при обновлении страницы были видно выделенные ранее ячейки?









body {background: silver}

#myTBL td {background: white; color: black}

#myTBL td.act {background: black; color: white}





function myFunc (e)

{

var evt = window.event || e,

obj = evt.srcElement || evt.target;

if (obj.tagName == 'TABLE') return;

while (obj.tagName != 'TD') obj = obj.parentNode;

obj.className = obj.className ? '' : 'act';

}

onload = function ()

{

var trg = document.getElementById ('myTBL');

if (document.addEventListener) trg.addEventListener ('click', myFunc);

else if (document.attachEvent) trg.attachEvent ('onclick', myFunc);

else trg.onclick = myFunc;

}









b00b01b02

b10b11b12

b20b21b22

Нина Кукуева
Нина Кукуева

Для начала скрипты в отдельный файл, стили в отдельный. Чтобы сохранялась - нужно работать с куками, или, как тут уже сказали хранить состояние на стороне сервера, потому как при обновлении страницы, данные снова берутся по умолчанию сейчас и их неоткуда считать

Наталья Александрова
Наталья Александрова

Изменять цвет на стороне сервера

ИА
Имран Ахмадов

используйте localstorage браузера или куки.

Похожие вопросы
подскажите про веб программирование
Программирования веб-сайтов !
Лучший язык для веб-программирования (серверного)?
Англоязычные ресурсы по веб-программированию
Является ли веб-верстка программированием?
Веб-программирование?
С чего начать изучать веб-программирование?
скажите программы для веб-программирования
Что означает понятие "цикл" в веб-программировании?
Хотелось бы начать учить веб-программирование