Y este el codigo que controla las ventanas emergentes:
Código:
enableHideToggablesOnBodyClick = false;
function toogle(C, B) {
toggableMouseOver();
enableHideToggablesOnBodyClick = true;
if (C) {
var D = document.getElementById(C);
var A = D.style.display == "none";
if (B) {
if (!A) {
return
} else {
A = true
}
}
if (D) {
D.style.display = A ? "" : "none"
}
if (A) {
hideToggables(C)
}
}
return false
}
function hideToggables(D) {
if (!enableHideToggablesOnBodyClick) {
return
}
var E = document.getElementsByTagName("div");
for (var C = 0; C < E.length; C++) {
var B = E[C];
var F = "_toggable";
var A = B.id;
if ((A != "") && (A != "undefined") && (A != D) && (A.indexOf(F) > 0) && (A.indexOf(F) == (A.length - F.length))) {
B.style.display = "none"
}
}
}
toogableCloseToken = false;
toogableSeconds = 1;
function toggableMouseOver() {
toogableCloseToken = false
}
function toggableMouseOut() {
toogableCloseToken = true;
window.setTimeout("toggableCloseAll()", toogableSeconds * 10)
}
function toggableCloseAll() {
if (toogableCloseToken) {
hideToggables()
}
}
function SetIframeSrc(C, B) {
var A = document.getElementById(C);
if (A) {
if (!A.src || (A.src == "")) {
A.src = B
}
}
}
/*
$(document).ready(function(){
fnAdjustTable();
});
Esta es la pagina donde esta la tabla
Código PHP:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<link href="../css/superTables.css" rel="Stylesheet" type="text/css" />
<script type="text/javascript" src="../js/main.js"></script>
</head>
<body>
<style>
body {
background-color: #ffffff;
font-family: Tahoma, Arial, sans serif;
}
.fakeContainer { /* The parent container */
border: none;
width: 100%; /* Required to set */
height: 240px; /* Required to set */
overflow: auto; /* Required to set */
}
h2 {
display: block;
margin: 0px;
padding: 0px;
border: none;
}
.skinCon {
float: left;
margin: 20px;
border: none;
width: 640px;
}
th{
background-color: black;
color: white;
font-family: Tahoma;
font-size: 12px;
}
td{
font-family: Tahoma;
font-size: 10px;
}
</style>
<div class="fakeContainer">
<table id="ocupacion">
<tr>
<th></th>
<th colspan="5">Enero</th>
<th colspan="4">Febrero</th>
<th colspan="4">Marzo</th>
<th colspan="5">Abril</th>
<th colspan="4">Mayo</th>
<th colspan="4">Junio</th>
<th colspan="5">Julio</th>
<th colspan="4">Agosto</th>
<th colspan="5">Septiembre</th>
<th colspan="4">Octubre</th>
<th colspan="4">Noviembre</th>
<th colspan="4">Diciembre</th>
</tr>
<tr>
//Esta fila es una cutrez temporal <th> Actividad </th>
<?php
include("../db/db.php");
include("../classes/Actividad.php");
include("../classes/Jalon.php");
$semanaActual = date('W');
$semana=1;
while($semana < 53) {
if ($semana!=$semanaActual) {
if ($semana < 10) {
echo '<th>S0'.$semana.'</th>';
}else {
echo '<th>S'.$semana.'</th>';
}
}else if ($semana==$semanaActual) {
if ($semana < 10) {
echo '<th style="background-color: red">S0'.$semana.'</th>';
}else {
echo '<th style="background-color: red">S'.$semana.'</th>';
}
}
$semana = $semana + 1;
}
?>
</tr>
<?php
$actividad = new Actividad();
$s = $actividad->obtenerListaActividades('Todos', '');
//Contador para dar distintos nombres a las ventanas emergentes
$i = 1;
$color = 1;
while (OCIFetch($s)) {
$semana = 1;
$actividad->obtenerDatos($s);
$jalon = new Jalon();
$jalon->obtenerDatos($actividad->idJalon);
echo '<tr>';
echo '<td>'.$actividad->nombre.'</td>';
while($semana < 53) {
if (($semana > $actividad->semanaIni && $semana < $actividad->semanaFin) && $semana != $jalon->planificado) {
if ($semana != $semanaActual) {
echo '<td style="background-color: #66CCFF"> </td>';
}else if ($semana == $semanaActual) {
echo '<td style="background-color: #66CCFF; border-color: red"> </td>';
}
}else if (($semana == $actividad->semanaIni || $semana == $actividad->semanaFin) && $semana != $jalon->planificado) {
echo '<td style="background-color: #66CCFF"> </td>';
}else if ($semana == $jalon->planificado) {
if ($semana != $semanaActual) {
echo '<td style="background-color: #0000EE">';
}else if ($semana == $semanaActual) {
echo '<td style="background-color: #0000EE; border-color: red;">';
}
echo '<div class="ExpertStats ExpertHover">';
echo '<div class="HoverPanel">';
echo '<div id="HoverPanel'. $i .'" onmouseout="toggableMouseOut()" onmouseover="toogle(' . "'HoverPanel". $i . "_toggable', true)" . '" class="HoverPanelHeader"></div>';
echo '<div id="HoverPanel'. $i .'_toggable" class="HoverPanelContainer" style="display: none;" onmouseout="toggableMouseOut()" onmouseover="toggableMouseOver()">';
echo '<p style="padding: 5px; font-family: Tahoma; font-size: 11px">';
echo '<b>Proyecto:</b> <em>'.$actividad->nombre.'</em></br>';
echo '<b>Dominio:</b> <em>'.$actividad->dominio.'</em></br>';
echo '<b>Objetivo del jalón:</b> <em>'.$jalon->objetivo.'</em></br>';
echo '<b>Planificado en la semana:</b> <em>'.$jalon->planificado.'</em></br>';
echo '<b>Jefe de proyecto:</b> <em>'.$actividad->jpi.'</em></br>';
echo '</p>';
echo '</div>';
echo '</div>';
echo '</div>';
$i = $i+1;
echo '</td>';
}else {
if ($semana != $semanaActual) {
echo '<td style="background-color: #DDDDDD"> </td>';
}else if ($semana == $semanaActual) {
echo '<td style="background-color: #DDDDDD; border-color: red"> </td>';
}
}
$semana = $semana+1;
}
echo '</tr>';
}
?>
</table>
</div>
<div id="testDiv" style="display:none;float:left;margin:40px;width:400px;height:300px;background-color:#f1f1f1;"></div>
<script type="text/javascript">
//<![CDATA[
(function () {
new superTable("ocupacion", {
cssSkin : "sDefault",
headerRows : 2,
fixedCols : 1
});
})();
//]]>
</script>
</body>
</html>