Форум

romamarusyk · #1 (**permalink**) 22.01.2013, 17:01

Всем привет!
Подскажите пожалуйста как реализовать поставленную задачу.
Есть таблица (допустим на 20 ячеек), при клике на ячейке она выделяется другим цветом а значение попадает в текстовое поле, которое потом записывается в базу.
Нужно подсветить только те ячейки который получаем с базы.
Например ми выбрали 1,2,3 нажали кнопку Отправить, данные попали в базу. Потом на другой странице у мене в таблице подсвечеваются ячейки 1,2,3

Deff · #2 (**permalink**) 22.01.2013, 17:29

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("Кук не найден!")}

romamarusyk · #3 (**permalink**) 22.01.2013, 17:42

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

то что оно записивает, я понял, но как подсветить ячейку в таблице по этим знчениям?

romamarusyk · #4 (**permalink**) 22.01.2013, 20:19

спасибо уже не надо, как то сам решил, может и по нубски но работает

<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>

Форум

Справочник

Discord чат

Курсы javascript