Problema función para cambiar color

[PabloFerran]

Antes que nada este es mi código:
CODIGO HTML:

Código:

<div class="bla" onclick="white()">
<div class="roj" onclick="red()">
<div class="texton">
<input type="text" value="Text Here" id="kruz">
</div>

CODIGO JAVASCRIPT:

Código:

function red(){
var spencer = document.getElementById('kruz');
spencer.style.color='red';
}

function white(){
var spencer = document.getElementById('kruz');
spencer.style.color='white';
}

Vereis quiero que al clicar encima de un div, el texto de un "input type text" cambie de color. El problema es el siguiente. Si quito del código Javascript la función white(), la función red() si me funciona, pero si pongo otra vez la white(), ninguna de ellas funciona.
Espero que me podáis ayudar. Gracias de antemano

[walterdevel]

Dos cosas:

lo tags de inputs cierralos con /> y no solo con > y cierra las etiquetas div con </div>

Cambia el nombre de las funciones y prueba así. ( por ejemplo colorear_red, colorear_white )

[PabloFerran]

Iniciado por walterdevel

Dos cosas:

lo tags de inputs cierralos con /> y no solo con > y cierra las etiquetas div con </div>

Cambia el nombre de las funciones y prueba así. ( por ejemplo colorear_red, colorear_white )

Creo que al no utilizar XHTML no hace falta cerran los inputs no?
Lo de cerrar lo divs lo siento, es que no puse el codigo entero. No aparecen cerrados porque unos son childs de otros.
Al cambiarle el nombre pasar algo?

[walterdevel]

Iniciado por PabloFerran

Creo que al no utilizar XHTML no hace falta cerran los inputs no?
Lo de cerrar lo divs lo siento, es que no puse el codigo entero. No aparecen cerrados porque unos son childs de otros.
Al cambiarle el nombre pasar algo?

Al cambiarle el nombre pasar algo?

Prueba y luego te responderás solo

Si esos divs estan cerrados más abajo, entonces eso es lo que está mal. Como un div contiene al otro, siempre se va a ejecutar el que este sobre el otro. En este caso

Código XML:

<div class="bla" onclick="white()">
 

La solución ahí es que los separes y cierres individualmente, que no se contengan.

Creo que al no utilizar XHTML no hace falta cerran los inputs no?

El código se va a mostrar igual si, pero no es correcto que no cierres los tags, puede traerte problema con los navegadores y obviamente en el orden del código.

[PabloFerran]

Iniciado por walterdevel

Prueba y luego te responderás solo

Si esos divs estan cerrados más abajo, entonces eso es lo que está mal. Como un div contiene al otro, siempre se va a ejecutar el que este sobre el otro. En este caso

Código XML:

<div class="bla" onclick="white()">
 

La solución ahí es que los separes y cierres individualmente, que no se contengan.




El código se va a mostrar igual si, pero no es correcto que no cierres los tags, puede traerte problema con los navegadores y obviamente en el orden del código.

Muchas gracias, con tu ayuda he conseguido solucionarlo .