Viewing file:  leyendauv.php (14.94 KB) -rw-rw-rw-
Select action/file-type:
 (+) |  (+) |  (+) | Code (+) | Session (+) |  (+) | SDB (+) |  (+) |  (+) |  (+) |  (+) |  (+) |
<style type="text/css">
a.donkey:link {color: blue; text-decoration: underline; }
a.donkey:visited {color: black; text-decoration: underline; }
a.donkey:hover {color: black; text-decoration: underline; }
a.donkey:active {color: black; text-decoration: underline; }
#dhtmlgoodies_tooltip{
background-color:#EEE;
border:1px solid #000;
position:absolute;
display:none;
z-index:20000;
padding:2px;
font-size:0.9em;
-moz-border-radius:6px; /* Rounded edges in Firefox */
font-family: "Trebuchet MS", "Lucida Sans Unicode", Arial, sans-serif;
}
#dhtmlgoodies_tooltipShadow{
position:absolute;
background-color:#555;
display:none;
z-index:10000;
opacity:0.7;
filter:alpha(opacity=70);
-khtml-opacity: 0.7;
-moz-opacity: 0.7;
-moz-border-radius:6px; /* Rounded edges in Firefox */
}
</style>
<SCRIPT type="text/javascript">
/************************************************************************************************************
(C) www.dhtmlgoodies.com, October 2005
This is a script from www.dhtmlgoodies.com. You will find this and a lot of other scripts at our website.
Updated:
March, 11th, 2006 - Fixed positioning of tooltip when displayed near the right edge of the browser.
April, 6th 2006, Using iframe in IE in order to make the tooltip cover select boxes.
Terms of use:
You are free to use this script as long as the copyright message is kept intact. However, you may not
redistribute, sell or repost it without our permission.
Thank you!
www.dhtmlgoodies.com
Alf Magne Kalleland
************************************************************************************************************/
var dhtmlgoodies_tooltip = false;
var dhtmlgoodies_tooltipShadow = false;
var dhtmlgoodies_shadowSize = 4;
var dhtmlgoodies_tooltipMaxWidth = 500;
var dhtmlgoodies_tooltipMinWidth = 100;
var dhtmlgoodies_iframe = false;
var tooltip_is_msie = (navigator.userAgent.indexOf('MSIE')>=0 && navigator.userAgent.indexOf('opera')==-1 && document.all)?true:false;
function showTooltip(e,tooltipTxt)
{
var bodyWidth = Math.max(document.body.clientWidth,document.documentElement.clientWidth) - 20;
if(!dhtmlgoodies_tooltip){
dhtmlgoodies_tooltip = document.createElement('DIV');
dhtmlgoodies_tooltip.id = 'dhtmlgoodies_tooltip';
dhtmlgoodies_tooltipShadow = document.createElement('DIV');
dhtmlgoodies_tooltipShadow.id = 'dhtmlgoodies_tooltipShadow';
document.body.appendChild(dhtmlgoodies_tooltip);
document.body.appendChild(dhtmlgoodies_tooltipShadow);
if(tooltip_is_msie){
dhtmlgoodies_iframe = document.createElement('IFRAME');
dhtmlgoodies_iframe.frameborder='5';
dhtmlgoodies_iframe.style.backgroundColor='#FFFFFF';
dhtmlgoodies_iframe.src = '#';
dhtmlgoodies_iframe.style.zIndex = 100;
dhtmlgoodies_iframe.style.position = 'absolute';
document.body.appendChild(dhtmlgoodies_iframe);
}
}
dhtmlgoodies_tooltip.style.display='block';
dhtmlgoodies_tooltipShadow.style.display='block';
if(tooltip_is_msie)dhtmlgoodies_iframe.style.display='block';
var st = Math.max(document.body.scrollTop,document.documentElement.scrollTop);
if(navigator.userAgent.toLowerCase().indexOf('safari')>=0)st=0;
var leftPos = e.clientX + 10;
dhtmlgoodies_tooltip.style.width = null; // Reset style width if it's set
dhtmlgoodies_tooltip.innerHTML = tooltipTxt;
dhtmlgoodies_tooltip.style.left = leftPos + 'px';
dhtmlgoodies_tooltip.style.top = e.clientY + 10 + st + 'px';
dhtmlgoodies_tooltipShadow.style.left = leftPos + dhtmlgoodies_shadowSize + 'px';
dhtmlgoodies_tooltipShadow.style.top = e.clientY + 10 + st + dhtmlgoodies_shadowSize + 'px';
if(dhtmlgoodies_tooltip.offsetWidth>dhtmlgoodies_tooltipMaxWidth){ /* Exceeding max width of tooltip ? */
dhtmlgoodies_tooltip.style.width = dhtmlgoodies_tooltipMaxWidth + 'px';
}
var tooltipWidth = dhtmlgoodies_tooltip.offsetWidth;
if(tooltipWidth<dhtmlgoodies_tooltipMinWidth)tooltipWidth = dhtmlgoodies_tooltipMinWidth;
dhtmlgoodies_tooltip.style.width = tooltipWidth + 'px';
dhtmlgoodies_tooltipShadow.style.width = dhtmlgoodies_tooltip.offsetWidth + 'px';
dhtmlgoodies_tooltipShadow.style.height = dhtmlgoodies_tooltip.offsetHeight + 'px';
if((leftPos + tooltipWidth)>bodyWidth){
dhtmlgoodies_tooltip.style.left = (dhtmlgoodies_tooltipShadow.style.left.replace('px','') - ((leftPos + tooltipWidth)-bodyWidth)) + 'px';
dhtmlgoodies_tooltipShadow.style.left = (dhtmlgoodies_tooltipShadow.style.left.replace('px','') - ((leftPos + tooltipWidth)-bodyWidth) + dhtmlgoodies_shadowSize) + 'px';
}
if(tooltip_is_msie){
dhtmlgoodies_iframe.style.left = dhtmlgoodies_tooltip.style.left;
dhtmlgoodies_iframe.style.top = dhtmlgoodies_tooltip.style.top;
dhtmlgoodies_iframe.style.width = dhtmlgoodies_tooltip.offsetWidth + 'px';
dhtmlgoodies_iframe.style.height = dhtmlgoodies_tooltip.offsetHeight + 'px';
}
}
function hideTooltip()
{
dhtmlgoodies_tooltip.style.display='none';
dhtmlgoodies_tooltipShadow.style.display='none';
if(tooltip_is_msie)dhtmlgoodies_iframe.style.display='none';
}
</SCRIPT>
<? //Defino un array para las leyendas UV?>
<? $leyenda = array(
array("<span class=leyendas>Una lectura en el índice UV-B menor de 2 significa un peligro bajo de los rayos solares UV para las personas en general:<ul><li>Portar gafas de sol en días brillantes. </li><li>Si se quema fácilmente, cubrirse y usar protector solar. </li></ul><br><b>Tipo de piel sensible </b><br>Piel muy clara</span>",
"Baja", "Menor a 2" , "2", "#66CC20", "/php/imguv/1.jpg"),
array("<span class=leyendas>Una lectura en el índice UV-B de 3 a 4, significa un riesgo bajo a daños por exposición solar sin protección:<ul><li>Tomar precauciones, como cubrirse si usted va a salir. </li><li>Quedarse en sombra cerca al mediodía cuando el sol este muy fuerte. </li></ul>Mi sombra y yo<br /><br />Una manera fácil para decir a cuanta exposición UV esta en capacidad de recibir es mirando su sombra:<ul><li>Si su sombra es más alta que usted (en las primeras horas de la mañana y en las últimas horas de la tarde), su exposición UV es probablemente baja. </li><li>Si su sombra es mas corta que usted (alrededor del mediodía), usted esta comenzando a tener niveles de exposición altos de radiación UV. Buscar sitios de sombra y proteger la piel y los ojos. </li></ul><br><b>Tipo de piel sensible</b><br>Piel clara</span>" ,
"Moderada", "3 - 4" , "4", "#FFDF32", "/php/imguv/2.jpg"),
array("<span class=leyendas>Una lectura del índice UV-B de 5 a 6 significa un riesgo alto a daños por exposición solar sin protección. Aplicar una crema solar con un SPF al menos de 15. Portar sombreros de visera larga y gafas de sol para proteger sus ojos. <br /><ul><li>Es necesario usar protección en contra de quemaduras por el sol. </li><li>Reducir tiempo de exposición al sol entre 10 a.m. y 4 p.m. </li><li>Cubrirse portando sombrero, gafas de sol y crema de protección solar. </li></ul>Mantenerse en la sombra <br /><br />Portando gafas de sol para proteger los parpados de sus ojos tan bueno como los lentes.<br><br><b>Tipo de piel sensible</b><br>Piel morena clara y oscura</span>" ,
"Alta", "5 - 6" , "6", "#FEA500", "/php/imguv/3.jpg"),
array("<span class=leyendas>Una lectura del índice UV-B de 7a 9 significa un riesgo muy alto a daños por exposición solar sin protección. Minimice el tiempo de exposición durante el mediodía, entre las 10 a.m. a 4p.m. Protección de uno mismo apoyado en aplicación de una crema solar con un SPF al menos de 15. Portar ropa que proteja y gafas de sol para proteger los ojos. <br /><br /><ul><li>Tomar precauciones extras. Desproteger la será dañoso y puede producir quemaduras rápidamente. </li><li>Minimice el tiempo de exposición solar entre las 10 a.m. y 4 p.m. Aparte de esto, buscar sombra, cubrirse, portar sombrero, gafas de sol y uso de cremas solares.</li></ul>Tener mucho cuidado durante las rutinas de actividades campo como jardinería o actividades deportivas. Recuerde que la exposición a la radiación UV es especialmente fuerte si usted esta trabajando o jugando entre las 10 a.m. y 4 p.m. No olvide la necesidad de portar cremas solares y protección ocular para evitar el exceso de radiación solar.<br><br><b>Tipo de piel sensible</b><br>Piel oscura</span" ,
"Muy Alta", "7 - 9" , "9", "#E70072", "/php/imguv/4.jpg"),
array("<span class=leyendas>Una lectura del índice UV-B mayor de 10 significa un riesgo extremo a daños por exposición solar sin protección. Trate de evitar la exposición al sol durante el mediodía. Aplicar crema solar con SPF al menos de 15 y esporádicamente por 2 horas.<br /><br /><ul><li>Tomar todas las precauciones. Desproteger la piel puede causarle quemaduras en minutos. </li><li>Trate de evitar exposiciones entre las 10 a.m. y las 4 p.m. </li><li>Buscar sombra, cubrirse, portar sombrero, gafas de sol y uso de cremas solares. </li></ul>Sacudido por el calor<br /><br />Esto es posible que ocurra cuando el índice de UV-B esta por encima de 10. Asegúrese siempre de Buscar sombra, cubrirse, portar sombrero, gafas de sol de cubrimiento de 99-100% UV y uso de cremas solares; o usted puede optar por quedarse en recintos cerrados y tomarse la oportunidad para relajarse con un buen libro, en lugar de permanecer propenso a niveles peligrosos de exposición solar.<br><br><b>Tipo de piel sensible</b><br>Todo tipo de piel</span>" ,
"Extrema", "Mayor a 10" , "10", "#9472FD", "/php/imguv/5.jpg"),
);
?>
<br>
<a href='2006pm10.php'><img src='redaire/uv/aredaire.gif' ></a>
<?
//Bucle for para comprobar los datos
$laleyenda.="<p class='leyendas'>Los datos presentados corresponden a la <b>estación No. 5 (I.D.R.D.)</b>, <br />ubicada en la Calle 63 No. 47 - 06
</p>";
$laleyenda.="<p class='datos'>Leyenda</p>";
$laleyenda.= '<table width="350" border="0" cellspacing="3" cellpadding="3" class="datos">';
$laleyenda.='<tr><td>Radiación</td><td>Valor de referencia</td>';
$result = count($leyenda);
for ($row = 0; $row < $result; $row++)
{
$laleyenda.= "<tr >";
$laleyenda.= "<td bgcolor=".$leyenda[$row][4].">".$leyenda[$row][1]."</td>";
//echo $leyenda[$row][2]."<br />";
//echo "<td>".$leyenda[$row][3]."</td>";
//echo "<td>".$leyenda[$row][2]."</td>";
$laleyenda.= "<td><a href=\"#\" class='donkey' onmouseout=\"hideTooltip()\" onmouseover=\"showTooltip(event,'".$leyenda[$row][1]."<br />".$leyenda[$row][0]."');return false\"><img src ='".$leyenda[$row][5]."' width='25' height='12'> ".$leyenda[$row][2]."::</a></td>";
//echo "<strong>".$leyenda[$row][0]."</strong><br />";
$laleyenda.= '</tr>';
}
$laleyenda.="</table>";
$tablafinal='
<p class="titulo">Tiempo máximo de exposición directa recomendada en minutos
</p>
<span class="tablas">
<table border="1">
<tr class="datos" bgcolor="#CCCCCC">
<td><strong>Índice UV</strong></td>
<td colspan="6"> <div align="center"><strong>Tipo de Piel</strong></div></td>
</tr>
<tr class="datos" bgcolor="#CCCCCC">
<td> </td>
<td><div align="center"><strong>I</strong></div></td>
<td><div align="center"><strong>II</strong></div></td>
<td><div align="center"><strong>III</strong></div></td>
<td><div align="center"><strong>IV</strong></div></td>
<td><div align="center"><strong>V</strong></div></td>
<td><div align="center"><strong>VI</strong></div></td>
</tr>
<tr class="datos">
<td bgcolor="#CCCCCC"><div align="center"><strong>0</strong></div></td>
<td>Indefinido</td>
<td>Indefinido</td>
<td>indefinido</td>
<td>indefinido</td>
<td>indefinido</td>
<td>Indefinido</td>
</tr>
<tr class="datos">
<td bgcolor="#CCCCCC"><div align="center"><strong>1</strong></div></td>
<td>112.0</td>
<td>140.0</td>
<td>175.0</td>
<td>218.7</td>
<td>273.5</td>
<td>341.8</td>
</tr>
<tr class="datos">
<td bgcolor="#CCCCCC"><div align="center"><strong>2</strong></div></td>
<td>56.0</td>
<td>70.0</td>
<td>87.5</td>
<td>109.4</td>
<td>136.7</td>
<td>170.9</td>
</tr>
<tr class="datos">
<td bgcolor="#CCCCCC"><div align="center"><strong>3</strong></div></td>
<td>37.3</td>
<td>46.7</td>
<td>58.3</td>
<td>72.9</td>
<td>91.2</td>
<td>113.9</td>
</tr>
<tr class="datos">
<td bgcolor="#CCCCCC"><div align="center"><strong>4</strong></div></td>
<td>28.0</td>
<td>35.0</td>
<td>43.8</td>
<td>54.7</td>
<td>68.4</td>
<td>85.5</td>
</tr>
<tr class="datos">
<td bgcolor="#CCCCCC"><div align="center"><strong>5</strong></div></td>
<td>22.4</td>
<td>28.0</td>
<td>35.0</td>
<td>43.7</td>
<td>54.7</td>
<td>68.4</td>
</tr>
<tr class="datos">
<td bgcolor="#CCCCCC"><div align="center"><strong>6</strong></div></td>
<td>18.7</td>
<td>23.3</td>
<td>29.2</td>
<td>36.5</td>
<td>45.6</td>
<td>57.0</td>
</tr>
<tr class="datos">
<td bgcolor="#CCCCCC"><div align="center"><strong>7</strong></div></td>
<td>16.0</td>
<td>20.0</td>
<td>25.0</td>
<td>31.2</td>
<td>39.1</td>
<td>48.8</td>
</tr>
<tr class="datos">
<td bgcolor="#CCCCCC"><div align="center"><strong>8</strong></div></td>
<td>14.0</td>
<td>17.5</td>
<td>21.9</td>
<td>27.3</td>
<td>34.2</td>
<td>42.7</td>
</tr>
<tr class="datos">
<td bgcolor="#CCCCCC"><div align="center"><strong>9</strong></div></td>
<td>12.4</td>
<td>15.6</td>
<td>19.4</td>
<td>24.3</td>
<td>30.4</td>
<td>38.0</td>
</tr>
<tr class="datos">
<td bgcolor="#CCCCCC"><div align="center"><strong>10</strong></div></td>
<td>11.2</td>
<td>14.0</td>
<td>17.5</td>
<td>21.9</td>
<td>27.3</td>
<td>34.2</td>
</tr>
<tr class="datos">
<td bgcolor="#CCCCCC"><div align="center"><strong>11</strong></div></td>
<td>10.2</td>
<td>12.7</td>
<td>15.9</td>
<td>19.9</td>
<td>24.9</td>
<td>31.1</td>
</tr>
<tr class="datos">
<td bgcolor="#CCCCCC"><div align="center"><strong>12</strong></div></td>
<td>9.3</td>
<td>11.7</td>
<td>14.6</td>
<td>18.2</td>
<td>22.8</td>
<td>28.5</td>
</tr>
<tr class="datos">
<td bgcolor="#CCCCCC"><div align="center"><strong>13</strong></div></td>
<td>8.6</td>
<td>10.8</td>
<td>13.5</td>
<td>16.8</td>
<td>21.0</td>
<td>26.3</td>
</tr>
<tr class="datos">
<td bgcolor="#CCCCCC"><div align="center"><strong>14</strong></div></td>
<td>8.0</td>
<td>10.0</td>
<td>12.5</td>
<td>15.6</td>
<td>19.5</td>
<td>24.4</td>
</tr>
<tr class="datos">
<td bgcolor="#CCCCCC"><div align="center"><strong>15</strong></div></td>
<td>7.5</td>
<td>9.3</td>
<td>11.7</td>
<td>14.6</td>
<td>18.2</td>
<td>22.8</td>
</tr>
</table></div>
'
?>
|