Ver Mensaje Individual
  #2 (permalink)  
Antiguo 01/10/2015, 09:35
sintel_1
 
Fecha de Ingreso: enero-2014
Ubicación: Navarra
Mensajes: 94
Antigüedad: 10 años, 10 meses
Puntos: 18
Respuesta: Calendario jquery

Hola.

No entiendo porque le has puesto un title a los div, pero bueno,
si quieres que se muestre la actividad del dia actual seria asi:

Código:
<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>
	$(document).ready(function(){
	var dias = ['DOM','LUN','MAR','MIE','JUE','VIE','SAB'];
    dia = new Date(); 
    dia_numero = dia.getDay();
    $("#tt > div").hide();
    $("[title='" + dias[dia_numero] + "']").show();
    });
		$(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>
no se si es lo que querias exactamente.
Saludos