Ver Mensaje Individual
  #3 (permalink)  
Antiguo 08/10/2011, 00:41
Avatar de America|UNK
America|UNK
 
Fecha de Ingreso: noviembre-2006
Ubicación: Piura - Perú
Mensajes: 582
Antigüedad: 17 años, 5 meses
Puntos: 56
Respuesta: Guardar información del color

Te paso la clase cookies que tengo:
Código Javascript:
Ver original
  1. var cookies = {
  2.         set : function(n,v,days){ // set(string(cookieName), string(cookieVal), int(dias))
  3.             var d = new Date(), e = days || 365;
  4.             d.setDate(d.getDate()+e);
  5.             document.cookie=n+ "=" +escape(v)+ ((e==null) ? "" : "; expires="+d.toGMTString()) + "; path=/";
  6.         },
  7.         get : function(n){ // get(string(cookieName))
  8.             if(document.cookie.length>0){
  9.                 var c_start=document.cookie.indexOf(n + "=");
  10.                 if (c_start!=-1){
  11.                     c_start=c_start + n.length+1;
  12.                     var c_end=document.cookie.indexOf(";",c_start);
  13.                     if (c_end==-1) c_end=document.cookie.length;
  14.                     var r = unescape(document.cookie.substring(c_start,c_end));
  15.                     return r == '' ? null : r;
  16.                 }
  17.             }
  18.             return null;
  19.         },
  20.         unset: function(n){
  21.             this.set(n,"",-1);
  22.         }
  23.     };

Ahora guardando datos seleccionados en cookies:

Código CSS:
Ver original
  1. <style>
  2. td {cursor:pointer}
  3. .seleccionado {background:lightgreen}
  4. </style>
Código HTML:
Ver original
  1. <tr id='nombrePerson'>
  2.     <td>david</td><td>pedro</td><td>alex</td>
  3. </tr>


Código Javascript:
Ver original
  1. (function(){
  2.     var personsTD = document.getElementById('nombrePerson').getElementsByTagName('td'),i,save,l=personsTD.length,
  3.     cambiar = function(el){
  4.         el.className = el.className != 'seleccionado' ? 'seleccionado' : ''
  5.     },
  6.     guardar = function(){ //guardar en cookie
  7.         save = []
  8.         for(i=0;i<l;i++){if(personsTD[i].className == 'seleccionado') save.push(i)}
  9.         cookies.set('INFO_COLOR',save.join(','),365)
  10.     }
  11.    
  12.     var info = (cookies.get('INFO_COLOR') || '').split(','),j,k= info!= '' ? info.length : 0
  13.     for(i=0;i<l;i++){
  14.         for(j=0;j<k;j++){if(info[j] == i) personsTD[i].className = 'seleccionado'} //estilizar celdas guardadas
  15.         personsTD[i].ondblclick = function(){cambiar(this);guardar()}
  16.     }
  17. })()
__________________
/* El que atiende, entiende..., el que entiende, aprende!.
Desarrollo Web Freelance, Contactar */