Calendario - Java y Javascript

Calendario

He visto en algunas páginas que tienen calendario y me gustaría poner uno en la mía
¿alguien sabe como se hace?

RE: Calendario

Escrito originalmente por La_Estrella_Sol
He visto en algunas páginas que tienen calendario y me gustaría poner uno en la mía
¿alguien sabe como se hace?

O con Javascript, o con PHP, o con ASP, o con Java... pero con HTML solo manualmente: hacer la tablita, llenarla con la información, etc etc etc

#3 · ▲

RE: Calendario

Escrito originalmente por .Caos.
Escrito originalmente por La_Estrella_Sol
He visto en algunas páginas que tienen calendario y me gustaría poner uno en la mía
¿alguien sabe como se hace?

O con Javascript, o con PHP, o con ASP, o con Java... pero con HTML solo manualmente: hacer la tablita, llenarla con la información, etc etc etc

gracias, no tenía ni idea de en que subforo preguntar Avergonzado

#4 · ▲

RE: Calendario

Si quieres el calendario en JavaScipt, te puedo facilitar este script:

//en el <head>
<script language="javascript">
//CALENDARIO
//
//
//
//
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] = "<font color='#FF0000'><strong>" + valor + "</strong></font>"
valor++
} else {
matriz[fila][x] = valor //valores ocupados
valor++
}
}
}

//impresion del calendario
document.write("<div align='center'><center>" Giño

document.write("" Giño

document.write("<table border='1' width='85%' cellspacing='1' cellpadding='5'>" Giño

document.write(" <tr>" Giño

document.write(" <td width='100%' colspan='7' align='center'><strong>" + obtiene_fecha() + "</strong></td>" Giño

document.write(" </tr>" Giño

document.write(" <tr>" Giño

//crea fila de nombres de días
document.write(" <td width='14%' align='center'><small>Lunes</small></td>" Giño

document.write(" <td width='14%' align='center'><small>Martes</small></td>" Giño

document.write(" <td width='14%' align='center'><small>Miercoles</small></td>" Giño

document.write(" <td width='14%' align='center'><small>Jueves</small></td>" Giño

document.write(" <td width='14%' align='center'><small>Viernes</small></td>" Giño

document.write(" <td width='15%' align='center' bgcolor='#C0C0C0'><small>Sabado</small></td>" Giño

document.write(" <td width='15%' align='center' bgcolor='#C0C0C0'><small>Domingo</small></td>" Giño

document.write(" </tr>" Giño

for(fila = 0; fila < 6; fila++) {
if ((matriz[fila][0] == "" Giño

&& (matriz[fila][6] == "" Giño

) //no muestra ultima fila vacía
break
document.write(" <tr>" Giño

//crea fila de tabla calendario
document.write(" <td width='14%' align='left'>" + matriz[fila][0] + "<p> </p></td>" Giño

document.write(" <td width='14%' align='left'>" + matriz[fila][1] + "<p> </p></td>" Giño

document.write(" <td width='14%' align='left'>" + matriz[fila][2] + "<p> </p></td>" Giño

document.write(" <td width='14%' align='left'>" + matriz[fila][3] + "<p> </p></td>" Giño

document.write(" <td width='14%' align='left'>" + matriz[fila][4] + "<p> </p></td>" Giño

document.write(" <td width='15%' align='left' bgcolor='#C0C0C0'>" + matriz[fila][5] + "<p> </p></td>" Giño

document.write(" <td width='15%' align='left' bgcolor='#C0C0C0'>" + matriz[fila][6] + "<p> </p></td>" Giño

document.write(" </tr>" Giño

}

document.write("</table>" Giño

document.write("</center></div>" Giño

}

</script>

//en el <body>

<script language="javascript">
calendario()
</script>

Espero q esto sea lo q estas buscando Sonrisa

#5 · ▲

RE: Calendario

En esta web http://www.hotscripts.com registrate y encontraras bastantes tipos de calendario que seguro te son utiles.
Suerte Giño

#6 · ▲

RE: Calendario

Gracias a l@s dos por vuestra ayuda Giño

#7 · ▲

RE: Calendario

Escrito originalmente por La_Estrella_Sol
Gracias a l@s dos por vuestra ayuda

Los dos

#8 · ▲

RE: Calendario

Nose si lo encontraste pero aka hay uno

<BODY style="font-family: Verdana">
<SCRIPT LANGUAGE="JavaScript">



<!-- Begin

var now = new Date();
var month_array = new Array("Enero","Febrero","Marzo","Abril","Mayo","Junio","Julio","Agosto","Septiembre","Octubre","Noviembre","Diciembre" Giño

;
document.write("<form name=date_list><table bgcolor=silver><tr><td>" Giño

;
document.write("<select name=month onchange=change_month(this.options.selectedIndex)>" Giño

;
for(i=0;i<month_array.length;i++)
{
if (now.getMonth() != i)
{document.write ("<option value="+i+">"+month_array);}
else
{document.write ("<option value="+i+" selected>"+month_array);}

}
document.write("</select>";
document.write("</td><td>";
document.write ("<select name=year onchange=change_year(this.options[this.options.selectedIndex])>";
for(i=1950;i<3000;i++)
{
if (now.getYear() != i)
{document.write("<option value="+i+">"+i);}
else
{document.write("<option value="+i+" selected>"+i);}
}
document.write("</select></td></tr><tr><td colspan=2><center>";

document.write("<table bgcolor=white border=0 cellspacing = 0 cellpading = 0 width=100%><tr bgcolor=gray align=center>";
document.write("<td><font color=silver>L</font></td><td><font color=silver>M</td><td><font color=silver>Mi</td><td><font color=silver>J</td><td><font color=silver>V</td><td ><font color=silver>S</td><td ><font color=silver>D</td>";
document.write("</tr><tr>";
for(j=0;j<6;j++)
{
for(i=0;i<7;i++)
{
document.write("<td align=center id=d"+i+"r"+j+"></td>"
}
document.write("</tr>";
}

document.write("</table>";

document.write("</center></from></td></tr></table>";

var show_date = new Date();

function set_cal(show_date)
{
begin_day = new Date (show_date.getYear(),show_date.getMonth(),1);
begin_day_date = begin_day.getDay();
end_day = new Date (show_date.getYear(),show_date.getMonth()+1,1);
count_day = (end_day - begin_day)/1000/60/60/24;
input_table(begin_day_date,count_day);
}
set_cal(show_date);

function input_table(begin,count)
{
init();
j=0;
if (begin!=0){i=begin-1;}else{i=6}
for (c=1;c<count+1;c++)
{
colum_name = eval("d"+i+"r"+j);
if ((now.getDate() == c)&&(show_date.getMonth() == now.getMonth())&&(show_date.getYear() == now.getYear())) {colum_name.style.backgroundColor = "blue";colum_name.style.color = "white";};
colum_name.innerText = c;
i++;
if (i==7){i=0;j++;}
}
}

function init()
{
for(j=0;j<6;j++)
{
for(i=0;i<7;i++)
{
colum_name = eval("d"+i+"r"+j);
colum_name.innerText = "-";
colum_name.style.backgroundColor ="";
colum_name.style.color ="";
}
}
}

function change_month(sel_month)
{
show_date = new Date(show_date.getYear(),sel_month,1);
set_cal(show_date);
}

function change_year(sel_year)
{
sel_year = sel_year.value;
show_date = new Date(sel_year,show_date.getMonth(),1);
set_cal(show_date);
}
// End -->
</script>
</BODY>