Bueno chic@s.
Finalmente he optado por usar un calendario dhtml, el jscalendar y todo parece estupendo.
Hasta que he visto que la parte gráfica dejaba mucho que desear y encontré la solución del jscal2.
He usado, si no todas, casi todas las versiones de este último, desde la 1.5 hasta la 1.8 y seguramente que saldría genial, a no ser porque me ocurren 2 cosillas:
1. No coge los estilos correctamente, solo el de por defecto(el mínimo, jscal2.css), y no sé si por eso el calendario me sale enorme y al salirse de los márgenes del div contenedor del formulario, no se ve por completo.
2. En el parámetro del display le digo que aparezca el popup en un div que he creado especialmente para él, pero pasa olímpicamente de mi y sale donde le da la real gana...
Os pongo un poco de código a ver si veis el faio por alguna parte:
Código Javascript
:
Ver originalEn el head:
<script type="text/javascript" src="calendar/js/jscal2.js"></script>
<script type="text/javascript" src="calendar/js/lang/es.js"></script>
<link rel="stylesheet" type="text/css" href="calendar/css/jscal2.css" />
<link rel="stylesheet" type="text/css" href="calendar/css/steel/steel.css" />
<link rel="stylesheet" type="text/css" href="calendar/css/border-radius.css" />
Después de la función(que se imprime por medio de una iamada php):
<script type='text/javascript'>
Calendar.setup({
inputField: "nacimiento",
dateFormat: "%d/%m/%Y",
trigger: "calfecnac",
bottomBar: false,
onSelect: function() {
this.hide()
}
});
</script>
Ahora veamos el boton, el input y el div del display
Código PHP:
<td colspan='2'><div id='fechanac' style='width:100%; float:left'><input type='text' name='lnacimiento' id='nacimiento' value='' maxlength='10' onBlur='javascript:validaFecha(this.id, this.name)'/><img src='images/calendar3.png' id='calfecnac'/><span class='asterisco'> (*)</span></div>
<div id='popfecnac' style='float:left; width:50%'></div></td>
Yo lo veo igual que los ejemplos que he estado siguiendo, pero no sé por qué no me da los mismos resultados...
Gracias de antemano.