Les comento estoy desarrollando un calendario de eventos en php con jquery, tengo desarrollado el ingreso del evento a la base de datos y tengo desarrollado el calendario osea lo muestro y tambien los dias que hay eventos los pinto de un color.
Mi idea es que cuando pase el mouse por esos dias que estan pintados osea que tienen eventos asignados para ese mes me aparesca algo similar a un tooltip donde dentro de este tooltip me aparesca el nombre del evento y su descripcion...por ejemplo : 14 de febrero dia de los enamorados y en su descripcion algo asi cena a la luz de las velas restorant playa x a las 22:00 hrs.
De esta forma rescato los eventos en php.
Código PHP:
$objBD->consultar($query);
while($row_event = $objBD->obtendatos()){
if (!isset($events[intval($row_event['day'])])) {
//$events = '';
$events[intval($row_event['day'])] = '';
}else{
$events[intval($row_event['day'])] .= '<li>
<span class="title">'.stripslashes($row_event['eventTitle']).'</span>
<span class="desc">'.stripslashes($row_event['eventContent']).'</span>
</li>';
}
}
Código PHP:
if(array_key_exists($day,$events)){
//adding the date_has_event class to the <td> and close it
echo ' class="date_has_event"> '.$day;
//adding the eventTitle and eventContent wrapped with <span> and <li> to <ul>
echo '<div class="events">
<ul>'.$events[$day].'</ul>
</div>';
}
Código HTML:
$(".date_has_event").mouseover(function (event) {
//alert ("Entro");
});
Desde ya recibo sugerencias comentarios de como poder realizar esto quizas la mejor forma no es tooltip ....
Bueno gracias por su atencion y ayuda.
Saludos desde Viña del Mar, CHILE.
