id de elementos

dukeblass · #1 (**permalink**) 26/05/2011, 12:35

Hola,
bueno tengo una función que crea div's y su contenido, el dilema es que, cuando se se vuelve a ejecutar la función se supone que ahora hay otro div y su contenido, y se le asigna los ids de cada div, pero el id es único, el segundo creado se muestra y deja al primero en blanco.

como puedo asignar dinamicamente una secuencia de id

ejemplo
-> se ejecuta la función y asigna los div el id: padre_1 , hijo_1, hijo2_1,hijo3_1
-> se vuelve a ejecutar la función y asigna los div el id: padre_2 , hijo_2, hijo2_2,hijo3_2

Aijoona · #2 (**permalink**) 26/05/2011, 12:45

Fijate si te sirve esto:

Código Javascript:

Ver original/**
 * Genera un id unico basado en un seed interno
 * autoincremental
 *
 * El argumento prefix es opcional e indica el prefijo
 * que se antepondra al id
 *
 * @author Aijoona
 * @param {String} prefix
 * @return {String}
 */
var uid = (function() {
    var seed = 0;
    return function uid(prefix) {
        var id = prefix + (++seed).toString();
        if(!document.getElementById(id)) {
            return id;
        }
        return uid(prefix);
    }
})();
 
uid('padre_'); // "padre_1"
uid('padre_'); // "padre_2"
 
uid(); // "3"

Panino5001 · #3 (**permalink**) 26/05/2011, 12:48

No sé si entendí bien. Algo así?

Código PHP:

  <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento sin t&#237;tulo</title>
<script type="text/javascript">
var createDiv=function(n){
    return function(){
        var d=document.createElement('div');
        d.style.background='#F00';
        d.style.color='#FFF';
        d.style.marginBottom='1px';
        d.id='d'+(++n);
        d.innerHTML=d.id;//aquí el html que quieras, con elementos cuyos ids, pueden estar relacionados con n
        document.body.appendChild(d);
        d=null;
    }
}(0);
onload=function(){
    createDiv();
    createDiv();
    createDiv();
}
</script>

</head>

<body>
</body>
</html>

Edito: llegué tarde :)

Aijoona · #4 (**permalink**) 26/05/2011, 12:59

Parecido igual :p

Me corrijo:

Código Javascript:

Ver originalvar uid = (function() {
    var seed = 0;
    return function uid(prefix) {
        var id = (prefix || id) + (++seed).toString();
        if(!document.getElementById(id)) {
            return id;
        }
        return uid(prefix);
    }
})();
 
uid('padre_'); // "padre_1"
uid('padre_'); // "padre_2"
 
uid(); // "3"

dukeblass · #5 (**permalink**) 26/05/2011, 13:02

dos planteamientos distintos dos soluciones = ..XD

básicamente eso es pero el detalle esta en, pongo un ejemplo ->

Cita:

-> padre_1
-> hijo1_1
-> hijo2_1
-> hijo3_1

-> padre_2
-> hijo1_2
-> hijo2_2
-> hijo3_2
.....

NO HAY PROBLEMA TEMA CERRADO YA LO HICE ... XD
.. grasias