I have a scenario in which 5 buttons else two or more same controls need to access the same startupscript (ASP.NET). Is it possible?? If so give me a details code snippet.
View 1 RepliesI use asp.net mvc & going to build javascript files at application startup depending on site configuration.
I am going to have some javascript file templates that will be populated with appropriate constants and put into /scripts folder.
application_startup()
{
string populatedFile = Html.RenderPartial("/scripts/script.template.js");
write populatedFile into /scripts folder...
}
On my server side code I create a list of radio buttons with a loop:
[Code]....
The buttons are set to auto post back.On page_load I can get the ID of the radio button that was clicked with:
[Code]....
Now I would like to reference which list item was selected?
I have two asp.net buttons inside a template (Expand and Collapse) I want to implement a simple client side javascript function to hide the expand button after press it and show the collapse button and vice versa.
<asp:Button ID="btnExpand" runat="server" CommandName="Expand"
CommandArgument='<%# Container.DataElement("Id")%>' Text="+" />
<asp:Button ID="btnCollapse" runat="server" CommandName="Collapse"
CommandArgument='<%# Container.DataElement("Id")%>' Text="-" />
I tried OnClientClick event but I didn't know how to get the sender button and the second button from javascipt because they're in a template and their IDs will be generated.
I tried also to change their visibility from the code behind in the server (by Visible property) but the problems is the event handler will be fired after the postback and the changes will not be applied in the client.
I'm trying to write code that will disable submit button (or all submit buttons) on the page to avoid double postback.I thought of generating my own postback javascript function (and inject postback javascript using GetPostbackEventReference) but maybe there are some better ways to do this? Or maybe there is some other way to avoid double postbacks?
View 4 RepliesI am using Fullcalendar on my site and I have a button to print it. I am doing this with:
function print_calendar() {
$('#calendar').css('width', '6.5in');
$('.fc-content .fc-state-highlight').css('background', '#ccc');
$('#calendar').fullCalendar('render');
bdhtml = window.document.body.innerHTML;
sprnstr = "<!--startprint-->";
eprnstr = "<!--endprint-->";
prnhtml = bdhtml.substr(bdhtml.indexOf(sprnstr) + 17);
prnhtml = prnhtml.substring(0, prnhtml.indexOf(eprnstr));
window.document.body.innerHTML = prnhtml;
window.print();
Now I also want to be able to hide the Previous Month, Next Month, Today, and Month Buttons. How can I do this via javascript? I do not want to change them in the fullcalendar code, just be able to hide them before printing but have them display the rest of the time.
I have a modalPopupExtender in my aspx web page pointing to a Panel and in Code-Behind I create buttons which I want them to show the modalPopup, so I have:
buttonX.OnClientClick = "javascript:$get(" + modalPopup.ClientID + ").show();";
but instead it just does a PostBack, even if I put "return false;" at the end of the past code.
I've got two linkbuttons on a masterpage. It works fine on all pages apart from page I have a form where if I click on one of the link buttons, then the wrong javascript event is fired. It is firing the button on the form if I click on the button on the masterpage.
View 1 RepliesI posted the question below, and then discovered that the code I posted does work, if the button is not in the GridView header. In fact, I can't seem to make the button in the header do anything.As long as I can trigger the sort, I can make this work somehow, but ideally, I'd like the mechanism to be in the headers.Any ideas on why that button isn't working? Original message:I've got a GridView bound to a SQLDataSource, and have sorting enabled. This works great, but some of my users will have JavaScript disabled, and the page has to have the same functionality for them.
I've looked into sorting a GridView without JavaScript, but all the solutions I've found assume that I'm NOT binding to SQLDataSource - because of course, If I were, I'd just enable sorting. So I wind up back where I started.Is there a way for me to enable sorting for both regular and non-JavaScript users? I know one option is to install buttons instead of the header links, which would be fine, but I have no idea what my code should look like. I took a wild guess and tried:
[Code]....
...where "ColumnA" is the sort expression. I know I'd have to check the current sort direction for the Gridview and reset it - I just wanted to see if this would work at all, and it didn't seem to do anything. I also have both CausesValidation and UseSubmitBehavior set to False, since I just want to sort.
Is there a way to click on the previous or next button to change the value of the DropDown list? Do we need to use the javascript?
View 1 RepliesI have ArrayList in my Model and want to iterate through it in my javascript. I am using following code but its giving me error : CS0103: The name 'i' does not exist in the current context
for(var i=0; i <= <%=Model.KeyList.Count%>; i++)
{
alert('<%=Model.KeyList[i]%>');
}
How to get rid of this?
I want to assign array of photos to imagearray but the following script is not working. i cant able to access variables a,i,cnlink etc in new fadeSlideShow() .how to access this outside the function and assign it to imagearray
<script type="text/javascript">
var i; var a; var cnLink; var cn;var cnSplit;
var photos = new Array();
var photoslink = new Array();
function x() {
a = document.getElementById('HiddenField4').value;
cnLink = document.getElementById('hdnLink').value;
cn = document.getElementById('HiddenField3').value;
cnSplit = cnLink.split(';');
while (i < cn) {
photoslink[i] = cnSplit[i];
photos[i] = b[i];
i++;
}
}
var mygallery2 = new fadeSlideShow({
wrapperid: "fadeshow2",
dimensions: [568, 313],
imagearray: [
photos
//<--array of images!
],
displaymode: { type: 'auto', pause: 2500, cycles: 0, wraparound: false },
persist: false, //remember last viewed slide and recall within same session?
fadeduration: 500, //transition duration (milliseconds)
descreveal: "always",
togglerid: "fadeshow2toggler"
})
</script>
I am developing and Asp.net website. Occsionally I will have to display A Java Script dialog box. The dialog box will have two buttons on it. One labeled "Proceed" and the other labeled "Cancel". Then I need two Java Script methods to respond to which button was pressed. So I suppose my java script methods to handle the button press might look like the code below.
Anyway, I don't know how to invoke these methods when the dialog button are pressed.
[code]....
How can i execute a C# method in a java script function? Is it possible?
View 3 Replieshere's what I mean:
I have a few controls, for example,
<asp:DropDownList ID="ddlDate1" runat="server" />
<asp:DropDownList ID="ddlDate2" runat="server" />
<asp:DropDownList ID="ddlDate3" runat="server" />
in my javascript, I want to do something like this:
for (i = 1; i <= count; i++) {
something[i] = document.getElementById("<%= ddlDateRange" + i + ".ClientID %>");
}
Datagrid is in content,When trying to access client side function for the cells in the datagrid,its always showing at 0 position suppose i have 10 rows,for each row "Test button" i should invoke the client side java script. For each row "Test button" client side script is displaying message at first row only.
in datagrid i am binding the description and button to every row in datagrid
so i have added Testbutton.attributes.add("onclick","return javascriptfunction();"); in datagrid_itembound.Iam showing one div in client side function but that is working only for one row,when iam trying to click test button in second row,itsshowing that div in first row instead of second row
i want similar functunality like displaying of flag button in stackoverflow.
I'm working on an ASP.NET app.I'm using a UserControl for a year calendar.This UserControl has 12 asp.net calendar controls (for the 12 months of a year)
I'm trying to build a jscript function that can access to one (or more) of the 12 month calendar, but I can't access them.
example:
"<asp:Calendar ID="CalendarJanuary" runat="server"></asp:Calendar>"
here's my function
function SetCalendar(controlId) {
document.getElementById(controlId+'_CalendarJanuary').VisibleDate = somedate
}
but this is allways throwing an error:'Microsoft JScript runtime error: 'document.getElementById(...)' is null or not an object'
it seems is not finding the calendar and I'm sure i'm passing the right controlID
I have a form in my content page for which I am doing some client side validations via Javascript. The Javascript behaves as expected if I place the JS code directly in the content page. But if I place the JS code in it's own file and try accessing that from the content/master page (through the script tag's src attribute), I get a run time error when the validation function in JS being called.
To be specific, I get the below error:
Microsoft JScript runtime error: Objected expected/required at this line document.getElementById('<%=txtemailId.ClientID %>').value
txtemailId is in the content page.
Javascript code is placed in validation.js and accessed via master page.
The reason I guess is that when .net is parsing the files, it is unable to substitute txtemailId.ClientID with the client side value that would be generated later on. So, how should one go about it?
I need to access a custom property of web part(that wraps an ASP.NET user control) from JavaScript. Is it possible ? I need that property value so that I could pass that to an AJAX web service then.
View 4 RepliesSo I declare an ExtJS radio button object like this:
.AddExtObject("{xtype:'radiogroup', ref:'../AndOr', defaults:{name:'rdo-payee2'}, width:120, items:[{boxLabel:'And', checked:true, inputValue:'and'},{boxLabel:'Or', inputValue:'or'}]}")
When I do this:
if (checkWin.Payee2.AndOr.getValue() == 'and') {
fundingRec.set('IsPayee2RequiredToSign', '1');
} else {
[code]...
I have implemented a CollapsiblePanelExtender with a button that collapses/expands a panel. I also have a javascript function that can collapse the expanded panel when a certain condition exists somewhere else on the page.
The problem I am having is when I programatically collapse the panel, the extender is not aware, so the Collapsed property remains false and the CollapsedImage and CollapsedText are not updated. The next time I click the button, the extender is updated to a collapsed state, but nothing happens on the page because the panel was already collapsed. It is just resynchronizing the Collapsed, CollapsedImage, and CollapsedText properties to match the panel's already collapsed state.
Is there a way I can update the Collapsed, CollapsedImage, and CollapsedText properties in javascript to match the actual state of the panel?
I have a javascript variable in the script tag. I am assigning a value to that variable and I want the same value to be assigned to the label control e.g. consider the sample code below :
<body><script type="text/javascript">
var a=window.opener.parent.document.getElementById('description').DataValue;
</script>
<
asp:Label
ID="lblSubject"
runat="server"
Width="142px"
Font-Bold="True"
Font-Size="10pt"
Font-Names="Arial"
>SUBJECT</asp:Label>
</body>
How do I assign the value of variable a to the label?
I have been trying to set the value of a hidden input by using Javascript and then access the value from within my C# codebehind. When I run the code that is copied below, the value that is assigned to assignedIDs is "", which I assume is the default value for a hidden input. If I manually set the value in the html tag, then assignedIDs is set to that value.
This behavior suggests to me that the value of the input is being reset (re-rendered?) between the onClientClick and onClick events firing.
html/javascript:
[code]...
I'm trying to add Div Objects to an array and trying to access them later when I call my loadViews function. All of my alerts fire, in the proper order, but the array m_Divs is always of length 0.
I'm re-registering the script each time on Page_Load, due to it throwing an "Error: Object expected" after each page_load when trying to call the javascript if I don't.
.JS file.
[Code]....
The below code works, I'm just curious if there is a dynamic way to pass the generated GridLeft__ctl1_GridViewLeftSearch ID into the javascript function.
<HeaderTemplate>
<asp:TextBox ID="GridViewLeftTextBox" Width="80%" runat="server"
onKeyPress="javascript:SearchLeft(event);"></asp:TextBox>
<asp:Button ID="GridViewLeftSearch" runat="server" Width="100%"
OnClick="onSearchLeftGrid" Text="Search Patients" Font-Size="Small">
</asp:Button>
</HeaderTemplate>
Is their a way to access The GridViewLeftSearch Button inside this Javascript function without hard coding it?
function SearchLeft(e) {
var t = document.getElementById("GridLeft__ctl1_GridViewLeftSearch");
if (t != null) {
t.click();
}
}