Tengo 2 paginas asp (manten.asp y calendario.asp). En manten.asp actualizo una bd (añado, quito,...) y a la hora de presentarlas en el explorer salen las dos juntas, para eso en manten.asp tengo lo siguiente:
<!--#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>