Ver Mensaje Individual
  #26 (permalink)  
Antiguo 25/05/2014, 05:55
mnocturno
 
Fecha de Ingreso: mayo-2014
Mensajes: 17
Antigüedad: 10 años
Puntos: 0
Respuesta: Dudas Javascript

Cita:
Iniciado por jp91 Ver Mensaje
Ps en teoria el navegador va descargando y ejecutando, digamos colocar una funcion js en el "head" llamando una etiqueta en el body ps..... ,el navegador lee e interpreta el codigo html antes que las etiquetas por lo tanto cuando se intenta llamar aun no existe. Lo raro es porque a ti no te sirve llamarlo directamente puedes mostrar el codigo de una de tus funciones.
HTML:

Código HTML:
Ver original
  1. <div id="calendario">
  2.     <div id="fechaactual"></div> <!-- Div para mostrar la fecha actual -->
  3.     <div id="mesactual"></div> <!-- Div para el mes y el año y los enlaces anterior y posterior -->
  4.     <table id="tabladias">
  5.         <tr id="fila0"><th></th><th></th><th></th><th></th><th></th><th></th><th></th><th></th></tr>
  6.         <tr id="fila1"><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td></tr>
  7.         <tr id="fila2"><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td></tr>
  8.         <tr id="fila3"><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td></tr>
  9.         <tr id="fila4"><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td></tr>
  10.         <tr id="fila5"><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td></tr>
  11.         <tr id="fila6"><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td></tr>
  12.     </table>
  13.     <div id="reloj"></div> <!-- Div para el reloj -->
  14. </div>

script principal:

Código Javascript:
Ver original
  1. window.onload=function()
  2.     {
  3.         //Hay que pasar el id del div
  4.         calendario("calendario");
  5.     }

script calendario:

Código Javascript:
Ver original
  1. function calendario(calen)
  2.     {
  3.         //var local sirve para que conozca el div donde actuar (si no, no funciona)
  4.         var local=document.getElementById(calen);
  5.        
  6.         var meses=["Enero","Febrero","Marzo","Abril","Mayo","Junio","Julio","Agosto","Septiembre","Octubre","Noviembre","Diciembre"];
  7.         var diasemana=["Domingo","Lunes","Martes","Mi&eacutercoles","Jueves","Viernes","S&aacutebado"];
  8.         var diasemanacorto=["Sem","Lu","Ma","Mi","Ju","Vi","S&aacute","Do"];
  9.         var i, j, celda, fila;
  10.  
  11.         var hoy=new Date();
  12.         var diasemanahoy=hoy.getDay(); //Día de la semana actual
  13.         var diahoy=hoy.getDate(); //Día del mes actual
  14.         var meshoy=hoy.getMonth(); //Mes actual
  15.         var anniohoy=hoy.getFullYear(); //Año actual
  16.         var fila=document.getElementById("fila0");
  17.         var mescal=meshoy; //mes principal para el anterior y el posterior
  18.         var anniocal=anniohoy;// año principal para el anterior y el posterior
  19.        
  20.         var primeromes, prsem, diaprmes, prcelda, empezar;
  21.         var diames, midia, mimes, miannio;
  22.    
  23.         //Rellana la cabecera con la fecha de hoy, el mes y años y los marcadores para cambiar de mes y años
  24.         document.getElementById("fechaactual").innerHTML="Hoy, "+diasemana[diasemanahoy]+" "+diahoy+" de "+meses[meshoy]+" de "+anniohoy;
  25.    
  26.         //Rellena la primera fila de la tabla calendario con los días de la semana de dos letras
  27.         for (i=0;i<8;i++)
  28.             {
  29.             celda=fila.getElementsByTagName("th")[i];
  30.             celda.innerHTML=diasemanacorto[i];
  31.             }
  32. ...