Tengo 2 asp, calendario.asp esta asociado a nube.asp. Lo q quiero es q al cambiar el mes del calendario o el año aparezca en nube.asp esos datos en un campo q tengo (mes/hila). esto lo habia conseguido pero cuando me los ponia en nube.asp el calendario volvia a su estado anterior. Tambien quiero q si pinchan en un dia del calendario me pongan en nube.asp el dia q ha pinchado el usuario. Os agradeceria mucho q me ayudarais.
El codigo del calendario es este:
<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)
{
var toggleColor = "#ff0000";
if (myElement.id == "calDateText")
{
if (myElement.color == toggleColor)
{myElement.color = "";}
else
{myElement.color = toggleColor;}
}
else
if (myElement.id == "calCell")
{
for (var i in myElement.children)
{
if (myElement.children[i].id == "calDateText")
{
if (myElement.children[i].color == toggleColor)
{myElement.children[i].color = "";}
else
{myElement.children[i].color = toggleColor;}
}
}
}
}
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[1] = new Array(7);
aMonth[2] = new Array(7);
aMonth[3] = new Array(7);
aMonth[4] = new Array(7);
aMonth[5] = 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][1] = "Lunes";
aMonth[0][2] = "Martes";
aMonth[0][3] = "Miercoles";
aMonth[0][4] = "Jueves";
aMonth[0][5] = "Viernes";
aMonth[0][6] = "Sabado";
}
else
if (iDayStyle == 1)
{
aMonth[0][0] = "D";
aMonth[0][1] = "L";
aMonth[0][2] = "M";
aMonth[0][3] = "X";
aMonth[0][4] = "J";
aMonth[0][5] = "V";
aMonth[0][6] = "S";
}
else
{
aMonth[0][0] = "Do";
aMonth[0][1] = "Lu";
aMonth[0][2] = "Ma";
aMonth[0][3] = "Mi";
aMonth[0][4] = "Ju";
aMonth[0][5] = "Vi";
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][1] + "</td>");
document.write("<td align='center' >" + myMonth[0][2] + "</td>");
document.write("<td align='center' >" + myMonth[0][3] + "</td>");
document.write("<td align='center' >" + myMonth[0][4] + "</td>");
document.write("<td align='center' >" + myMonth[0][5] + "</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 = " ";}
}
}
window.location ="nube1.asp?elmes=" + frmCalendarSample.tbSelMonth.value + "&elanio=" + frmCalendarSample.tbSelYear.value;
}
</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="nube1.asp">
<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/Urtarrila</option>
<option value="2">Febrero/Otsaila</option>
<option value="3">Marzo/Martxoa</option>
<option value="4">Abril/Apirila</option>
<option value="5">Mayo/Maiatza</option>
<option value="6">Junio/Ekaina</option>
<option value="7">Julio/Uztaila</option>
<option value="8">Agosto/Abuztua</option>
<option value="9">Septiembre/Iraila</option>
<option value="10">Octubre/Urria</option>
<option value="11">Noviembre/Azaroa</option>
<option value="12">Diciembre/Abendua</option>
</select>
<select name="tbSelYear" onchange='fUpdateCal(frmCalendarSample.tbSelYear.v alue, frmCalendarSample.tbSelMonth.value)';>
<option value="2003">2003</option>
<option value="2004">2004</option>
<option value="2005">2005</option>
<option value="2006">2006</option>
<option value="2007">2007</option>
<option value="2008">2008</option>
<option value="2009">2009</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>
*********************************************
el codigo del nube.asp os lo pongo en el otro mensaje
