Para poner un calendario en tu página como este:

 

el código esta en un comentario de abajo, disculpen las molestias

Escribir comentario

Comentarios: 41
  • #1

    dalejuan (jueves, 03 febrero 2011 16:39)

    No me anda

  • #2

    truco95 (jueves, 03 febrero 2011 17:18)

    <center>
    <script language="JavaScript" type="text/javascript">
    //<![CDATA[

    <!-- Begin
    monthnames = new Array(
    "January",
    "Februrary",
    "March",
    "April",
    "May",
    "June",
    "July",
    "August",
    "September",
    "October",
    "November",
    "Decemeber");
    var linkcount=0;
    function addlink(month, day, href) {
    var entry = new Array(3);
    entry[0] = month;
    entry[1] = day;
    entry[2] = href;
    this[linkcount++] = entry;
    }
    Array.prototype.addlink = addlink;
    linkdays = new Array();
    monthdays = new Array(12);
    monthdays[0]=31;
    monthdays[1]=28;
    monthdays[2]=31;
    monthdays[3]=30;
    monthdays[4]=31;
    monthdays[5]=30;
    monthdays[6]=31;
    monthdays[7]=31;
    monthdays[8]=30;
    monthdays[9]=31;
    monthdays[10]=30;
    monthdays[11]=31;
    todayDate=new Date();
    thisday=todayDate.getDay();
    thismonth=todayDate.getMonth();
    thisdate=todayDate.getDate();
    thisyear=todayDate.getYear();
    thisyear = thisyear % 100;
    thisyear = ((thisyear < 50) ? (2000 + thisyear) : (1900 + thisyear));
    if (((thisyear % 4 == 0)
    && !(thisyear % 100 == 0))
    ||(thisyear % 400 == 0)) monthdays[1]++;
    startspaces=thisdate;
    while (startspaces > 7) startspaces-=7;
    startspaces = thisday - startspaces + 1;
    if (startspaces < 0) startspaces+=7;
    document.write("<table border=2 bgcolor=white ");
    document.write("bordercolor=black><font color=black>");
    document.write("<tr><td colspan=7><center>"
    + monthnames[thismonth] + " " + thisyear
    + "<\/strong><\/center><\/font><\/td><\/tr>");
    document.write("<tr>");
    document.write("<td align=center>Su<\/td>");
    document.write("<td align=center>M<\/td>");
    document.write("<td align=center>Tu<\/td>");
    document.write("<td align=center>W<\/td>");
    document.write("<td align=center>Th<\/td>");
    document.write("<td align=center>F<\/td>");
    document.write("<td align=center>Sa<\/td>");
    document.write("<\/tr>");
    document.write("<tr>");
    for (s=0;s<startspaces;s++) {
    document.write("<td> <\/td>");
    }
    count=1;
    while (count <= monthdays[thismonth]) {
    for (b = startspaces;b<7;b++) {
    linktrue=false;
    document.write("<td>");
    for (c=0;c<linkdays.length;c++) {
    if (linkdays[c] != null) {
    if ((linkdays[c][0]==thismonth + 1) && (linkdays[c][1]==count)) {
    document.write("<a href=\"" + linkdays[c][2] + "\">");
    linktrue=true;
    }
    }
    }
    if (count==thisdate) {
    document.write("<font color='FF0000'>
    ");
    }
    if (count <= monthdays[thismonth]) {
    document.write(count);
    }
    else {
    document.write(" ");
    }
    if (count==thisdate) {
    document.write("<\/strong><\/font>");
    }
    if (linktrue)
    document.write("<\/a>");
    document.write("<\/td>");
    count++;
    }
    document.write("<\/tr>");
    document.write("<tr>");
    startspaces=0;
    }
    document.write("<\/table><\/p>");
    // End -->
    //]]>
    </script>
    </center>
    <!-- Script Size: 2.98 KB -->

  • #3

    truco95 (jueves, 03 febrero 2011 17:18)

    dalejuan: perdon el código correcto esta arriba ;)

  • #4

    Emmanuel (jueves, 03 febrero 2011 17:52)

    Pense que estaba mejor, no es de los que busco

  • #5

    bonaka (jueves, 03 febrero 2011 18:07)

    que onda no me da el codigo para poner el calendario?? que ago?'

  • #6

    asesoresctl (jueves, 03 febrero 2011)

    No funciona no aparece, xq?

  • #7

    truco95 (jueves, 03 febrero 2011 20:25)

    Emmanuel: que lo siento seguro encuentras uno que te sirva :)

    Bonaka: bien el código ya fue probado y anda bien pero tienen que copiarlo desde donde dice <center>
    <script language="JavaScript" type="text/javascript">
    //<![CDATA[ o sea en el comentario que puse arriba está pero desde <center>
    <script language="JavaScript" type="text/javascript">
    //<![CDATA[ tienen que empezar a copiarlo además asegúrense de pegarlo como un elemento widget/html y solo al guardar el posible que no salga deben de darle vista previa. Después de esto seguro les funciona.

  • #8

    elreportedemalanzan (jueves, 03 febrero 2011 21:29)

    Excelente. Como hago para cambiar el nombre del mes y días al español?. Se puede poner un color de fondo?. Gracias.

  • #9

    grupomusicalunderground (domingo, 06 febrero 2011 03:21)

    pero como lo pego como un elemento widget/html? Solo veo la fuente html y al darle a actualizar no sale nada

  • #10

    truco95 (domingo, 06 febrero 2011 15:25)

    elreportedemalanzan: no se puede :(

    grupomusicallunderground: mira este tutorial http://truco95.jimdo.com/trucos/como-instalar-estos-c%C3%B3digos/

  • #11

    miguel2014 (martes, 29 marzo 2011 15:59)

    pero donde lo hay que poner - zona

  • #12

    nicolasbravo (sábado, 07 mayo 2011 12:07)

    (jueves, 03 febrero 2011 17:18)


    <center>
    <script language="JavaScript" type="text/javascript">
    //<![CDATA[

    <!-- Begin
    monthnames = new Array(
    "January",
    "Februrary",
    "March",
    "April",
    "May",
    "June",
    "July",
    "August",
    "September",
    "October",
    "November",
    "Decemeber");
    var linkcount=0;
    function addlink(month, day, href) {
    var entry = new Array(3);
    entry[0] = month;
    entry[1] = day;
    entry[2] = href;
    this[linkcount++] = entry;
    }
    Array.prototype.addlink = addlink;
    linkdays = new Array();
    monthdays = new Array(12);
    monthdays[0]=31;
    monthdays[1]=28;
    monthdays[2]=31;
    monthdays[3]=30;
    monthdays[4]=31;
    monthdays[5]=30;
    monthdays[6]=31;
    monthdays[7]=31;
    monthdays[8]=30;
    monthdays[9]=31;
    monthdays[10]=30;
    monthdays[11]=31;
    todayDate=new Date();
    thisday=todayDate.getDay();
    thismonth=todayDate.getMonth();
    thisdate=todayDate.getDate();
    thisyear=todayDate.getYear();
    thisyear = thisyear % 100;
    thisyear = ((thisyear < 50) ? (2000 + thisyear) : (1900 + thisyear));
    if (((thisyear % 4 == 0)
    && !(thisyear % 100 == 0))
    ||(thisyear % 400 == 0)) monthdays[1]++;
    startspaces=thisdate;
    while (startspaces > 7) startspaces-=7;
    startspaces = thisday - startspaces + 1;
    if (startspaces < 0) startspaces+=7;
    document.write("<table border=2 bgcolor=white ");
    document.write("bordercolor=black><font color=black>");
    document.write("<tr><td colspan=7><center>"
    + monthnames[thismonth] + " " + thisyear
    + "<\/strong><\/center><\/font><\/td><\/tr>");
    document.write("<tr>");
    document.write("<td align=center>Su<\/td>");
    document.write("<td align=center>M<\/td>");
    document.write("<td align=center>Tu<\/td>");
    document.write("<td align=center>W<\/td>");
    document.write("<td align=center>Th<\/td>");
    document.write("<td align=center>F<\/td>");
    document.write("<td align=center>Sa<\/td>");
    document.write("<\/tr>");
    document.write("<tr>");
    for (s=0;s<startspaces;s++) {
    document.write("<td> <\/td>");
    }
    count=1;
    while (count <= monthdays[thismonth]) {
    for (b = startspaces;b<7;b++) {
    linktrue=false;
    document.write("<td>");
    for (c=0;c<linkdays.length;c++) {
    if (linkdays[c] != null) {
    if ((linkdays[c][0]==thismonth + 1) && (linkdays[c][1]==count)) {
    document.write("<a href=\"" + linkdays[c][2] + "\">");
    linktrue=true;
    }
    }
    }
    if (count==thisdate) {
    document.write("<font color='FF0000'>");
    }
    if (count <= monthdays[thismonth]) {
    document.write(count);
    }
    else {
    document.write(" ");
    }
    if (count==thisdate) {
    document.write("<\/strong><\/font>");
    }
    if (linktrue)
    document.write("<\/a>");
    document.write("<\/td>");
    count++;
    }
    document.write("<\/tr>");
    document.write("<tr>");
    startspaces=0;
    }
    document.write("<\/table><\/p>");
    // End -->
    //]]>
    </script>
    </center>
    <!-- Script Size: 2.98 KB -->

  • #13

    Generic Viagra (lunes, 11 julio 2011 11:13)

    Me encantan tus trucos en serio he aprendido un montón!

  • #14

    truco95 (sábado, 23 julio 2011 14:40)

    miguel: en donde quieras, en donde quieras que se vea en tu página

    Generic:muchas gracias, solo intentamos ayudar :)

  • #15

    imiley (miércoles, 10 agosto 2011 22:01)

    gracias por la ayuda

  • #16

    truco95 (jueves, 08 septiembre 2011 21:25)

    imiley: muchas gracias a ti por tus visitas y comentarios :) sin eso esto no funcionaria

  • #17

    vehiculosdegtasanandreas (lunes, 19 septiembre 2011 22:56)

    dalejuan: que raro a mi si me anda

  • #18

    emosafterlove (sábado, 05 noviembre 2011 14:23)

    no prensenta el codigo y no me sirbio que mal

  • #19

    truco95 (martes, 15 noviembre 2011 16:59)

    emosafterlove: como exactamente lo estás haciendo? como dice vehiculos funciona perfectamente

  • #20

    sensacionactiva (martes, 29 noviembre 2011 17:23)

    elreportedemalanzan, si que se puede modificar!! :D La curiosidad me mata y probando probando lo he podido modificar jajaja, incluso he colocado el domingo que sale a la izquierda del calendario ponerlo a la derecha, y luego le he podido cambiar el color. os pongo mi codigo para ver las diferencias.

    por cierto truco 95, he de confesarte que me encanta tu página, enserio!! estoy aprendiendo muchismo!!

    CODIGO:
    <center>
    <script language="JavaScript" type="text/javascript">
    //<![CDATA[

    <!-- Begin
    monthnames = new Array(
    "ENERO",
    "FEBRERO",
    "MARZO",
    "ABRIL",
    "MAYO",
    "JUNIO",
    "JULIO",
    "AGOSTO",
    "SETIEMBRE",
    "OCTUBRE",
    "NOVIEMBRE",
    "DICIEMBRE");
    var linkcount=0;
    function addlink(month, day, href) {
    var entry = new Array(3);
    entry[0] = month;
    entry[1] = day;
    entry[2] = href;
    this[linkcount++] = entry;
    }
    Array.prototype.addlink = addlink;
    linkdays = new Array();
    monthdays = new Array(12);
    monthdays[0]=31;
    monthdays[1]=28;
    monthdays[2]=31;
    monthdays[3]=30;
    monthdays[4]=31;
    monthdays[5]=30;
    monthdays[6]=31;
    monthdays[7]=31;
    monthdays[8]=30;
    monthdays[9]=31;
    monthdays[10]=30;
    monthdays[11]=31;
    todayDate=new Date();
    thisday=todayDate.getDay();
    thismonth=todayDate.getMonth();
    thisdate=todayDate.getDate();
    thisyear=todayDate.getYear();
    thisyear = thisyear % 100;
    thisyear = ((thisyear < 50) ? (2000 + thisyear) : (1900 + thisyear));
    if (((thisyear % 4 == 0)
    && !(thisyear % 100 == 0))
    ||(thisyear % 400 == 0)) monthdays[1]++;
    startspaces=thisdate;
    while (startspaces > 7) startspaces-=7;
    startspaces = thisday - startspaces + 1;
    if (startspaces < 0) startspaces+=7;
    document.write("<table border=2 bgcolor=black ");
    document.write("bordercolor=blue><font color=black>");
    document.write("<tr><td colspan=7><center>"
    + monthnames[thismonth] + " " + thisyear
    + "<\/strong><\/center><\/font><\/td><\/tr>");
    document.write("<tr>");
    document.write("<td align=center>L<\/td>");
    document.write("<td align=center>M<\/td>");
    document.write("<td align=center>X<\/td>");
    document.write("<td align=center>J<\/td>");
    document.write("<td align=center>V<\/td>");
    document.write("<td align=center>S<\/td>");
    document.write("<td align=center>D<\/td>");
    document.write("<\/tr>");
    document.write("<tr>");
    for (s=0;s<startspaces;s++) {
    document.write("<td> <\/td>");
    }
    count=1;
    while (count <= monthdays[thismonth]) {
    for (b = startspaces;b<7;b++) {
    linktrue=false;
    document.write("<td>");
    for (c=0;c<linkdays.length;c++) {
    if (linkdays[c] != null) {
    if ((linkdays[c][0]==thismonth + 1) && (linkdays[c][1]==count)) {
    document.write("<a href=\"" + linkdays[c][2] + "\">");
    linktrue=true;
    }
    }
    }
    if (count==thisdate) {
    document.write("<font color='FF0000'>");
    }
    if (count <= monthdays[thismonth]) {
    document.write(count);
    }
    else {
    document.write(" ");
    }
    if (count==thisdate) {
    document.write("<\/strong><\/font>");
    }
    if (linktrue)
    document.write("<\/a>");
    document.write("<\/td>");
    count++;
    }
    document.write("<\/tr>");
    document.write("<tr>");
    startspaces=0;
    }
    document.write("<\/table><\/p>");
    // End -->
    //]]>
    </script>
    </center>
    <!-- Script Size: 2.98 KB -->

  • #21

    sensacionactiva (martes, 29 noviembre 2011 17:28)

    Lo que no se modificar es el tamaño de los cuadrados de cada día, como podría hacerlo¿? MIL GRACIAS!!!!! :D

  • #22

    abruxd (lunes, 19 diciembre 2011 14:15)

    muy buen truco !!!!!!genios

  • #23

    chatirabia (domingo, 04 marzo 2012 06:31)

    fsdf

  • #24

    hipermegajuegos (sábado, 14 abril 2012 10:20)

    como maracar un dia en el calendario

  • #25

    truco95 (jueves, 19 abril 2012 04:00)

    hipermegajuegos: con este calendario eso no es posible :(

  • #26

    lllalalala (lunes, 21 mayo 2012 14:19)

    & como lo puedo colocar a la derecha ?

  • #27

    el_putas: (viernes, 14 septiembre 2012 08:59)

    como pudieron ver este codigo no sirve para nada!! el que supuestamente sabe mucho y esta aprendiendo no sabe ni mierda!!! gracias por nada!

    saludos a sus hermanas, que me las cojo cada sabado!!

  • #28

    defensacivildn (miércoles, 02 enero 2013 20:13)

    muy bueno

  • #29

    cositocozunothu (domingo, 20 enero 2013 10:53)

    <script type="text/javascript"
    src="http://www.gifss.com/creaciones/calendarios/paisajeanimados/001/calendario.js"></script>

  • #30

    Ceroid (domingo, 03 marzo 2013 22:27)

    Hola.
    Tengo el script de un pequeño y sencillo calendario que pasa "solito" los días los meses y los años, pero necesito que haga algo más aún. Necesito crear un vinculo idéntico para cada día, pero que solo esté disponible para clickear sobre él el día actual que está remarcado y ninguno más. Lo ideal, me parece, sería que el remarque (highlight) que cambia cada día para señalar el día actual, "arrastrara" consigo mismo el link (pues es el mismo para cada dia) ¿Es posible hacer eso?
    Gracias adelantadas.
    Ceroid.

  • #31

    pedagogiayeducacionleny (sábado, 09 marzo 2013 20:23)

    lo habia guardado pero lo hice dos veces, lo elimine, luego lo voy a insertar de nuevo y no me permite.

  • #32

    ccounterstrike (jueves, 19 septiembre 2013 12:42)

    hola

  • #33

    Heriberto Vargas Martinez (miércoles, 11 diciembre 2013 10:40)

    Gracias por su calendario, me es de gran utilidad para mi página.
    Beto.

  • #34

    Rudy Cossio Zamorano (sábado, 19 abril 2014 08:09)

    como lo pongo a la izquierda?

  • #35

    eduardo rafael (sábado, 05 julio 2014 13:29)

    gracias muy buen aporte

  • #36

    richard (domingo, 09 noviembre 2014 18:34)

    Gracias, pero al parecer sale en ingles, no habrá algun codigo para que salga en español el calendario? atte: admin de http://www.ChateaOnline.net

  • #37

    JASC (viernes, 27 febrero 2015 14:56)

    Oye no se puede cambiar el color de letras... estoy muy tonto verdad

  • #38

    FLORENCIO ORNELAS REYNOSO (jueves, 29 octubre 2015 10:01)

    Excelente aportacion ya esta en mi pagina web, muchas gracias.

  • #39

    difundero (lunes, 25 enero 2016 01:10)

    Funciona, Gracias.

  • #40

    Alexander111317 (viernes, 26 febrero 2016 22:01)

    Como le puedo hacer para colocarlo en la esquina superior derecha.
    Soy nuevo en html
    Gracias de ante mano

  • #41

    Jesus Godínez (jueves, 10 marzo 2016 18:19)

    Se podra hacer un calendario de eventos? Gracias.