Vale tio, muy bien :D lo he hecho y funciona, aunq todavía hay un pero
1. Se trata de que cuando se queda en "tachado" y se le vuelve a picar no cambia a la imagen de partida, se queda permanentemente en "tachado"
2. Luego, otra historia es q puedes tachar el "1", la "X", y el "2" a la vez (cosa que no quiero pq no quiero ni dobles ni triples). No se tio, he estao mirando el código y es como sino entrara nunca en el "else" último... es raro
Mira, te voy a poner lo q tengo puesto para q veas que no he tocao na raro y es exactamente lo que tu me has dicho:
Código PHP:
function esLaImagen(obj){
var Uno = "css/imagenes/uno.jpg";
var Equis = "css/imagenes/equis.jpg";
var Dos = "css/imagenes/dos.jpg";
var Tachado = "css/imagenes/tachado.jpg";
var otroMarcado = false;
casillas = document.getElementsByName(obj.name);
if(obj.src == Tachado){
if(obj.id == "imagen1"){
obj.src = Uno;
}
else if(obj.id == "imagen2"){
obj.src = Equis;
}
else if(obj.id == "imagen3"){
obj.src = Dos;
}
}
else{
for(i=0; i < casillas.length; i++) {
if(casillas[i].id != obj.id){
if(casillas[i].src == Tachado){
otroMarcado = true;
}
}
}
if(otroMarcado == false){
obj.src = Tachado;
}
}
}
Y en el html:
Código HTML:
<img id="imagen1" name="partido1" src="css/imagenes/uno.jpg" onClick="esLaImagen(this)"/>
<img id="imagen2" name="partido1" src="css/imagenes/equis.jpg" onClick="esLaImagen(this)"/>
<img id="imagen3" name="partido1" src="css/imagenes/dos.jpg" onClick="esLaImagen(this)"/>
3. Otra cosa: lo que me has dicho del
file:/// yo lo he tenido que quitar pq a mi con eso si que no me funcionaba, lo he quitao y si tira :D no se pq será.
Atento:
Lo que está tachado no hay manera de "destacharlo" xD y se puede tachar las 3 casillas a la vez, cosa que no puede ser en mi proyecto, (que si sigue asi dentro de poco será nuestro jajaja) :D
Muchisimas gracias artista, cuando esto tire te voy a invitar a cervezas hasta que te quedes ciego xDDD
Un saludo