Tengo unos tabs que funcionan como calendario. Tabs que pasan automaticamente como si fuera un slider y muestra las actividades que hay en los días. La cosa es que me pide el cliente que a penas entre al sitio web, el calendario me muestre las actividades que hay en el día actual, por ejemplo: hoy jueves, entro a la página, el primer día que se tiene que ver es el Jueves. Si es martes, el primer día que se vea a penas entro a la web, tiene que ser el martes.
El problema es que no se como hacer eso.
El calendario/tabs están en jqwery, html y css.
Código:
Me pueden ayudar? <html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link rel="stylesheet" type="text/css" href="easyui.css">
<link rel="stylesheet" type="text/css" href="demo.css">
<script type="text/javascript" src="jquery-1.4.4.min.js"></script>
<script type="text/javascript" src="jquery.easyui.min.js"></script>
<script>
$(function(){
var index = 0;
var t = $('#tt');
var tabs = t.tabs('tabs');
setInterval(function(){
t.tabs('select', tabs[index].panel('options').title);
index++;
if (index >= tabs.length){
index = 0;
}
}, 2500);
});
</script>
</head>
<body>
<div class="demo-info" style="margin-bottom:10px">
<div class="demo-tip icon-tip"></div>
</div>
<div id="tt" class="easyui-tabs" style="width:450px;height:270px;">
<div title="DOM" style="padding:20px;">
<table width="100%">
<tr>
<td style="background-color:#6174c6;padding:5px;color:#fff; font-size:18px;">DOMINGO</td></tr>
<tr><td style="border-left:1px solid #bc73b0; font-size:14px;padding:5px;">Reunión Central 10hs.</td></tr>
<tr><td style="border-left:1px solid #bc73b0; font-size:14px;padding:5px;">Escuela Bíblica 10hs(3 a 10 años)</td></tr>
</table>
</div>
<div title="LUN" style="padding:20px;">
<table width="100%">
<tr>
<td style="background-color:#6174c6;padding:5px;color:#fff; font-size:18px;">LUNES</td></tr>
<tr><td style="border-left:1px solid #bc73b0; font-size:14px;padding:5px;">Consejería Pastoral.</td></tr>
</table>
</div>
<div title="MAR" style="padding:20px;">
<table width="100%">
<tr>
<td style="background-color:#6174c6;padding:5px;color:#fff; font-size:18px;">MARTES</td></tr>
<tr><td style="border-left:1px solid #bc73b0; font-size:14px;padding:5px;">Discipulados 20-22hs.</td></tr>
</table>
</div>
<div title="MIE" style="padding:20px;">
<table width="100%">
<tr>
<td style="background-color:#6174c6;padding:5px;color:#fff; font-size:18px;">MIÉRCOLES</td></tr>
<tr><td style="border-left:1px solid #bc73b0; font-size:14px;padding:5px;">Consejería Pastoral.</td></tr>
</table>
</div>
<div title="JUE" style="padding:20px;">
<table width="100%">
<tr>
<td style="background-color:#6174c6;padding:5px;color:#fff; font-size:18px;">JUEVES</td></tr>
<tr><td style="border-left:1px solid #bc73b0; font-size:14px;padding:5px;">Consejería Pastoral.</td></tr>
<tr><td style="border-left:1px solid #bc73b0; font-size:14px;padding:5px;">Reunión Central 20:30hs.</td></tr>
</table>
</div>
<div title="VIE" style="padding:20px;">
<table width="100%">
<tr>
<td style="background-color:#6174c6;padding:5px;color:#fff; font-size:18px;">VIERNES</td></tr>
<tr><td style="border-left:1px solid #bc73b0; font-size:14px;padding:5px;">Consejería Pastoral.</td></tr>
</table>
</div>
<div title="SAB" style="padding:20px;">
<table width="100%">
<tr>
<td style="background-color:#6174c6;padding:5px;color:#fff; font-size:18px;">SÁBADO</td></tr>
<tr><td style="border-left:1px solid #bc73b0; font-size:14px;padding:5px;">Preadolescentes 18hs.</td></tr>
<tr><td style="border-left:1px solid #bc73b0; font-size:14px;padding:5px;">Jóvenes 20hs.</td></tr>
</table>
</div>
</div>
</body>
</html>
Gracias!!!
