<!--#include file="calendario.asp"-->
lo q quiero es q al pinchar sobre un dia del mes, salgan en manten.asp los registros de la tabla de ese dia. (Con saber como coger el dia pinchado me vale)
.El codigo de calendario.asp no lo he hecho yo y como soy un poco novato no se hacerlo (¡¡tiene q estar para antes de semana santa!!)
. El calendario esta dentro de un form con dos campos para seleccionar año o mes. Cuando alguna cambia, cambia el calendario. El codigo del calendario es:Siento q sea un tocho
<SCRIPT LANGUAGE="JavaScript">
var dDate = new Date();
var dCurMonth = dDate.getMonth();
var dCurDayOfMonth = dDate.getDate();
var dCurYear = dDate.getFullYear();
var objPrevElement = new Object();
function fToggleColor(myElement)
{
lo q sea
}
function fSetSelectedDay(myElement)
{
if (myElement.id == "calCell")
{
if (!isNaN(parseInt(myElement.children["calDateText"].innerText)))
{
myElement.bgColor = "#c0c0c0";
objPrevElement.bgColor = "";
document.all.calSelectedDate.value = parseInt(myElement.children["calDateText"].innerText);
objPrevElement = myElement;
}
}
}
function fGetDaysInMonth(iMonth, iYear)
{
var dPrevDate = new Date(iYear, iMonth, 0);
return dPrevDate.getDate();
}
function fBuildCal(iYear, iMonth, iDayStyle)
{
var aMonth = new Array();
aMonth[0] = new Array(7);
. . .
aMonth[6] = new Array(7);
var dCalDate = new Date(iYear, iMonth-1, 1);
var iDayOfFirst = dCalDate.getDay();
var iDaysInMonth = fGetDaysInMonth(iMonth, iYear);
var iVarDate = 1;
var i, d, w;
if (iDayStyle == 2)
{
aMonth[0][0] = "Domingo";
. . aMonth[0][6] = "Sabado"; }
else
if (iDayStyle == 1)
{
aMonth[0][0] = "D";
. . aMonth[0][6] = "S"; }
else
{
aMonth[0][0] = "Do";
. . aMonth[0][6] = "Sa";
}
for (d = iDayOfFirst; d < 7; d++)
{
aMonth[1][d] = iVarDate;
iVarDate++;
}
for (w = 2; w < 7; w++)
{
for (d = 0; d < 7; d++)
{
if (iVarDate <= iDaysInMonth)
{
aMonth[w][d] = iVarDate;
iVarDate++;
}
}
}
return aMonth;
}
function fDrawCal(iYear, iMonth, iCellWidth, iCellHeight, sDateTextSize, sDateTextWeight, iDayStyle)
{
var myMonth;
myMonth = fBuildCal(iYear, iMonth, iDayStyle);
document.write("<table border='1' bgcolor='#9989B9'>")
document.write("<tr><td>")
document.write("<table border='0' bgcolor='#FFFFFF'>")
document.write("<tr class='mes' bgcolor='#A8DE59'>");
document.write("<td align='center' >" + myMonth[0][0] + "</td>");
........................
document.write("<td align='center' >" + myMonth[0][6] + "</td>");
document.write("</tr>");
for (w = 1; w < 7; w++)
{
document.write("<tr class='dias' >")
for (d = 0; d < 7; d++)
{
document.write("<td align='center' valign='top' width='" + iCellWidth + "' id=calCell style='CURSOR:Hand' onMouseOver='fToggleColor(this)' onMouseOut='fToggleColor(this)' onclick=fSetSelectedDay(this)>");
if (!isNaN(myMonth[w][d]))
{document.write("<font id=calDateText onMouseOver='fToggleColor(this)' style='CURSOR:Hand;FONT-FAMILY:Arial;FONT-SIZE:" + sDateTextSize + ";FONT-WEIGHT:" + sDateTextWeight + "' onMouseOut='fToggleColor(this)' onclick=fSetSelectedDay(this)>" + myMonth[w][d] + "</font>");}
else
{document.write("<font id=calDateText onMouseOver='fToggleColor(this)' style='CURSOR:Hand;FONT-FAMILY:Arial;FONT-SIZE:" + sDateTextSize + ";FONT-WEIGHT:" + sDateTextWeight + "' onMouseOut='fToggleColor(this)' onclick=fSetSelectedDay(this)> </font>");}
document.write("</td>")
}
document.write("</tr>");
}
document.write("</table>")
document.write("</td></tr>")
document.write("</table>")
}
function fUpdateCal(iYear, iMonth)
{
myMonth = fBuildCal(iYear, iMonth);
objPrevElement.bgColor = "";
document.all.calSelectedDate.value = "";
for (w = 1; w < 7; w++)
{
for (d = 0; d < 7; d++)
{
if (!isNaN(myMonth[w][d]))
{calDateText[((7*w)+d)-7].innerText = myMonth[w][d];}
else
{calDateText[((7*w)+d)-7].innerText = " ";}
}
}
}
</script>
<link rel="stylesheet" href="estilos.css" type="text/css">
</HEAD>
<BODY>
<script language="JavaScript" for=window event=onload>
var dCurDate = new Date();
frmCalendarSample.tbSelMonth.options[dCurDate.getMonth()].selected = true;
for (i = 0; i < frmCalendarSample.tbSelYear.length; i++)
if (frmCalendarSample.tbSelYear.options[i].value == dCurDate.getFullYear())
frmCalendarSample.tbSelYear.options[i].selected = true;
</script>
<form name="frmCalendarSample" method="post" action="">
<input type="hidden" name="calSelectedDate" value="">
<table>
<tr>
<td >
<select name="tbSelMonth" onchange='fUpdateCal(frmCalendarSample.tbSelYear.v alue, frmCalendarSample.tbSelMonth.value)'>
<option value="1">Enero</option>
. . . .
<option value="12">Diciembre</option>
</select>
<select name="tbSelYear" onchange='fUpdateCal(frmCalendarSample.tbSelYear.v alue, frmCalendarSample.tbSelMonth.value)'>
<option value="2003">2003</option>
. . . .
<option value="20010">2010</option>
</select>
</td>
</tr>
<tr>
<td >
<script language="JavaScript">
var dCurDate = new Date();
fDrawCal(dCurDate.getFullYear(), dCurDate.getMonth()+1, 30, 30, "12px", "bold", 1);
</script>
</td>
</tr>
</table>
</form>
