Tengo un calendario de citas para una web de estética que estoy creando. El calendario que tengo ahora mismo en la web me funciona a la perfección. El problema es que necesito que el calendario sea tipo google calendar o el calendario de outlook.
Ahora mismo tengo un calendario en el que se muestran las citas del día ordenas según la hora pero no se cómo puedo hacer para que se cree el recuadro de color que empiece por ejemplo a las 09.30 y termine a las 10.30. El calendario que tengo ahora mismo es:
Código HTML:
[PHP] <table cellspacing="5" cellpadding="5" border="none" width="100%" style="margin-bottom:10px"> <tr> //aqui muestro el día que se está viendo en el calendario <td align="left" valign="bottom"><h4 align="left">Citas de hoy: <?php echo $dia_solo_hoy.' de '.dame_nombre_mes($mes).' de '.$ano ?></h4></td> //boton para imprimir las citas del día <td align="right" valign="middle"> <h4 style="padding:5px"><input type="button" value="Imprimir citas" onclick="javascript:imprimir();" style="cursor:pointer" class="button" /> //boton para añadir cita <input type="button" value="Añadir cita" onclick="javascript:mostrarVentana();" style="cursor:pointer" class="button" /></h4></td> </tr> </table> //muestro la tabla con los datos del día <table class="tablacitas" cellspacing="5" cellpadding="5"> <tr> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> </tr> //Cabecera de la tabla <tr class="tablacitascabecera"> <td width="30%" align="center" valign="middle"><strong>CLIENTE</strong></td> <td width="10%" align="center" valign="middle"><strong>CITA</strong></td> <td width="20%" align="center" valign="middle"><strong>TRATAMIENTO</strong></td> <td width="10%" align="center" valign="middle"><strong>PRECIO</strong></td> <td width="25%" align="center" valign="middle"><strong>COMENTARIOS</strong></td> <td width="5%" align="center" valign="middle"><strong>ESTADO</strong></td> </tr> <?php do { ?> //Muestro la consulta de la BD <tr class="brillo"> //nombre del cliente de BD <td align="left" style="padding:5px 0 0 10px;font-size:20px"><a href='cliente_ficha.php?recordID=<?php echo $row_CitasHoy['idNombre']; ?>' title="Ver ficha de cliente"><?php echo $row_CitasHoy['txtNombre']; ?> <?php echo $row_CitasHoy['txtApellidos']; ?></a></td> //hora de la cita de BD <td align="center" valign="middle" style="padding:5px;font-size:20px"><span style="cursor:pointer" onclick="javascript:mostrarVentana5(<?php echo $row_CitasHoy['idCita']; ?>);"><?php echo $row_CitasHoy['txtCita']; ?>.</span></td> //tratamiento del cliente de BD <td align="center" valign="middle" style="padding:5px;font-size:20px"><?php echo $row_CitasHoy['txtTratamiento']; ?></td> //precio del tratamiento <td align="center" valign="middle" style="padding:5px;font-size:20px" nowrap="nowrap"><span style="cursor:pointer" onclick="javascript:mostrarVentana6(<?php echo $row_CitasHoy['idCita']; ?>);"><?php echo $row_CitasHoy['txtPrecio']; ?> €</span></td> //comentarios sobre la cita <td align="center" valign="middle" style="padding:5px;font-size:20px"><span style="cursor:pointer" onclick="javascript:mostrarVentana3(<?php echo $row_CitasHoy['idCita']; ?>);"><?php echo $row_CitasHoy['txtComentario']; ?>.</span></td> //estado de la cita(pendiente, confirmada, cancelada.... <td align="center" valign="middle" style="padding:5px;font-size:20px" nowrap="nowrap"><span style="cursor:pointer" onclick="javascript:mostrarVentana4(<?php echo $row_CitasHoy['idCita']; ?>);"><?php echo ObtenerEstadoCita($row_CitasHoy['txtAcciones']); ?></span></td> </tr> <tr> //separo las filas con una línea <td colspan="6"><hr width="90%" /></td> </tr> <?php } while ($row_CitasHoy = mysql_fetch_assoc($CitasHoy)); ?> </table>[/PHP]
http://es.scribd.com/doc/214630309/c...pantallazo-pdf
Tiene ventanas modales para cambiar los datos en picando en cada dato. Lo que ocurre es que necesito implementar un calendario tipo google calendar, algo como este:
http://es.scribd.com/doc/214630788/c...ntallazo-2-pdf
En el que me muestre las citas del día entre las horas que está, algo así:
http://www.codfusion.com/blog/assets...tCalendar1.png
El problema es que no se cómo hacer para que al agregar una hora de inicio y una hora final me lo muestre entre esas horas.
No se si me he explicado bien, si necesitáis mas código para comprobar como hago la consulta o lo que sea, decídmelo y lo pongo.
Espero me puedan echar una mano, cualquier cosa estoy en el pc.
Un saludo y mil gracias por adelantado.
Raúl