is not a function

[SeaPirates]

Hola, estoy creando un sistema de seleccion de planeta para un juego:

Código Javascript:

<script>
function saturno(){
document.getElementById('saturno').style.border='2px solid #DAA520';
document.getElementById('tierra').style.border='2px solid #000000';
document.getElementById('urano').style.border='2px solid #000000';
}
function tierra(){
document.getElementById('saturno').style.border='2px solid #000000';
document.getElementById('tierra').style.border='2px solid #DAA520';
document.getElementById('urano').style.border='2px solid #000000';
}
function urano(){
document.getElementById('saturno').style.border='2px solid #000000';
document.getElementById('tierra').style.border='2px solid #000000';
document.getElementById('urano').style.border='2px solid #DAA520';
}
</script>
 
 
<img id="saturno" onclick="saturno()" style="border:2px solid #DAA520;" width="190" src="/images/select_saturn.png"> <img id="tierra" onclick="tierra()" style="border:2px solid #000000;" width="190" src="/images/select_earth.png"> <img id="urano" onclick="urano()" style="border:2px solid #000000;" width="190" src="/images/select_uranus.png">
 

Y cuando le doy clic me dice:

saturno is not a function

Cual es el problema? Con el editor de html si me funciona, pero en la web no :/


PD: Srry, encontré la solucion, y es no poner el mismo nombre a la funcion que a la id de la imagen jejej.

[zerokilled]

tienes conflicto en la resolusion de identificadores. es decir, segun sea el navegador, al invocar la funcion éste conflige con el id del elemento porque ambos tienen el mismo identificador o token. por eso es que siempre se recomienda no utilizar los identificadores de html en nuestros script para nombrar variables y funciones. solución, una de ella y la más fácil, antes del nombre de la función agrega el objeto window. por ejemplo, self.saturno().

[SeaPirates]

gracias por el consejo