obtener un id unico para un elemento del dom

[mayid]

Necesito calcular una y otra vez un mismo ID para un elemento del dom. Es para generar cookies en base a el identificador único de un elemento (para que ese elemento muestre o no muestre un tooltip).

O sea, tengo varios selectores (por id, por nombre de clase) para generar tooltips sobre varios elementos. Y necesito ahora ponerle un id único a cada uno de esos elementos, al vuelo. No me puedo fiar del #id que yo le pongo manualmente porque algunos elementos usan classNames.

Busqué sobre md5, codigos de encriptación, xpath, scripts para obtener css paths, pero nada. Entonces, como puedo hacer para que cada vez que entre en una página pueda decidir si poner un tooltip para un elemento en particular, si no estoy pudiendo generarle un id único?

Espero quede claro el punto. Agradezco orientaciones.

[Rappa]

En base a qué es que tomas la decisión de mostrar el tooltip o no?

[mayid]

En base a una cookie que se genera al cerrar el tooltip.

Mira, usando la consola del firebug puedo veo herramientas como el CSS Path, que queda algo así:

Código CSS:

html body div#posts div div.page div div#edit4038775 table#post4038775.tborder tbody tr td.alt1 div.smallfont
 

Me pregunto si con javascript puedo construir esa cadena (vi algo de codigo que recorre parent tras parent para construirla) y luego codificarla. No se que otra cosa hacer para conseguir un nombre único para la cookie.

Ah! Una de las cosas que intenté fue el método "toString()". Podría serme útil? Pero cómo aplicarlo?

[Aijoona]

Si necesitas ids únicos podes generarlos mediante un seed autoincremental:

Código Javascript:

var createId = (function() {
    var map = {};
    return function(prefix) {
        prefix = prefix || 'generated';
        map[prefix] = map[prefix] || 0;
        
        var id = prefix + '-' + map[prefix]++;
 
        // Valida que no exista un elemento con 
        // el mismo id
        if(document.getElementById(id)) {
            return createId(prefix);
        }
        return id;
    }
})()
 
createId('tooltip'); // "tooltip-0"
createId('tooltip'); // "tooltip-1"
createId('tooltip'); // "tooltip-2"
createId('tooltip'); // "tooltip-3"
createId('content'); // "content-0"
createId(); // "generated-0"
 

Si respetás siempre la misma estructura y lógica debería respetarse. Ahora, de no ser así estarías obligado a usar algún tipo de hash sobre algo distintivo del elemento (css path o contenido).
En este caso tenés que asegurarte de que el hash sea algo cercano a único, para evitar falsos "positivos".

Un ejemplo rápido de hashing (requiere browsers que soporten ecma 262-6, para el método reduce):

Código Javascript:

function hashExample(str) {
    return str.replace(/\s*/g, '').split('').reduce(function(memo, current, index) {
        return memo + current.charCodeAt(0) * index;
    }, 0).toString(16);
}
 
hashExample('perro'); // "45b"
hashExample('perro') === hashExample('perro'); // true
hashExample('gato'); // "296"
 
// Tu css path:
hashExample('html body div#posts div div.page div div#edit4038775 table#post4038775.tborder tbody tr td.alt1 div.smallfont'); // "6d5bf"
 

[mayid]

Si respetás siempre la misma estructura y lógica debería respetarse. Ahora, de no ser así estarías obligado a usar algún tipo de hash sobre algo distintivo del elemento (css path o contenido).

Tal cual, en este caso la lógica no se respetará en absoluto porque dependerá de cómo navegue el usuario.

Gracias por el hash, lo voy a implementar. Acá encontré código para asegurar compatibilidad: http://www.tutorialspoint.com/javasc...ray_reduce.htm

En cuanto al css path, creo que algo así puede funcionar: http://stackoverflow.com/questions/3...om-dom-element, que para "#header #iloby-logo" devuelve

Código CSS:

"html:nth-child(2) > body:nth-child(2) > div#wrapper > div#header > div#header-content > div#iloby-logo"
 

[Aijoona]

Ojo al piojo, que la funcion hashExample es eso, un ejemplo, puede no servir en el escenario que planteás. Fijate como anda y contanos.

[mayid]

Genera un numero que rara vez llegaría a repetirse, eso es lo que entiendo. Y me sirve como generador de hash. Existen generadores de md5, etc en javascript pero creo que este va bien. Gracias!