Guardar información del color

[josemota]

Hola.

Tengo una tabla, en la cual, a través de una función de javascript, al darle doble click, cambia el color de la celda.



El problema está en que cuando actualizo la página, obviamente el color vuelve a su estado original (blanco) y necesitaría que al menos hasta cerrar el navegador, se conservará el color, por mucho que actualice. Había pensando en cookies, pero no lo se...

¿Cómo podría hacerlo, sin utilizar base de datos?

[skiper0125]

Hola que tal.

Tu tema no tiene nada que ver con PHP pide a un moderador que cambie tu tema al foro correspondiente

Saludos

[America|UNK]

Te paso la clase cookies que tengo:

Código Javascript:

var cookies = { 
        set : function(n,v,days){ // set(string(cookieName), string(cookieVal), int(dias))
            var d = new Date(), e = days || 365;
            d.setDate(d.getDate()+e);
            document.cookie=n+ "=" +escape(v)+ ((e==null) ? "" : "; expires="+d.toGMTString()) + "; path=/";
        },
        get : function(n){ // get(string(cookieName))
            if(document.cookie.length>0){
                var c_start=document.cookie.indexOf(n + "=");
                if (c_start!=-1){
                    c_start=c_start + n.length+1;
                    var c_end=document.cookie.indexOf(";",c_start);
                    if (c_end==-1) c_end=document.cookie.length;
                    var r = unescape(document.cookie.substring(c_start,c_end));
                    return r == '' ? null : r;
                }
            }
            return null;
        },
        unset: function(n){
            this.set(n,"",-1);
        }
    };
 

Ahora guardando datos seleccionados en cookies:

Código CSS:

<style>
td {cursor:pointer}
.seleccionado {background:lightgreen}
</style>
 

Código HTML:

<table>
<tr id='nombrePerson'>
    <td>david</td><td>pedro</td><td>alex</td>
</tr>
</table>
 

Código Javascript:

(function(){
    var personsTD = document.getElementById('nombrePerson').getElementsByTagName('td'),i,save,l=personsTD.length,
    cambiar = function(el){
        el.className = el.className != 'seleccionado' ? 'seleccionado' : ''
    },
    guardar = function(){ //guardar en cookie
        save = []
        for(i=0;i<l;i++){if(personsTD[i].className == 'seleccionado') save.push(i)}
        cookies.set('INFO_COLOR',save.join(','),365)
    }
    
    var info = (cookies.get('INFO_COLOR') || '').split(','),j,k= info!= '' ? info.length : 0
    for(i=0;i<l;i++){
        for(j=0;j<k;j++){if(info[j] == i) personsTD[i].className = 'seleccionado'} //estilizar celdas guardadas
        personsTD[i].ondblclick = function(){cambiar(this);guardar()}
    }
})()
 

[josemota]

ostia, que complicado no? xD

[America|UNK]

en que parte?. Inserta el código de los cookies y el css en el head de tu página y el código de los colores después de la tabla. Si algo no entiendes me avisas :P

[josemota]

Y si solo quisiera que el color se guardara hasta que cerrara el navegador?

Gracias!

[America|UNK]

Busca más información sobre sessionStorage

Así reemplazarías var cookies por esto:

Código Javascript:

var cookies = {
    set : function(n,v){
        sessionStorage[n] = v
    },
    get: function(n){
        return sessionStorage[n]
    }
};