Ya intente de todo y pues no consegui hacer funcionar q dos scripts uno q me muestra la hora y otro q me muestra un sencillo calendario me funcionaran en la misma pagina. LA idea q manejaba es q se me mostraran en distintos paneles pero no consegui ni haciendolos funcionar en un solo panel
aqui les dejo el codigo html y de los javascripts
Código HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <meta http-equiv="content-type" content="text/html; charset=iso-8859-1" /> <meta name="description" content="Your description goes here" /> <link rel="stylesheet" type="text/css" href="andreas00.css" media="screen,projection" /> <title>MArmolera v.20</title> </head> <div id="contenedor"> <div id="barizquierda"> <div id="miCalendario"> <body onLoad="tunCalendario()"> <script language="JavaScript" type="text/javascript"> var idContenedor = "miCalendario" var hoy = new Date() var mes = hoy.getMonth() var dia = 1 var anio = hoy.getFullYear() var diasSemana = new Array ('L','M','M','J','V','S','D') var meses = new Array('Enero','Febrero','Marzo','Abril','Mayo','Junio','Julio','Agosto','Septiembre','Octubre','Noviembre','Diciembre') var tunIex=navigator.appName=="Microsoft Internet Explorer"?true:false; if(tunIex && navigator.userAgent.indexOf('Opera')>=0){tunIex = false} tunOp = navigator.userAgent.indexOf('Opera')>=0 ? true: false; function tunCalendario(){ dia2 = dia tab = document.createElement('table') tab.id = 'calendario' document.getElementById(idContenedor).appendChild(tab) tcabeza = document.createElement('thead') tab.appendChild(tcabeza) fi2 = document.createElement('tr') fi2b = document.createElement('th') fi2b.colSpan = 7 fi2.id = 'mesCalendario' fi2b.appendChild(document.createTextNode(meses[mes] + " - " + anio)) fi2.appendChild(fi2b) tcabeza.appendChild(fi2) fi = document.createElement('tr') tcabeza.appendChild(fi) for(m=0;m<7;m++){ ce = document.createElement('th') ce.appendChild(document.createTextNode(diasSemana[m])) fi.appendChild(ce) } var escribe = false var escribe2 = true fecha = new Date(anio,mes,dia) var d = fecha.getDay()-1 //dia semana if(d<0){d = 6} tcuerpo = document.createElement('tbody') tab.appendChild(tcuerpo) while(escribe2){ fi = document.createElement('tr') co = 0 for(t=0;t<7;t++){ ce = document.createElement('td') if(escribe && escribe2){ fecha2 = new Date(anio,mes,dia) if(fecha2.getMonth() != mes){escribe2 = false;} else{ce.appendChild(document.createTextNode(dia));dia++;co++} } if(d == t && !escribe){ ce.appendChild(document.createTextNode(dia)) dia++;co++ escribe = true } fi.appendChild(ce) if(hoy.getDate()+1 == dia && mes == hoy.getMonth() && anio == hoy.getFullYear()){ce.className = "Hoy"} } if(co>0){tcuerpo.appendChild(fi)} } dia = dia2 } </script> </body> </div> <h2 class="hide"></h2> <ul class="avmenu" class="current"> <li><a href="index.html">Inicio</a></li> <li><a href="styles.html">Informacion</a></li> <li><a href="2-columns.html">Clientes</a></li> <li><a href="3-columns.html">Nuestro Trabajo</a></li> <li><a href="themes.html">Album de Fotos</a></li> <li><a href="themes.html">Contacto</a></li> </ul> <span id="extras"> <body onLoad="show5()"> <script language="JavaScript"> <!-- function show5(){ if (!document.layers&&!document.all&&!document.getElementById) return var Digital=new Date() var hours=Digital.getHours() var minutes=Digital.getMinutes() var seconds=Digital.getSeconds() var dn="AM" if (hours>12){ dn="PM" hours=hours-12 } if (hours==0) hours=12 if (minutes<=9) minutes="0"+minutes if (seconds<=9) seconds="0"+seconds //change font size here to your desire myclock="<font size='5' face='Arial' ><h2>Hora Actual:<br></br>"+hours+":"+minutes+":" +seconds+" "+dn+"</h2></br>" if (document.layers){ document.layers.liveclock.document.write(myclock) document.layers.liveclock.document.close() } else if (document.all) liveclock.innerHTML=myclock else if (document.getElementById) document.getElementById("hora").innerHTML=myclock setTimeout("show5()",1000) } //--> </script> </body> </span> </div> <div id="content"> <h2>noticias del cuerpo</h2> <p>cuerpo centra de la pagina </p> <p>mas notas del cuerpo central</p> </div> </div> </body> </html> </div>
saludos
