Ver Mensaje Individual
  #8 (permalink)  
Antiguo 18/04/2008, 07:45
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,

Mira a ver si esto es lo que quieres:

Código PHP:
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="eng">
<
head>
    <
link rel="stylesheet" type="text/css" href="css/estiloQuiniela.css">
    <
script type="text/javascript">
        
        function 
isChecked(obj)
        {
            var 
otroMarcado false;
            
            
casillas document.getElementsByName(obj.name);
            
            for(
i=0casillas.lengthi++)
            {
                if(
casillas[i].value != obj.value)
                {
                    if(
casillas[i].checked)
                    {
                        
otroMarcado true;
                    }
                }
            }
            if(
otroMarcado)
            {
                
obj.checked false;
            }
        }
        
    
</script>
</head>

<body>
    <div id="contenedor">
        <div id="cuerpo">
            <div id="bloqueDer">
                <div id="bloqueQuiniTuya">
                    Tu Quiniela - Jornada 38 <img style="margin-left:20px;" src="partido.jpg"/>
                    <table frame="above">
                        <tr>
                            <td class="estilotd1">Almeria - Villarreal</td>
                            <td class="estilotd2">1</td>
                            <td id="im" class="estilotd3">
                                <input type="checkbox" id="partido1" name="partido1" value="1" onClick="isChecked(this)">
                                <input type="checkbox" id="partido1" name="partido1" value="X" onClick="isChecked(this)">
                                <input type="checkbox" id="partido1" name="partido1" value="2" onClick="isChecked(this)">
                            </td>                        
                        </tr>
                        <tr>
                            <td class="estilotd1">Valladolid - At. Madrid</td>
                            <td class="estilotd2">2</td>
                            <td class="estilotd3">
                                <input type="checkbox" id="partido2" name="partido2" value="1" onClick="isChecked(this)">
                                <input type="checkbox" id="partido2" name="partido2" value="X" onClick="isChecked(this)">
                                <input type="checkbox" id="partido3" name="partido2" value="2" onClick="isChecked(this)">            
                            </td>
                        </tr>
                        <tr>
                            <td class="estilotd1">Betis - Levante</td>
                            <td class="estilotd2">3</td>
                            <td class="estilotd3">
                                <input type="checkbox" id="partido3" name="partido3" value="1" onClick="isChecked(this)">
                                <input type="checkbox" id="partido3" name="partido3" value="X" onClick="isChecked(this)">
                                <input type="checkbox" id="partido3" name="partido3" value="2" onClick="isChecked(this)">    
                            </td>
                        </tr>
                        <tr>
                            <td class="estilotd1">Getafe - Zaragoza</td>
                            <td class="estilotd2">4</td>
                            <td class="estilotd3">
                                <input type="checkbox" id="partido4" name="partido4" value="1" onClick="isChecked(this)">
                                <input type="checkbox" id="partido4" name="partido4" value="X" onClick="isChecked(this)">
                                <input type="checkbox" id="partido4" name="partido4" value="2" onClick="isChecked(this)">    
                            </td>
                        </tr>
                    </table>
                    <table frame="above">
                        <tr>
                            <td class="estilotd1">Recreativo - Barcelona</td>
                            <td class="estilotd2">5</td>
                            <td class="estilotd3">
                                <input type="checkbox" id="partido5" name="partido5" value="1" onClick="isChecked(this)">
                                <input type="checkbox" id="partido5" name="partido5" value="X" onClick="isChecked(this)">
                                <input type="checkbox" id="partido5" name="partido5" value="2" onClick="isChecked(this)">    
                            </td>
                        </tr>
                        <tr>
                            <td class="estilotd1">Espanyol - Osasuna</td>
                            <td class="estilotd2">6</td>
                            <td class="estilotd3">
                                <input type="checkbox" id="partido6" name="partido6" value="1" onClick="isChecked(this)">
                                <input type="checkbox" id="partido6" name="partido6" value="X" onClick="isChecked(this)">
                                <input type="checkbox" id="partido6" name="partido6" value="2" onClick="isChecked(this)">    
                            </td>
                        </tr>
                        <tr>
                            <td class="estilotd1">Deportivo - Atl. Club</td>
                            <td class="estilotd2">7</td>
                            <td class="estilotd3">
                                <input type="checkbox" id="partido7" name="partido7" value="1" onClick="isChecked(this)">
                                <input type="checkbox" id="partido7" name="partido7" value="X" onClick="isChecked(this)">
                                <input type="checkbox" id="partido7" name="partido7" value="2" onClick="isChecked(this)">    
                            </td>
                        </tr>
                        <tr>
                            <td class="estilotd1">Valencia - Racing</td>
                            <td class="estilotd2">8</td>
                            <td class="estilotd3">
                                <input type="checkbox" id="partido8" name="partido8" value="1" onClick="isChecked(this)">
                                <input type="checkbox" id="partido8" name="partido8" value="X" onClick="isChecked(this)">
                                <input type="checkbox" id="partido8" name="partido8" value="2" onClick="isChecked(this)">    
                            </td>
                        </tr>
                    </table>
                    <table frame="above">
                        <tr>
                            <td class="estilotd1">R.Madrid - Murcia</td>
                            <td class="estilotd2">9</td>
                            <td class="estilotd3">
                                <input type="checkbox" id="partido9" name="partido9" value="1" onClick="isChecked(this)">
                                <input type="checkbox" id="partido9" name="partido9" value="X" onClick="isChecked(this)">
                                <input type="checkbox" id="partido9" name="partido9" value="2" onClick="isChecked(this)">    
                            </td>
                        </tr>
                        <tr>
                            <td class="estilotd1">Hercules - Castellon</td>
                            <td class="estilotd2">10</td>
                            <td class="estilotd3">
                                <input type="checkbox" id="partido10" name="partido10" value="1" onClick="isChecked(this)">
                                <input type="checkbox" id="partido10" name="partido10" value="X" onClick="isChecked(this)">
                                <input type="checkbox" id="partido10" name="partido10" value="2" onClick="isChecked(this)">    
                            </td>
                        </tr>
                        <tr>
                            <td class="estilotd1">Salamanca - Las Palmas</td>
                            <td class="estilotd2">11</td>
                            <td class="estilotd3">
                                <input type="checkbox" id="partido11" name="partido11" value="1" onClick="isChecked(this)">
                                <input type="checkbox" id="partido11" name="partido11" value="X" onClick="isChecked(this)">
                                <input type="checkbox" id="partido11" name="partido11" value="2" onClick="isChecked(this)">    
                            </td>
                        </tr>
                    </table>
                    <table frame="hsides">
                        <tr>
                            <td class="estilotd1">Cadiz - Albacete</td>
                            <td class="estilotd2">12</td>
                            <td class="estilotd3">
                                <input type="checkbox" id="partido12" name="partido12" value="1" onClick="isChecked(this)">
                                <input type="checkbox" id="partido12" name="partido12" value="X" onClick="isChecked(this)">
                                <input type="checkbox" id="partido12" name="partido12" value="2" onClick="isChecked(this)">    
                            </td>
                        </tr>
                        <tr>
                            <td class="estilotd1">Malaga - Sporting</td>
                            <td class="estilotd2">13</td>
                            <td class="estilotd3">
                                <input type="checkbox" id="partido13" name="partido13" value="1" onClick="isChecked(this)">
                                <input type="checkbox" id="partido13" name="partido13" value="X" onClick="isChecked(this)">
                                <input type="checkbox" id="partido13" name="partido13" value="2" onClick="isChecked(this)">    
                            </td>
                        </tr>
                        <tr>
                            <td class="estilotd1">Celta - R.Sociedad</td>
                            <td class="estilotd2">14</td>
                            <td class="estilotd3">
                                <input type="checkbox" id="partido14" name="partido14" value="1" onClick="isChecked(this)">
                                <input type="checkbox" id="partido14" name="partido14" value="X" onClick="isChecked(this)">
                                <input type="checkbox" id="partido14" name="partido14" value="2" onClick="isChecked(this)">    
                            </td>
                        </tr>
                    </table>
                
                    <table frame="hsides">
                        <tr>
                            <td class="estilotd1">Mallorca - Sevilla</td>
                            <td class="estilotd2">15</td>
                            <td class="estilotd3">
                                <input type="checkbox" id="partido15" name="partido15" value="1" onClick="isChecked(this)">
                                <input type="checkbox" id="partido15" name="partido15" value="X" onClick="isChecked(this)">
                                <input type="checkbox" id="partido15" name="partido15" value="2" onClick="isChecked(this)">    
                            </td>
                        </tr>
                    </table>
                </div>
                
            </div>
        </div>
    </div>
</body>
</html> 
En lugar de imágenes, he puesto checkbox que bueno, creo que pal caso es lo mismo. Si eso es lo que quieres hacer, en el script solo tienes que añadir que cambie la imagen. En lugar de hacer obj.checked = true; haces visible l imagen que quieras.