Подсветка ячеек по указанным значениям
Всем привет!
Подскажите пожалуйста как реализовать поставленную задачу. Есть таблица (допустим на 20 ячеек), при клике на ячейке она выделяется другим цветом а значение попадает в текстовое поле, которое потом записывается в базу. Нужно подсветить только те ячейки который получаем с базы. Например ми выбрали 1,2,3 нажали кнопку Отправить, данные попали в базу. Потом на другой странице у мене в таблице подсвечеваются ячейки 1,2,3 |
romamarusyk, Записываем в куки, на новой странице - считываем
function setcookie(a,b,c) {if(c){var d = new Date();d.setTime(d.getTime()+c);}if(a && b) document.cookie = a+'='+b+(c ? '; expires='+d.toUTCString() : '');else return false;}
function getcookie(a) {var b = new RegExp(a+'=([^;]){1,}');var c = b.exec(document.cookie);if(c) c = c[0].split('=');else return false;return c[1] ? c[1] : false;}
arr = [1,2,3];
str=arr.join(',');
//Записываем в Кук
setcookie( "arr",str,30*3600*24*1000 );//Имя,данные, долговременность установки(ms)
alert("Кук 'arr' ="+str+" записан!")
//Тестируем и считываем Кук
function setcookie(a,b,c) {if(c){var d = new Date();d.setTime(d.getTime()+c);}if(a && b) document.cookie = a+'='+b+(c ? '; expires='+d.toUTCString() : '');else return false;}
function getcookie(a) {var b = new RegExp(a+'=([^;]){1,}');var c = b.exec(document.cookie);if(c) c = c[0].split('=');else return false;return c[1] ? c[1] : false;}
var a=getcookie('arr'); //Тут имя
if(a){arr=a.split(','); alert(arr)
} else {alert("Кук не найден!")}
|
спасибо большое но не могли бы вы подробнее описать что куда, а то я новачок в этом деле :)
то что оно записивает, я понял, но как подсветить ячейку в таблице по этим знчениям? |
спасибо уже не надо, как то сам решил, может и по нубски но работает :)
<HTML>
<HEAD></HEAD>
<BODY>
<TABLE id='table'>
</TABLE>
</BODY>
<script type='text/javascript'>
var a = [ '1','2','3','4','5','6','7','8','9','10','11',
'12','13','14','15','16','17','18','19','20'];
var y = '1,2,4,16';
var arr = y.split(/[,]/);
//Убедимся в правильном разбиении...
for (var i=0,len=arr.length;i<len;i++) {
document.write(arr[i]+" ");
}
table = document.getElementById('table');
table.setAttribute('border', 1);
tr = document.createElement("TR");
td = document.createElement("TD");
td.appendChild(document.createTextNode(a[0]));
for (var i=0,len=arr.length;i<len;i++) {
if(a[0]==arr[i])td.setAttribute('bgcolor','red');
}
tr.appendChild(td);
td = document.createElement("TD");
td.appendChild(document.createTextNode(a[1]));
for (var i=0,len=arr.length;i<len;i++) {
if(a[1]==arr[i])td.setAttribute('bgcolor','red');
}
tr.appendChild(td);
td = document.createElement("TD");
td.appendChild(document.createTextNode(a[2]));
for (var i=0,len=arr.length;i<len;i++) {
if(a[2]==arr[i])td.setAttribute('bgcolor','red');
}
tr.appendChild(td);
td = document.createElement("TD");
td.appendChild(document.createTextNode(a[3]));
for (var i=0,len=arr.length;i<len;i++) {
if(a[3]==arr[i])td.setAttribute('bgcolor','red');
}
tr.appendChild(td);
td = document.createElement("TD");
td.appendChild(document.createTextNode(a[4]));
for (var i=0,len=arr.length;i<len;i++) {
if(a[4]==arr[i])td.setAttribute('bgcolor','red');
}
tr.appendChild(td);
table.appendChild(tr);
tr = document.createElement("TR");
td = document.createElement("TD");
td.appendChild(document.createTextNode(a[5]));
for (var i=0,len=arr.length;i<len;i++) {
if(a[5]==arr[i])td.setAttribute('bgcolor','red');
}
tr.appendChild(td);
td = document.createElement("TD");
td.appendChild(document.createTextNode(a[6]));
for (var i=0,len=arr.length;i<len;i++) {
if(a[6]==arr[i])td.setAttribute('bgcolor','red');
}
tr.appendChild(td);
td = document.createElement("TD");
td.appendChild(document.createTextNode(a[7]));
for (var i=0,len=arr.length;i<len;i++) {
if(a[7]==arr[i])td.setAttribute('bgcolor','red');
}
tr.appendChild(td);
td = document.createElement("TD");
td.appendChild(document.createTextNode(a[8]));
for (var i=0,len=arr.length;i<len;i++) {
if(a[8]==arr[i])td.setAttribute('bgcolor','red');
}
tr.appendChild(td);
td = document.createElement("TD");
td.appendChild(document.createTextNode(a[9]));
for (var i=0,len=arr.length;i<len;i++) {
if(a[9]==arr[i])td.setAttribute('bgcolor','red');
}
tr.appendChild(td);
table.appendChild(tr);
tr = document.createElement("TR");
td = document.createElement("TD");
td.appendChild(document.createTextNode(a[10]));
for (var i=0,len=arr.length;i<len;i++) {
if(a[10]==arr[i])td.setAttribute('bgcolor','red');
}
tr.appendChild(td);
td = document.createElement("TD");
td.appendChild(document.createTextNode(a[11]));
for (var i=0,len=arr.length;i<len;i++) {
if(a[11]==arr[i])td.setAttribute('bgcolor','red');
}
tr.appendChild(td);
td = document.createElement("TD");
td.appendChild(document.createTextNode(a[12]));
for (var i=0,len=arr.length;i<len;i++) {
if(a[12]==arr[i])td.setAttribute('bgcolor','red');
}
tr.appendChild(td);
td = document.createElement("TD");
td.appendChild(document.createTextNode(a[13]));
for (var i=0,len=arr.length;i<len;i++) {
if(a[13]==arr[i])td.setAttribute('bgcolor','red');
}
tr.appendChild(td);
td = document.createElement("TD");
td.appendChild(document.createTextNode(a[14]));
for (var i=0,len=arr.length;i<len;i++) {
if(a[14]==arr[i])td.setAttribute('bgcolor','red');
}
tr.appendChild(td);
table.appendChild(tr);
tr = document.createElement("TR");
td = document.createElement("TD");
td.appendChild(document.createTextNode(a[15]));
for (var i=0,len=arr.length;i<len;i++) {
if(a[15]==arr[i])td.setAttribute('bgcolor','red');
}
tr.appendChild(td);
td = document.createElement("TD");
td.appendChild(document.createTextNode(a[16]));
for (var i=0,len=arr.length;i<len;i++) {
if(a[16]==arr[i])td.setAttribute('bgcolor','red');
}
tr.appendChild(td);
td = document.createElement("TD");
td.appendChild(document.createTextNode(a[17]));
for (var i=0,len=arr.length;i<len;i++) {
if(a[17]==arr[i])td.setAttribute('bgcolor','red');
}
tr.appendChild(td);
td = document.createElement("TD");
td.appendChild(document.createTextNode(a[18]));
for (var i=0,len=arr.length;i<len;i++) {
if(a[18]==arr[i])td.setAttribute('bgcolor','red');
}
tr.appendChild(td);
td = document.createElement("TD");
td.appendChild(document.createTextNode(a[19]));
for (var i=0,len=arr.length;i<len;i++) {
if(a[19]==arr[i])td.setAttribute('bgcolor','red');
}
tr.appendChild(td);
table.appendChild(tr);
</script>
</HTML>
|
| Часовой пояс GMT +3, время: 16:18. |