Hola, estoy creando un sistema de seleccion de planeta para un juego:
Código Javascript
:
Ver original<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.