| ||||
| Respuesta: JS a ASP Si colocas en un form puedes enviarlo como parámetro usando un botón tipo submit.
__________________ Por favor, antes de preguntar, revisa la Guía para realizar preguntas. |
| |||
| Respuesta: JS a ASP Te explico, tengo lo siguiente: en mi pagina reportes.aspx
Código:
Como vez cuando pulso el boton, hago una llamada a un Iframe llamado popFrame, en el cual se aloja una pagina JS que contiene la funcion fPopCalendar, y los parametros que recibe sonn <input style="TEXT-ALIGN: center" name="dc1" size="20"/>
<input onclick="popFrame.fPopCalendar(dc1,dc1,popCal);return true" type="button" value="V"/>
dc1= Input text popCal=Una div En el momento de pulsar mi boton aparece un calendario y al elejir la fecha esta se muetra en el input text, lo que necesit es mostrar la fecha en untext bos en vez de mostrarla en el imput text |
| ||||
| No entendí muy bien, quizás si pones el código Javascript pueda entender mejor. Aunque quizás se resuelva si tomas el valor del input con getElementById o con su nombre y lo pases al TextBox.
__________________ Por favor, antes de preguntar, revisa la Guía para realizar preguntas. |
| |||
| Respuesta: JS a ASP el codigo de JS es este lo baje de internet:
Código:
y el codigo de mi pagina asp es:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<!-- saved from url=(0046)http://homepage.tinet.ie/~johncasey/popcjs.htm -->
<!-- saved from url=(0053)http://javascripts.earthweb.com/repository/popcjs.htm --><html><head><title>Untitled</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"/>
<meta content="MSHTML 6.00.2800.1170" name="GENERATOR"/></head>
<body leftmargin="0" topmargin="0">
<script language="JScript">
<!-- Begin //place these scripts within BODY tag if you are using IE 4.0 or below.
var gdCtrl = new Object();
var gcGray = "#808080";
var gcToggle = "#ffff00";
var gcBG = "#cccccc";
var gdCurDate = new Date();
var giYear = gdCurDate.getFullYear();
var giMonth = gdCurDate.getMonth()+1;
var giDay = gdCurDate.getDate();
var VicPopCal = new Object();
//****************************************************************************
// Param: popCtrl is the widget beyond which you want this calendar to appear;
// dateCtrl is the widget into which you want to put the selected date;
// popCal is the widget to display the calendar;
// i.e.: <input type="text" name="dc" style="text-align:center" readonly><INPUT type="button" value="V" onclick="fPopCalendar(dc,dc,popCal);return false">
//****************************************************************************
function fPopCalendar(popCtrl, dateCtrl, popCal){
parent.event.cancelBubble=true;
VicPopCal = popCal;
gdCtrl = dateCtrl;
fSetYearMon(giYear, giMonth);
var point = fGetXY(popCtrl);
with (VicPopCal.style) {
left = point.x;
top = point.y+popCtrl.offsetHeight+1;
visibility = 'visible';
}
VicPopCal.focus();
// in order to make compatible with IE4.x , here I cut two line below off.
// VicPopCal.all("popFrame").width=document.all("popTable").offsetWidth;
// VicPopCal.all("popFrame").height=document.all("popTable").offsetHeight;
// if u only target on IE5.x, uncommented them and delete the width&height prop in <IFrame> tag
// thus you will find the 3rd para in fDrawCal() now works perfectly.
}
function fSetDate(iYear, iMonth, iDay){
gdCtrl.value = iMonth+"/"+iDay+"/"+iYear; //Here, you could modify the locale as you need !!!!
VicPopCal.style.visibility = "hidden";
}
function fSetSelected(aCell){
var iOffset = 0;
var iYear = parseInt(tbSelYear.value);
var iMonth = parseInt(tbSelMonth.value);
aCell.bgColor = gcBG;
with (aCell.children["cellText"]){
var iDay = parseInt(innerText);
if (color==gcGray)
iOffset = (Victor<10)?-1:1;
iMonth += iOffset;
if (iMonth<1) {
iYear--;
iMonth = 12;
}else if (iMonth>12){
iYear++;
iMonth = 1;
}
}
fSetDate(iYear, iMonth, iDay);
}
function Point(iX, iY){
this.x = iX;
this.y = iY;
}
function fBuildCal(iYear, iMonth) {
var aMonth=new Array();
for(i=1;i<7;i++)
aMonth[i]=new Array(i);
var dCalDate=new Date(iYear, iMonth-1, 1);
var iDayOfFirst=dCalDate.getDay();
var iDaysInMonth=new Date(iYear, iMonth, 0).getDate();
var iOffsetLast=new Date(iYear, iMonth-1, 0).getDate()-iDayOfFirst+1;
var iDate = 1;
var iNext = 1;
for (d = 0; d < 7; d++)
aMonth[1][d] = (d<iDayOfFirst)?-(iOffsetLast+d):iDate++;
for (w = 2; w < 7; w++)
for (d = 0; d < 7; d++)
aMonth[w][d] = (iDate<=iDaysInMonth)?iDate++:-(iNext++);
return aMonth;
}
function fDrawCal(iYear, iMonth, iCellWidth, iDateTextSize) {
var WeekDay = new Array("Su","Mo","Tu","We","Th","Fr","Sa");
var styleTD = " bgcolor='"+gcBG+"' width='"+iCellWidth+"' bordercolor='"+gcBG+"' valign='middle' align='center' style='font:bold "+iDateTextSize+" Courier;"; //Coded by Liming Weng(Victor Won) email:[email protected]
with (document) {
write("<tr>");
for(i=0; i<7; i++)
write("<td "+styleTD+"color:#990099' >" + WeekDay[i] + "</td>");
write("</tr>");
for (w = 1; w < 7; w++) {
write("<tr>");
for (d = 0; d < 7; d++) {
write("<td id=calCell "+styleTD+"cursor:hand;' onMouseOver='this.bgColor=gcToggle' onMouseOut='this.bgColor=gcBG' onclick='fSetSelected(this)'>");
write("<font id=cellText Victor='Liming Weng'> </font>");
write("</td>")
}
write("</tr>");
}
}
}
function fUpdateCal(iYear, iMonth) {
myMonth = fBuildCal(iYear, iMonth);
var i = 0;
for (w = 0; w < 6; w++)
for (d = 0; d < 7; d++)
with (cellText[(7*w)+d]) {
Victor = i++;
if (myMonth[w+1][d]<0) {
color = gcGray;
innerText = -myMonth[w+1][d];
}else{
color = ((d==0)||(d==6))?"red":"black";
innerText = myMonth[w+1][d];
}
}
}
function fSetYearMon(iYear, iMon){
tbSelMonth.options[iMon-1].selected = true;
for (i = 0; i < tbSelYear.length; i++)
if (tbSelYear.options[i].value == iYear)
tbSelYear.options[i].selected = true;
fUpdateCal(iYear, iMon);
}
function fPrevMonth(){
var iMon = tbSelMonth.value;
var iYear = tbSelYear.value;
if (--iMon<1) {
iMon = 12;
iYear--;
}
fSetYearMon(iYear, iMon);
}
function fNextMonth(){
var iMon = tbSelMonth.value;
var iYear = tbSelYear.value;
if (++iMon>12) {
iMon = 1;
iYear++;
}
fSetYearMon(iYear, iMon);
}
function fGetXY(aTag){
var oTmp = aTag;
var pt = new Point(0,0);
do {
pt.x += oTmp.offsetLeft;
pt.y += oTmp.offsetTop;
oTmp = oTmp.offsetParent;
} while(oTmp.tagName!="BODY");
return pt;
}
var gMonths = new Array("Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec");
with (document) {
write("<table id='popTable' border='0' bgcolor='#6699cc'>");
write("<TR>");
write("<td valign='middle' align='center'><input type='button' name='PrevMonth' value='<' style='height:20;width:20;FONT:16 Fixedsys' onClick='fPrevMonth()'>");
write(" <select name='tbSelMonth' onChange='fUpdateCal(tbSelYear.value, tbSelMonth.value)' Victor='Won'>");
for (i=0; i<12; i++)
write("<option value='"+(i+1)+"'>"+gMonths[i]+"</option>");
write("</SELECT>");
write(" <SELECT name='tbSelYear' onChange='fUpdateCal(tbSelYear.value, tbSelMonth.value)' Victor='Won'>");
for(i=1990;i<2015;i++)
write("<OPTION value='"+i+"'>"+i+"</OPTION>");
write("</SELECT>");
write(" <input type='button' name='PrevMonth' value='>' style='height:20;width:20;FONT:16 Fixedsys' onclick='fNextMonth()'>");
write("</td>");
write("</TR><TR>");
write("<td align='center'>");
write("<DIV style='background-color:teal;'><table width='100%' border='0' cellpadding='2'>");
fDrawCal(giYear, giMonth, 19, 12);
write("</table></DIV>");
write("</td>");
write("</TR><TR><TD align='center'>");
write("<font style='cursor:hand;font:12 Fixedsys' onclick='fSetDate(giYear,giMonth,giDay)' onMouseOver='this.style.color=gcToggle' onMouseOut='this.style.color=0'>Today: "+gMonths[giMonth-1]+" "+giDay+", "+giYear+"</font>");
write("</TD></TR>");write("</TD></TR>");
write("</TABLE>");
}
</SCRIPT>
</BODY></HTML>
Cita: Lo que necesito es que los valores que aparecen en dc y dc1 al pulsar una fecha del calendario aparescan en texbox1 y textbox2 <%@ Page Language="VB" MasterPageFile="~/inicio.master" AutoEventWireup="false" CodeFile="Reporte_Sol.aspx.vb" Inherits="Rep_Sol" title="Untitled Page" %> <asp:Content ID="Content1" ContentPlaceHolderID="ContentPlaceHolder1" Runat="Server"> <form id="form1" runat="server"> <center> <div id="popCal" style="BORDER-RIGHT: 2px ridge; BORDER-TOP: 2px ridge; Z-INDEX: 100; VISIBILITY: hidden; BORDER-LEFT: 2px ridge; WIDTH: 10px; BORDER-BOTTOM: 2px ridge; POSITION: absolute; left: 0px; top: 0px;" onclick="event.cancelBubble=true"> <iframe name="popFrame" src="popcjs.htm" frameborder="0" width="183" scrolling="no" height="188"></iframe></div> <script type="text/javascript" language="javascript"> "event="onclick()" for="document" >popCal.style.visibility = "hidden" </script> <!-- put these lines above ahead of you page ---> <table align="center"> <tbody> <tr> <td align="center"> </td></tr> <tr> <td align="center"> <asp:Label ID="Label1" runat="server" ForeColor="White" Text="Desde"></asp:Label> <asp:TextBox ID="TextBox1" runat="server" ForeColor="Black" Width="92px"></asp:TextBox> <br /> <asp:Label ID="Label2" runat="server" ForeColor="White" Text="Hasta"></asp:Label> <asp:TextBox ID="TextBox2" runat="server" Width="92px"></asp:TextBox><br /> <input style="TEXT-ALIGN: center" name="dc" size="20"/> <input onclick="popFrame.fPopCalendar(dc,dc,popCal);retur n true" type="button" value="V"/> <input style="TEXT-ALIGN: center" name="dc1" size="20"/> <input onclick="popFrame.fPopCalendar(dc1,dc1,popCal);ret urn true" type="button" value="V"/> </td> </tr> <tr> </tr> </tbody> </table> <asp:GridView ID="GridView1" runat="server" BackColor="White" BorderColor="#3366CC" BorderStyle="None" BorderWidth="1px" CellPadding="4"> <FooterStyle BackColor="#99CCCC" ForeColor="#003399" /> <RowStyle BackColor="White" ForeColor="#003399" /> <PagerStyle BackColor="#99CCCC" ForeColor="#003399" HorizontalAlign="Left" /> <SelectedRowStyle BackColor="#009999" Font-Bold="True" ForeColor="#CCFF99" /> <HeaderStyle BackColor="#003399" Font-Bold="True" ForeColor="#CCCCFF" /> </asp:GridView> </form> </asp:Content> |