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>