Hola tengo una agenda en php que funciona bien en firefox pero al parecer con IE, opera y otros navegadores mas no me muestra la celda de la tabla cuando hay un evento y por consiguiente no me muestra el div del evento, ya revise y la verdad estoy atorado me serviria mil su ayuda.
<?php
//Database connection details
$host = "localhost";
$mysql_user = "xxxxxxxx";
$mysql_password = "xxxxxx";
$mysql_db = "xxxxxxxxx";
//make connection with mysql and select the database
$mysql_connect = mysql_connect($host, $mysql_user, $mysql_password);
$db_select = mysql_select_db($mysql_db);
//check if time is set in the URL
if(isset($_GET['time']))
$time = $_GET['time'];
else
$time = time();
$today = date("Y/n/j", time());
$current_month = date("n", $time);
$current_year = date("Y", $time);
$current_month_text = date("F Y", $time);
$total_days_of_current_month = date("t", $time);
$events = array();
//query the database for events between the first date of the month and the last of date of month
$result = mysql_query("SELECT DATE_FORMAT(eventDate,'%d') AS day,eventContent,eventTitle FROM eventcal WHERE eventDate BETWEEN '$current_year/$current_month/01' AND '$current_year/$current_month/$total_days_of_current_month'");
while($row_event = mysql_fetch_object($result))
{
//loading the $events array with evenTitle and eventContent inside the <span> and <li>. We will add then inside <ul> in the calender
$events[intval($row_event->day)] .= '<li><span class="title">'.stripslashes($row_event->eventTitle). "</span><span class=desc>".stripslashes($row_event->eventContent)."</span>";
}
$first_day_of_month = mktime(0,0,0,$current_month,1,$current_year);
//geting Numeric representation of the day of the week for first day of the month. 0 (for Sunday) through 6 (for Saturday).
$first_w_of_month = date("w", $first_day_of_month);
//how many rows will be in the calendar to show the dates
$total_rows = ceil(($total_days_of_current_month + $first_w_of_month)/7);
//trick to show empty cell in the first row if the month doesn't start from Sunday
$day = -$first_w_of_month;
$next_month = mktime(0,0,0,$current_month+1,1,$current_year);
$next_month_text = date("F \'y", $next_month);
$previous_month = mktime(0,0,0,$current_month-1,1,$current_year);
$previous_month_text = date("F \'y", $previous_month);
$next_year = mktime(0,0,0,$current_month,1,$current_year+1);
$next_year_text = date("F \'y", $next_year);
$previous_year = mktime(0,0,0,$current_month,1,$current_year-1);
$previous_year_text = date("F \'y", $previous_year);
?>
este es el codigo CSS--------------------------------------
.tablebible {
border-collapse: separate;
border: 1px solid #9DABCE;
border-width: 0px 0px 1px 1px;
margin: 3px auto;
font-size: 20px;
}
.tablecontentbible {
border-collapse: separate;
background-color: #477ccd;
border: 1px solid #9DABCE;
border-width: 0px 0px 1px 1px;
margin: 3px auto;
font-size: 13px;
-moz-border-radius: 10px;
width:691px;
padding: 1px;
}
.tablebible td{
width: 97px;
height: 60px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
font: bolder;
text-align: left;
vertical-align: top;
background-color:#FFFFFF;
color: #000000;
position: relative;
border:1px solid #0066CC;
border-left:0;
border-bottom:0;
padding: 2px;
}
.tablebible th {
height: 30px;
background-color: #E1EFF0;
font-size:10px;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#000000;
border:1px solid #0066CC;
border-left:0;
}
.tablebible td:hover{
color: #000000;
background-color:#CCCCCC;
font: bolder;
}
.tablebible td.date_has_event {
color: #000000;
background-color:#CCCCCC;
}
.tablebible td.date_has_event:hover {
background-position: 162px -81px;
}
.tablebible td.padding {
background-color: #EDEEF3;
}
.tablebible td.today {
color: black;
border: 3px solid #0066CC;
}
td.today:hover {
background-position: 81px -81px;
}
.events {
position: absolute;
}
.events ul {
text-align: left;
position: absolute;
display: none;
z-index: 1000;
padding: 15px;
background: #E7ECF2 url(img/popup.png) no-repeat;
color: white;
border: 1px solid white;
font-size: 15px;
width: 200px;
height:70px;
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
-border-radius: 3px;
list-style: none;
color: #444444;
-webkit-box-shadow: 0px 8px 8px #333;
}
.events li {
padding-bottom: 5px;
}
.events li span {
display: block;
font-size: 11px;
text-align: justify;
color: #555;
}
.events li span.title {
font-weight: bold;
color: #222;
}
.tablebible th a{
text-decoration:none;
font-size:120%;
font-weight:bold;
color: #000;
outline-width:0;
}
y por ultimo el codigo que genera la tabla que es donde tengo el problema
------------------------------------------------------------------------------------------------------------------------------------
<table border="0" cellspacing="0" class="tablebible">
<thead>
<tr>
<th><center>Domingo</center></th>
<th><center>Lunes</center></th>
<th><center>Martes</center></th>
<th><center>Miércoles</center></th>
<th><center>Jueves</center></th>
<th><center>Viernes</center></th>
<th><center>Sábado</center></th>
</tr>
</thead>
<tr>
<?php
for($i=0; $i< $total_rows; $i++)
{
for($j=0; $j<7;$j++)
{
$day++;
if($day>0 && $day<=$total_days_of_current_month)
{
//YYYY-MM-DD date format
$date_form = "$current_year/$current_month/$day";
echo '<td';
//check if the date is today
if($date_form == $today)
{
echo ' class="today"';
}
//check if any event stored for the date
if(array_key_exists($day,$events))
{
//adding the date_has_event class to the <td> and close it
echo '<div class="date_has_event"><strong><font color="red">'.$day.'</font></strong>';
//adding the eventTitle and eventContent wrapped inside <span> & <li> to <ul>
echo '<div class="events"><ul><strong>'.$events[$day].'</strong></ul></div>';
}
else
{
//if there is not event on that date then just close the <td> tag
echo '> '.$day;
}
echo "</td>";
}
else
{
//showing empty cells in the first and last row
echo '<td class="padding"> </td>';
}
}
echo "</tr><tr>";
}
?>
</tr>
<tfoot>
<th>
<a href="<?=$_SERVER['PHP_SELF']?>?time=<?=$previous_year?>" title="<?=$previous_year_text?>">««</a> </th>
<th>
<a href="<?=$_SERVER['PHP_SELF']?>?time=<?=$previous_month?>" title="<?=$previous_month_text?>">«</a> </th>
<th><a href="<?=$_SERVER['PHP_SELF']?>?time=<?=$next_month?>" title="<?=$next_month_text?>">»</a></th>
<th><a href="<?=$_SERVER['PHP_SELF']?>?time=<?=$next_year?>" title="<?=$next_year_text?>">»»</a></th>
<th> </th>
<th>
<a href="<?=$_SERVER['PHP_SELF']?>?time=<?=$next_month?>" title="<?=$next_month_text?>"></a> </th>
<th>
<a href="<?=$_SERVER['PHP_SELF']?>?time=<?=$next_year?>" title="<?=$next_year_text?>"></a> </th>
</tfoot>
</table>
-----------------------------------------------------------------------------------------
espero puedan ayudarme.............