Foros del Web » Programando para Internet » Javascript »

Crear un calendario

Estas en el tema de Crear un calendario en el foro de Javascript en Foros del Web. Hola a todos, lo q quiero hacer es crear un calendario parecido a los que salen con frontpage, pero cuando le des al dia se ...
  #1 (permalink)  
Antiguo 18/09/2003, 12:17
Avatar de bookmaster  
Fecha de Ingreso: febrero-2002
Ubicación: Toledo
Mensajes: 976
Antigüedad: 22 años, 2 meses
Puntos: 67
Crear un calendario

Hola a todos, lo q quiero hacer es crear un calendario parecido a los que salen con frontpage, pero cuando le des al dia se habra una ventana con los "eventos" que haya para ese día.

El acceso para entrar seria por contraseña, la cual permitiria escribir en dicho calendario.

Esto no se si es en este sitio o mas vien tendria que ser en PHP .

Gracias por la ayuda.
__________________
Decir si te a funcionado la respuesta es ¡GRATIS!. Por favor indicarlo.
http://www.lohacemosweb.net
http://tutoriales.lohacemosweb.net
  #2 (permalink)  
Antiguo 18/10/2003, 12:17
Avatar de Gpastor
Colaborador
 
Fecha de Ingreso: octubre-2003
Mensajes: 3.547
Antigüedad: 20 años, 6 meses
Puntos: 80
este script me lo baje no me acuerdo de donde pero solo es para crear el calendario lo demas ya te lo dejo a tu criterio y conocimiento.
Avisame si funciona



<SCRIPT LANGUAGE="JavaScript">

<!-- Hide

// define variables

var month_names = new Array("Ene","Feb","Mar","Abr","May","Jun","Jul","A go","Sep","Oct","Nov","Dic");
var days_in_month = new Array(31, 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31);
var this_date = new Date(); // get todays date
var this_day = this_date.getDate(); // returns date within month - range 1-31
var this_month = this_date.getMonth(); // returns month within year - range 0-11

function makeCalendar(the_month, the_year)
{ first_of_month = new Date(the_year, the_month, 1); // creates instance of date object for first of month
day_of_week = first_of_month.getDay(); // returns day within week - range 0-6
if (((the_year % 4 == 0) && (the_year % 100 != 0)) || (the_year % 400 == 0))
{ days_in_month[1] = 29; // it's a leap year so change # days in Feb in array
}
else
{ days_in_month[1] = 28; // not leap year - future use if multi year calendar built
}
document.write("<TABLE CALLSPACING=0 CELLPADDING=0>"); // start building the month table
document.write("<TR BGCOLOR='#FFCC99'><TH COLSPAN=7>" + month_names[the_month] + " " + the_year); // month and year heading
document.write("<TR BGCOLOR='#FF8888'><TH>S</TH><TH>M</TH><TH>T</TH><TH>W</TH><TH>T</TH><TH>F</TH><TH>S</TH></TR>"); // day of week heading
document.write("<TR ALIGN=RIGHT>");
var column = 0;
for (i=0; i<day_of_week; i++) // skip to day_of_week value for first_of_month
{ document.write("<TD> </TD>");
column++;
}
for (i=1; i<=days_in_month[the_month]; i++)
{ if ((i == this_day) && (the_month == this_month) && (the_year == this_year))
{ document.write("<TD BGCOLOR='#CC0000'><B>" + i + "</B></TD>"); // highlite todays date
}
else
{ document.write("<TD BGCOLOR='#33CCFF'><B>" + i + "</B></TD>"); // no highlite for other dates
}
column++;
if (column == 7) // start next row of dates for month
{ document.write("</TR><TR ALIGN=RIGHT>");
column = 0;
}
}
document.write("</TR></TABLE>"); // month complete - close table
}

function y2K(number) // if year < 2000 javascript gives only 2 digits for year
{ return (number < 1000) ? number + 1900 : number;
}

var this_year = y2K(this_date.getYear());
// -->

</SCRIPT>



<body>
<SCRIPT LANGUAGE="JavaScript">

<!--

document.write("<TABLE BORDER='1'><TR VALIGN=TOP><TD>");
makeCalendar(0, this_year); // we are passing the month and year to build the calendar
document.write("</TD><TD>"); // in JavaScipt the first month is 0
makeCalendar(1, this_year);
document.write("</TD><TD>");
makeCalendar(2, this_year);
document.write("</TD><TD>");
makeCalendar(3, this_year);
document.write("</TD></TR><TR VALIGN=TOP><TD>");
makeCalendar(4, this_year);
document.write("</TD><TD>");
makeCalendar(5, this_year);
document.write("</TD><TD>");
makeCalendar(6, this_year);
document.write("</TD><TD>");
makeCalendar(7, this_year);
document.write("</TD></TR><TR VALIGN=TOP><TD>");
makeCalendar(8, this_year);
document.write("</TD><TD>");
makeCalendar(9, this_year);
document.write("</TD><TD>");
makeCalendar(10, this_year);
document.write("</TD><TD>");
makeCalendar(11, this_year);
document.write("</TD></TR></TABLE>");
document.close();

// -->

</SCRIPT>

<body>
__________________
<Forospyware> - <ASAP Member>
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 22:49.