Dos Ayudas!

Breaklo · #1 (**permalink**) 27/08/2009, 08:03

Hola chicos, estoy haciendo dos funciones, la primera es para que en un input se ponga un color por unos segundos y vuelva, yo lo hise asi:

Código javascript:

Ver originalfunction color(este){
    este.style.background = "red";
    setTimeout("color2("+este+")",250);
}
 
function color2(a){
    a.style.background = "white";
}

y se aplica así:

<input type="text" onClick="color(this)">

pero el problema es que cuando aplico la 2º function con el setTimeout, no puedo pasar el valor "este", que seria declarado como this.

Si me pueden ayudar mejor :D

------------

La segunda: quiero hacer una function que vos le das el valor del id, y busca todos los elementos que hay y los alerta.

Código javascript:

Ver originalfunction Datos(id){
    main = document.getElementById(id);
    elementos = main.getElementsByTagName("*");
    for(i=0;i<elementos.length;i++){
        alert(elementos[i]);
    }
}

el problema es que nose como hacer para que me diga si es un A, INPUT, DIV, H1..

gracias por su ayuda

goyo_ · #2 (**permalink**) 27/08/2009, 09:24

Tu primer problema lo resolvi de la siguiente forma:

Código PHP:

  <body>

 
<input id="foo">

 
<script>

function color() {

    var that = this;

    

    that.style.background = 'red';

    setTimeout(function() {that.style.background = 'white'}, 250);

}

 
document.getElementById('foo').onclick = color;

</script>

 
</body>

goyo_ · #3 (**permalink**) 27/08/2009, 09:36

Y para solventar tu segundo problema, escribi esto:

Código PHP:

  <body>

 
<div id="test"><p><b></b><i></i><span></span></p></div>

 
<script>

function alertarHijos(id) {

    var hijos = document.getElementById(id).getElementsByTagName('*'),

        cantidad = hijos.length;

        

    while (cantidad--) {

        alert('<' + hijos[cantidad].nodeName.toLowerCase() + '>');    

    }

}

 
alertarHijos('test');

</script>

 
</body>