Ver Mensaje Individual
  #1 (permalink)  
Antiguo 08/02/2006, 05:06
AnDrEa MM
 
Fecha de Ingreso: mayo-2005
Mensajes: 510
Antigüedad: 19 años, 10 meses
Puntos: 1
Pregunta Cambiar imagen al pulsar un radio button u otra imagen

La finalidad de todo es hacer una búsqueda de ciertos objetos por un campo q es una fecha. Para ello he creao algo del tipo "búsqueda de archivos" en Windows, q le puedes meter varios parámetros, entre ellos la fecha en q fue creado o omodificado o algo así... Vale pues mi aplicación tiene 4 opciones: "Día concreto", "Posterior a --", "Anterior a --" y "Entre -- y --". Cada una de esas opciones lleva asociado un radio button y seguido del nombre de cada opción hay una caja de texto y una imagen (calendario) para pinchar en ella y así se abre una ventana con un calendario para seleccionar la fecha deseada... Es decir, cada radio button lleva asociado un nombre, una caja de texto y una imagen. La funcionalidad q quiero conseguir es q, al pinchar en cada uno de los radio button, las demás imágenes se cambien por otra (q dé la sensación q se deshabilita la imagen, ya q la quiero poner es la misma imagen pero con menos intensidad), y a la vez q al pinchar en el radio button se haga lo mismo q se hace al pinchar en la imagen (mostrar el calendario). No sé si lo he explicado de forma q pueda entenderse o me he liado mucho... Dejo aquí el código necesario q puede ayudar a comprender todo:

Código HTML:
<input type=radio name=\"tipofecha\" value=\"1\" onclick=\"gestionarRadioButton(this)\">Día concreto ... <br><input id=\"fecha1\" type=\"text\" size=\"17\"><a href=\"javascript:NewCal('fecha1','ddmmyyyy')\"><img src=\"../img/cal.gif\" width=\"16\" height=\"16\" border=\"0\" alt=\"Pulse para seleccionar una fecha\"></a><br>
<input type=radio name=\"tipofecha\" value=\"2\" onclick=\"gestionarRadioButton(this)\">Posterior a ... <br><input id=\"fecha2\" type=\"text\" size=\"17\"><a href=\"javascript:NewCal('fecha2','ddmmyyyy')\"><img src=\"../img/cal.gif\" width=\"16\" height=\"16\" border=\"0\" alt=\"Pulse para seleccionar una fecha\"></a><br>
<input type=radio name=\"tipofecha\" value=\"3\" onclick=\"gestionarRadioButton(this)\">Anterior a ...  <br><input id=\"fecha3\" type=\"text\" size=\"17\"><a href=\"javascript:NewCal('fecha3','ddmmyyyy')\"><img src=\"../img/cal.gif\" width=\"16\" height=\"16\" border=\"0\" alt=\"Pulse para seleccionar una fecha\"></a><br>
<input type=radio name=\"tipofecha\" value=\"4\" onclick=\"gestionarRadioButton(this)\">Entre ...  <br><input id=\"fecha4\" type=\"text\" size=\"17\"><a href=\"javascript:NewCal('fecha4','ddmmyyyy')\"><img src=\"../img/cal.gif\" width=\"16\" height=\"16\" border=\"0\" alt=\"Pulse para seleccionar una fecha\"></a> 
Eso es lo q me crea los radio buttons, cajas de texto e imágenes asociadas...

La función q quiero conseguir sería algo así...

Código PHP:
<script language="JavaScript"
    var 
valor 0;
    
    function 
gestionarRadioButton(rb) {
        
valor rb.value;
        if (
valor=="1") {
            
fecha1.focus();
            
// Q se cambien las imágenes correspondientes a los radio buttons 2, 3 y 4
        
}
        else if (
valor=="2") {
            
fecha2.focus();
            
// Q se cambien las imágenes correspondientes a los radio buttons 1, 3 y 4
        
}
        else if (
valor=="3") {
            
fecha3.focus();
            
// Q se cambien las imágenes correspondientes a los radio buttons 1, 2 y 4
        
}
        else if (
valor=="4") {
            
fecha4.focus();
            
// Q se cambien las imágenes correspondientes a los radio buttons 1, 2 y 3
        
}
    }
</script> 
Pero con el código adecuado, claro. Ahora simplemente consigo q me ponga el cursor donde deseo, nada más. Quiero conseguir poder cambiar las imágenes, y a la vez, q si se pulsa una imagen, se seleeciones el radio button asociado.
No sé si es posible, ni sé si he sabido explicarlo. Si no se entiende q alguien me diga e intento hacerlo de otra manera.
Gracias de cualquier forma.