Team:UPIBI-Mexico/Notebook

From 2012.igem.org

(Difference between revisions)
Line 4: Line 4:
<head>
<head>
 +
 +
 +
 +
<script language="javascript" type="text⁄javascript"> 
 +
    ⁄⁄CALENDARIO 
 +
    ⁄⁄Iván Nieto Pérez 
 +
    ⁄⁄Este script y otros muchos pueden 
 +
    ⁄⁄descarse on-line de forma gratuita 
 +
    ⁄⁄en El Código: www.elcodigo.com 
 +
    function obtiene_fecha() 
 +
      { 
 +
      var fecha_actual = new Date() 
 +
     
 +
      dia = fecha_actual.getDate() 
 +
      mes = fecha_actual.getMonth() + 1 
 +
      anio = fecha_actual.getYear() 
 +
     
 +
      if (anio < 100) 
 +
          anio = '19' + anio 
 +
      else if ( ( anio > 100 ) && ( anio < 999 ) ) { 
 +
          var cadena_anio = new String(anio) 
 +
          anio = '20' + cadena_anio.substring(1,3) 
 +
      }       
 +
     
 +
      if (mes < 10) 
 +
          mes = '0' + mes 
 +
     
 +
      if (dia < 10) 
 +
          dia = '0' + dia 
 +
     
 +
      return (dia + "⁄" + mes + "⁄" + anio) 
 +
      } 
 +
     
 +
    function calendario() 
 +
        { 
 +
        var x, y, fila, valor 
 +
        var fecha_actual = new Date() 
 +
        var dia_mes = fecha_actual.getDate()        ⁄⁄dia del mes 
 +
        var mes = fecha_actual.getMonth() + 1      ⁄⁄mes del año 
 +
        var anio = fecha_actual.getYear()      ⁄⁄año 
 +
        var dia_semana = fecha_actual.getDay() - 1  ⁄⁄dia de la semana (-1 para domingo, 0 para lunes, etc.) 
 +
     
 +
        ⁄⁄array de dias que tiene cada mes 
 +
        dias_por_mes = new Array(12) 
 +
        dias_por_mes[0] = 31 
 +
        dias_por_mes[1] = 28 
 +
        dias_por_mes[2] = 31 
 +
        dias_por_mes[3] = 30 
 +
        dias_por_mes[4] = 31 
 +
        dias_por_mes[5] = 30 
 +
        dias_por_mes[6] = 31 
 +
        dias_por_mes[7] = 31 
 +
        dias_por_mes[8] = 30 
 +
        dias_por_mes[9] = 31 
 +
        dias_por_mes[10] = 30 
 +
        dias_por_mes[11] = 31 
 +
     
 +
        ⁄⁄corrige dia de la semana 
 +
        if(dia_semana == -1) 
 +
            dia_semana = 6 
 +
     
 +
        ⁄⁄corrige dias de febrero si año bisiesto 
 +
        if((anio % 4) == 0) 
 +
            dias_por_mes[1]++ 
 +
     
 +
        ⁄⁄crea matriz de datos 
 +
        matriz = new Array(6) 
 +
        for (fila = 0; fila < 6; fila++) 
 +
            matriz[fila] = new Array(7) 
 +
     
 +
        ⁄⁄obtiene posición día 1 
 +
        y = dia_semana + 1 
 +
        for (x = dia_mes; x > 0; x--) { 
 +
            y-- 
 +
            if (y < 0) 
 +
                y = 6 
 +
        } 
 +
             
 +
        ⁄⁄guarda valores en variable matriz 
 +
        valor = 1 
 +
        for (fila = 0; fila < 6; fila++) { 
 +
            for (x = 0; x < 7; x++) { 
 +
                if ((fila == 0) && (x < y)) {                ⁄⁄valores vacíos primera fila 
 +
                    matriz[fila][x] = "" 
 +
                } else if (valor > dias_por_mes[mes - 1]) {      ⁄⁄valores vacíos última línea 
 +
                    matriz[fila][x] = "" 
 +
                } else if (valor == dia_mes) {              ⁄⁄valor día actual 
 +
                    matriz[fila][x] = "<b><font color='red'>" + valor + "<⁄font><⁄b>" 
 +
                    valor++ 
 +
                } else { 
 +
                    matriz[fila][x] = valor            ⁄⁄valores ocupados 
 +
                    valor++ 
 +
                } 
 +
            } 
 +
        } 
 +
     
 +
        ⁄⁄impresion del calendario 
 +
        document.write("<div align='center'><center>") 
 +
        document.write("") 
 +
        document.write("<table border='1' width='85%' cellspacing='1' cellpadding='5'>") 
 +
        document.write("  <tr>") 
 +
        document.write("    <td width='100%' colspan='7' align='center'><strong>" + obtiene_fecha() + "<⁄strong><⁄td>") 
 +
        document.write("  <⁄tr>") 
 +
        document.write("  <tr>")                                              ⁄⁄crea fila de nombres de días 
 +
        document.write("    <td width='14%' align='center'><small>Lunes<⁄small><⁄td>") 
 +
        document.write("    <td width='14%' align='center'><small>Martes<⁄small><⁄td>") 
 +
        document.write("    <td width='14%' align='center'><small>Miercoles<⁄small><⁄td>") 
 +
        document.write("    <td width='14%' align='center'><small>Jueves<⁄small><⁄td>") 
 +
        document.write("    <td width='14%' align='center'><small>Viernes<⁄small><⁄td>") 
 +
        document.write("    <td width='15%' align='center' bgcolor='#C0C0C0'><small>Sabado<⁄small><⁄td>") 
 +
        document.write("    <td width='15%' align='center' bgcolor='#C0C0C0'><small>Domingo<⁄small><⁄td>") 
 +
        document.write("  <⁄tr>") 
 +
     
 +
        for(fila = 0; fila < 6; fila++) { 
 +
            if ((matriz[fila][0] == "") && (matriz[fila][6] == ""))        ⁄⁄no muestra ultima fila vacía 
 +
                break 
 +
            document.write("  <tr>")                                          ⁄⁄crea fila de tabla calendario 
 +
            document.write("    <td width='14%' align='left'>" + matriz[fila][0] + "<p> <⁄p><⁄td>") 
 +
            document.write("    <td width='14%' align='left'>" + matriz[fila][1] + "<p> <⁄p><⁄td>") 
 +
            document.write("    <td width='14%' align='left'>" + matriz[fila][2] + "<p> <⁄p><⁄td>") 
 +
            document.write("    <td width='14%' align='left'>" + matriz[fila][3] + "<p> <⁄p><⁄td>") 
 +
            document.write("    <td width='14%' align='left'>" + matriz[fila][4] + "<p> <⁄p><⁄td>") 
 +
            document.write("    <td width='15%' align='left' bgcolor='#C0C0C0'>" + matriz[fila][5] + "<p> <⁄p><⁄td>") 
 +
            document.write("    <td width='15%' align='left' bgcolor='#C0C0C0'>" + matriz[fila][6] + "<p> <⁄p><⁄td>") 
 +
            document.write("  <⁄tr>") 
 +
        } 
 +
     
 +
        document.write("<⁄table>") 
 +
        document.write("<⁄center><⁄div>") 
 +
    } 
 +
     
 +
     
 +
     
 +
     
 +
    <⁄script> 
 +
 +
</head>
</head>
Line 28: Line 165:
</ul>
</ul>
</div>
</div>
 +
 +
 +
 +
<!-- Para visualizar el calendario --> 
 +
    <script language="javascript" type="text⁄javascript"> 
 +
    <!-- 
 +
    calendario() 
 +
    ⁄⁄--> 
 +
    <⁄script> 
 +
</body>
</body>
</html>
</html>

Revision as of 03:44, 8 July 2012

Header