Foros del Web - Ver Mensaje Individual

Saruman · #8 (**permalink**) 20/09/2004, 09:32

ok, aqui esta el calendario:

default.asp

Código:

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Calendario</title>
</head>

<script language="javascript">
	function CalPop(sInputName) {
		window.open('calendario.asp?objeto=' + escape(sInputName) + '&initialDate=' + escape(window.eval(sInputName).value), 'CalPop', 'toolbar=0,width=180,height=190');
	}
</script>

<body>

<form name="form1" method="post" action="">
<table width="50%" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr>
	<td width="46%"><input name="txtfecha_usuario" type="text" size="12" maxlength="20" value="" readonly style="text-align:center"></td>
	<td><input type="button" name="Button" value="F" onClick="CalPop('document.form1.txtfecha_usuario')"></td>
  </tr>
</table>
</form>

</body>
</html>

calendario.asp

Código:

<html> 
<title>Calendario</title>
<head> 

<%
	objeto = request.QueryString("objeto")
	initialDate = request.QueryString("initialDate")
%>

  <script language="JavaScript"> 

   var fecha_nueva = "<%=(initialDate)%>";
   if (fecha_nueva != "") {
   	  var dFec = new Date(fecha_nueva);
   } else {
   	  var dFec = new Date();
   }
   var aMonthNames = new Array( 
                          "Enero", "Febrero", "Marzo", "Abril", "Mayo", "Junio", 
                          "Julio", "Agosto", "Septiembre", "Octubre", "Noviembre", "Diciembre"); 

   function firstOfMonth(dFec){ 
    var dRes = new Date(); 
    dRes.setYear(dFec.getYear()); 
    dRes.setMonth(dFec.getMonth()); 
    dRes.setDate(1); 
    return dRes; 
   } 

   function lastDayOfMonth(dFec){ 
    var dRes = new Date(); 
    var nYear = dFec.getYear(); 
    var nMonth = dFec.getMonth() + 1; 
    if (nMonth == 12){ 
     nMonth = 0; 
     nYear++; 
    } 
    dRes.setYear(nYear); 
    dRes.setMonth(nMonth); 
    dRes.setDate(1); 
    return new Date(dRes.valueOf() - (24 * 60 * 60 * 1000)); 
   } 

   function dayToWrite(nDay){ 
    var dToday = new Date(); 
    var bisThisMonth = ((dFec.getYear() == dToday.getYear()) || (dFec.getMonth() == dToday.getMonth())); 
    var sDay = String(nDay); 
    sDay = (nDay == dFec.getDate() && bisThisMonth? "<b><font color='red'>" + sDay + "</font></b>": sDay);
    return sDay; 
   } 

   function selectDay(nDay){ 
    var sRes, sDay, sMon, sYea; 
    sDay = "0" + String(nDay); 
    sDay = sDay.substr(sDay.length - 2, 2); 
    sMon = "0" + String(dFec.getMonth() + 1); 
    sMon = sMon.substr(sMon.length - 2, 2); 
    sYea = String(dFec.getFullYear()); 
    sRes = sMon + "/" + sDay + "/" + sYea;
	window.opener.eval("<%=(objeto)%>").value = sRes;
    //opener.fillDateField();  llamando una funcion
    close(); 
   } 

   function showCalenContents() { 
    var dFec0 = firstOfMonth(dFec); 
    var nDay = 1; 
    var nLastDay = lastDayOfMonth(dFec).getDate(); 
    var sWeek = ""; 
    var bEnd = false; 
    var bWri = false; 
    var nDOW0 = dFec0.getDay(); 
    for (var j = 0; !bEnd; j++){ 
     sWeek = "<tr>"; 
     for (var i = 0; (i < 7) && !bEnd; i++){ 
      bWri = bWri || (i == nDOW0); 
      if (bWri) 
       sWeek += "<td align='right' title='Click para Insertar' style='text-align:center; border:1px solid #646464; cursor: hand;' onclick='parent.selectDay(" + String(nDay) + ")'>" + dayToWrite(nDay, bWri) + "</td>"; 
      else 
       sWeek += "<td>&nbsp;</td>"; 
      if (bWri) nDay++; 
      bEnd = (nDay > nLastDay); 
     } 
     if (bEnd) 
      for (var k = i; k < 7; k++) 
       sWeek = sWeek + "<td>&nbsp;&nbsp;</td>"; 
     window.usefull.document.writeln(sWeek + "</tr>"); 
    } 
   } 

   function backMonth(){ 
    var nMonth = dFec.getMonth(); 
    var nYear = dFec.getFullYear(); 
    if (--nMonth == -1){ 
     nMonth = 11; 
     nYear--; 
    } 
    dFec.setMonth(nMonth); 
    dFec.setYear(nYear); 
    calendary(); 
   } 

   function forthMonth(){ 
    var nMonth = dFec.getMonth(); 
    var nYear = dFec.getFullYear(); 
    if (++nMonth == 12){ 
     nMonth = 0; 
     nYear++; 
    } 
    dFec.setMonth(nMonth); 
    dFec.setYear(nYear); 
    calendary(); 
   } 

   function backYear(){ 
    var nYear = dFec.getFullYear(); 
    dFec.setYear(--nYear); 
    calendary(); 
   } 

   function forthYear(){ 
    var nYear = dFec.getFullYear(); 
    dFec.setYear(++nYear); 
    calendary(); 
   } 

   function showCalen(){ 
    with (window.usefull.document){ 
     write("<table border='0' width='100%' height='100%'><tr><td><table border='0' width='100%' style='font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color:#000000;'><tr>"); 
     write("<td width='10'><input title='A&ntilde;o Anterior' type='button' name='bckYear' value='««' onclick='parent.backYear()' style='border-left:1px solid #C0C0C0; border-top:1px solid #C0C0C0; border-right:1px solid #292929; border-bottom:1px solid #292929; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color:#000000; font-weight:bold'></td>"); 
     write("<td width='10'><input title='Mes Anterior' type='button' name='bckMonth' value='«' onclick='parent.backMonth()' style='border-left:1px solid #C0C0C0; border-top:1px solid #C0C0C0; border-right:1px solid #292929; border-bottom:1px solid #292929; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color:#000000; font-weight:bold'></td>"); 
     write("<td align='center'><b>" + aMonthNames[dFec.getMonth()].substr(0, 3) + ", " + String(dFec.getYear()) + "</b></td>"); 
     write("<td width='10'><input title='Mes Siguiente' type='button' name='ForMonth' value='»' onclick='parent.forthMonth()' style='border-left:1px solid #C0C0C0; border-top:1px solid #C0C0C0; border-right:1px solid #292929; border-bottom:1px solid #292929; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color:#000000; font-weight:bold'></td>"); 
     write("<td width='10'><input title='A&ntilde;o Siguiente' type='button' name='ForYear' value='»»' onclick='parent.forthYear()' style='border-left:1px solid #C0C0C0; border-top:1px solid #C0C0C0; border-right:1px solid #292929; border-bottom:1px solid #292929; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color:#000000; font-weight:bold'></td>"); 
     write("</tr></table></tr><tr><td valign='top'>"); 
     write("<table border='0' align='center' style='font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color:#000000;'>"); 
     write("<tr style='text-align:center;'><td width='5%'><b>Do</b></td><td width='5%'><b>Lu</b></td><td width='5%'><b>Ma</b></td><td width='5%'><b>Mie</b></td><td width='5%'><b>Jue</b></td><td width='5%'><b>Vi</b></td><td width='5%'><b>Sa</b></td></tr>"); 
     showCalenContents(); 
     write("</table></td></tr></table>"); 
    } 
   } 

   function calendary(){ 
    with (window.usefull.document){ 
     open(); 
     writeln("<html><head></head><body>"); 
     writeln("<form name='frm'>"); 
     showCalen(); 
     writeln("</form></body></html>"); 
     close(); 
    } 
   } 

  </script> 
<head> 
<frameset rows="100%,*" border="0" frameborder="no" framespacing="0" onload="calendary()"> 
  <frame name="usefull" src="DummyPg.htm" frameborder="no" marginheight="0" marginwidth="0" scrolling="no"> 
  <frame name="useless" src="DummyPg.htm" frameborder="no" marginheight="0" marginwidth="0" scrolling="no"> 
</frameset><noframes></noframes> 
<html>

dummypg.htm

Código HTML:

<html> 
<head> 
</head> 
<body> 
</body> 
</html>

guarda estos tres archivos, pruebalos y me dices....