Ver Mensaje Individual
  #12 (permalink)  
Antiguo 21/04/2008, 07:43
crujikoki
 
Fecha de Ingreso: diciembre-2007
Ubicación: Barcelona
Mensajes: 289
Antigüedad: 17 años, 2 meses
Puntos: 8
Re: Problema con JavaScript

Hola,

Vamos a ver, voy a suponer que has cambiado los checkbox por las imagenes ya. Y si no lo has hecho hazlo pero poniendolos de la siguiente manera:

Cambia esto:
Código PHP:
<input type="checkbox" id="partido1" name="partido1" value="1" onClick="isChecked(this)"/> 
Por esto:
Código PHP:
<img id="imagen1" name="partido1" src="tuImagen.jpg" onClick="esLaImagen(this)"/> 
Es importante que para que el script tal y como está los <img> tengan el name igual a su respectivo partido. Así que los 3 del partido 1 tendrán el name="partido1", los 3 del partido 2 tendrán el name="partido2".

Una ves hecho eso, tienes que rehacer el script con la idea que has planteado (que es la correcta) pero con como lo has hecho.
El que has rehecho tu no funciona por esto casillas = document.getElementsByName(obj.src);.

Esta sería la solución:

Código PHP:
<script type="text/javascript"
function 
esLaImagen(obj
{
    var 
Uno "file:///C:/blue_MarkerA.png"
  var 
Equis "file:///C:/blue_MarkerB.png"
  var 
Dos "file:///C:/blue_MarkerC.png";
  var 
Tachado "file:///C:/brown_MarkerA.png";
  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=0casillas.lengthi++) 
         { 
             if(
casillas[i].id != obj.id
           {
               if(
casillas[i].src == Tachado
             {
                 
otroMarcado true
             } 
           } 
         } 
         if(
otroMarcado == false
         {
             
obj.src Tachado
         }
  } 
}  
</script> 
Las imágenes que he puesto son unas que tenía por aquí para probar.

Tengo que decirte un par de cosillas más:

1. Como ya te he dicho tendrás que poner en cada partido algo así:
Código PHP:
<img id="imagen1" name="partido1" src="C:/blue_MarkerA.png" onClick="esLaImagen(this)"/>
<
img id="imagen2" name="partido1" src="C:/blue_MarkerB.png" onClick="esLaImagen(this)"/>
<
img id="imagen3" name="partido1" src="C:/blue_MarkerC.png" onClick="esLaImagen(this)"/> 
Es importante que sigas el patrón en cada partido. Lo único que tienes que hacer es copiar eso en cada partido y cambiar el name por el que toque.

2. Verás que en el script he tenido que poner delante de las rutas file:///. Sino lo ponía el script no tiraba y no te se decir el porque.