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.