I've written a user control that has a button that a user can click to display an additional DIV. I discovered that it would be nice to make the control remember whether or not the DIV is visible after postback so that when the page reloads, the DIV stays visible if the user wants it that way.
What is a good way to implement this with jQuery at my disposal?
I have a user control that has some drop down lists. These DDLs are used by the user to filter their product search on my search page. A button is used to post the form and get the results of the product search. Those results are displayed on the results page, which also has the search filter user control on it. I'd like the results page to have the values of the DDLs be preserved from the search page. Example: user selected color of red and size of large on the search page. When the results page is displayed, I'd like the selected color to be red for the color DDL and the size to be large for the size DDL. How can I do this?
View 9 RepliesI have a dropdown list with a piece of code that is run when the value is changed:
<select name="SList" onchange="javascript:setTimeout('__doPostBack('SList','')', 0)" id="SList">
Everything works fine when manually done. As an option is selected, the onchange code is called.
The problem begins when I try to change the selected value using a piece of Javscript. I want to be able to automatically change the selected option using JS, whilst still having the onchange code called, exactly as if done manually.
I try calling this:
form.SList.value = "33";
The right option is selected, but the onchange code does not get called. So then I try doing this:
form.SList.value = "33";
javascript:setTimeout('__doPostBack('SList','')', 0);
The right value is not selected and nothing happens.
FYI, the code is done in ASP.NET and Javascript.
What can I run to change the selected option whilst still calling the onchange code?
Now the weird thing is I have a user control UserControl1 in which I put some JavaScrdipt logic there, and I have another user control UserControl2 and I registered both in the page called Page1.aspx.I would like to call the JavaScript function resided in UserControl1 from UserControl2, however, I got an error saying the function is not defined. I think both user controls are loaded before I use them then I think the JavaScript function can been seen anyway in that page.
View 1 RepliesI think I summed up the question in the title. Here is some further elaboration...I have a web user control that is used in multiple places, sometimes more than once on a given page.The web user control has a specific set of JavaScript functions (mostly jQuery code) that are containted within *.js files and automatically inserted into page headers.However, when I want to use the control more than once on a page, the *.js files are included 'n' number of times and, rightly so, the browser gets confused as to which control it's meant to be executing which function on.What do I need to do in order to resolve this problem? I've been staring at this all day and I'm at a loss.
View 2 RepliesI have the function put here like below:
$(document).ready(function () {
UserControlNameInit();
});
The script are put in the following and the block is in the .ascx page.
<script type="text/javascript">
</script>
However, the function UserControlNameInit() does not run when the page loads. It is showing in the page source. I can still call this function through FireBug console by manually typing the name of the function.
I did the same way with other user controls, and it works. Just 1-3 user controls are not working...
create a site with good security that validates, as website normally do, that the user has loged in. Im using sql server 2008 and VS2015. I've created a simple login form that validates users against a DB but i dont know how to preserve de session and validate that thought pages.
View 3 RepliesI hava a page default.aspx having master page abc.aspx and web user control login.ascx i want to call perform simple alert function on login button but not on client click event. For e.g
Protected Sub BtnMyIpLogin_Click(ByVal sender As Object, ByVal e As System.EventArgs) Handles btnMyIpLig.Click
'Some Validation part here for user login
'then my if condition like
If flag_alert = 0 Then Page.ClientScript.RegisterStartupScript(Me.GetType(), "btnflag", "alert('Your Download / View Limit Exceed More Than 90%');", True) End If
but it is not working.........................
is it possible to get the ID assigned to User Control from the control using javascript or jquery.
View 3 RepliesI'm working with the 10.2 version of the DevExpress MVC controls. I have a page hosting a MVCxGridView and I need to preserve the current page when navigating away and back to this particular page.
I can see from the old ASPxGridView documentation that there's a PageIndex property, but this seems to only be accessible from a WebForms/Code Behind/Server Control type context. I'm using MVC and can't figure out how to preserve this page setting.
I've tried the cookie settings with the control but those don't seem to persist for me.
Ho do I preserve the layout of text in a TextArea control in asp.net ?e.g.
"This is some text:
- line 1 text
- line 2 text
- line 3 text"
I understand I need to load my dynmaic control on every postback and preferrably in Page_Init(). But my dyanmic controls are loaded from a dropdownlist selectedindexchanged event handler. Now after any postback, my dynamic controls are gone. How would I force it to load on every postback ?
View 2 RepliesMy <input id="FileUpload1" name="FileUpload1" type="file"> and country dropdown both are inside update panel , now on selectedindexchanged it do postback , which i am triggering in update panel to avoid page refresh .
Now the problem is when i select any image in fileupload and then select country , my selectedimage vanishes but its path stays in textbox .
I need to be able to add an external js file for a user control (using
this.Page.ClientScript.RegisterClientScriptInclude("SuggestionSearch",
"~/Secure/Shared/SuggestionSearch.js");
syntax)
But it puts the javascript file on the page too early... is there a way to put the file at the bottom of the page?
simply i take one user control and register it in one page now in this page i write a JavaScript function like this
function sethere()
{document.getElementById('<%=(test1.FindControl("TextBox1")).ClientID %>') = document.getElementById('<%=(test3.FindControl("TextBox1")).ClientID %>').value;
}
and now how to call it in user control,user control like this;
<ctrltest:test ID="test1" runat="server"/>
i tried this it not working;
<ctrltest:test ID="test1" runat="server" Onkeyup="sethere();"/>
i done only written above.
I defined a JavaScript function inside a user control.If I have multiple instances of the user control on my .aspx page, how do I prevent multiple function definitions in the resulting HTML code?
View 2 RepliesI've set up a CustomValidator with a ClientValidationFunction as:
<asp:CustomValidator ID="CustomValidator1" runat="server" Display="Dynamic" EnableClientScript="true" ClientValidationFunction="checkClients" ErrorMessage="You must select at least one client or staff" SetFocusOnError="true"></asp:CustomValidator>
<script type="text/javascript">
function checkClients(sender, args) {
[code]...
I have designed one user control, and used on my aspx pages whereever needed. My user control does not have tag. Now I want to call some javascript function onload of this user control. How to achieve?
View 1 RepliesI have a website in php which is using 4 frames(top, left, middle and right). The middle frame contains the web user control coded in asp.net. Now, in the right frame( which is coded in php ) some javascript contains the id of the items selected in right frame. I need to get those ids to the middle frame on asp.net user control.
View 1 RepliesMaybe I've picked a totally inappropriate/bad example. What I have is a user control that contains a bunch of dynamically created Telerik RadGrids. My user control is added to a couple of Telerik RadPageViews that are part of a RadMultiPage that is used alongside a RadTabStrip. What I need to do is call a Javascript function in my usercontrol to update it's display whenever it's parent RadPageView is selected.
So basically I have the following Javascript code:
function OnClientTabSelected(sender, args)
{
// Get the MyControl that is on this tab
var myControl = $find("whatever");
// Call a method that updates the display
myControl.doSomething();
}
I have a user control with following hyperlink:
<asp:HyperLink ID="MakeOrderLink" runat="server" onclick="return MakeOrderLink_onClick(this);" />
javascript function redirects based on provided parameters to another page
function MakeOrder_onClick(sender) {
//param1, param2
document.location.href = sender.href + '&count=' + param1 + '&date=' + param2;
return false;
}
This user control is placed on .aspx page, which I need to provide as an iframe.
I need the page to open in new window.
MakeOrderLink.Target = "_blank" works when the control is placed only in .aspx page but I can not figure out how to redirect when it is nested two levels down (link inside user control contained in iframe contained in another .aspx page).
I want to call javascript function from User Control using C#. For that i am trying to use
ScriptManager.RegisterStartupScript(this, typeof(string), "alertbox", "javascript:ShowPopup('Select a row to rate');", true);
but it is not working for me. This works fine on the page. how can i call javascript function at runtime using C#.
I have a user control which opens a new window for some item selection. Once an item is selected on that window, the item ID should be passed to a callback javascript function in the user control. In order to have a unique callback function name in the user control (it may have multiple instances on the same page), I added the user control ID to the function name as follows (defined in the ascx file):
function OnItemSelection_<%=this.ID%>(selectedItemID)
{
OnItemSelection("<%=SomeControl.ClientID%>", selectedItemID)
}
Where OnItemSelection is defined in an external js file:
function OnItemSelection(controlID, selectedItemID)
{
$(controlID).do_something(selectedItemID);
}
The issue is that now I'm not sure how the new page can call the "right" function (of the user control instance where it was opened from). The only idea I have in mind so far is passing the name of the callback function in the query string:
var CallbackFunction = function(selectedItemID)
{
window.opener.<%=Request.QueryString["CallbackFunctionName"]%>(selectedItemID);
}
or maybe just the opening user control ID:
var CallbackFunction = function(selectedItemID)
{
window.opener.OnItemSelection_<%=Request.QueryString["UserControlID"]%>(selectedItemID);
}
My questions are:
1) Is it a bad practice passing javascript function names (or user control IDs) like that (I suspect it is)?
2) What could be better way to handle this scenario? Edit: Another way I'm considering now is declaring a global variable in the user control (registering it from the code behind so it'll appear only once). Then, when opening the new window, it's possible to assign the relevant function to it (OnItemSelection_<%=this.ID%>), and call it from the new window. Seems much cleaner than passing user control data through the query string.
Im having a aspx page which has 5 tabs inside a update panel..also I have a user control
Wen I click each tab im dynamically loading dat user control ...
The problem is im using javascript in dat user control..
the user control has a button which displays a panel containing three grid views n s activated by a java script as given below..
function Elig()
{
$(document.getElementById(
'<%=btnLegend.ClientID %>')).click(function(){
$(document.getElementById(
('<%=pBody.ClientID %>')).slideToggle('slow');
});
}
Wen i run the aspx page the first tab successfully loaded with dat user control n also the java script is working..wen I click the next tab user control is loading
But dat java script is not working..
i know the problem is after partial postback of update panel my js s not working..
i have tried registering like this..
private
void
RegisterJavascript()
{
ClientScriptManager
scriptManager = Page.ClientScript;
if (!scriptManager.IsClientScriptBlockRegistered(this.GetType(),
"Elig"
))
{
StringBuilder scriptBlock =
new
StringBuilder
();
scriptBlock.AppendLine(
"Sys.WebForms.PageRequestManager.getInstance().add_pageLoaded(Elig);"
);
scriptManager.RegisterStartupScript(
this.GetType(),
"Elig", scriptBlock.ToString(),
true
);
still its not working..
I have a GridView of thumbnail photos within an UpdatePanel, with clickable icons in each row which each load a User Control containing a small Google Map into the relevant row. The idea is that the user can geotag (by clicking on the map) any photo in the GridView.
In the map User Control, there is some Javascript initialising the map:
function initializeMap() {
if (GBrowserIsCompatible()) {
var map = new GMap2(document.getElementById('Map'), {size: new
GSize(336, 200)});
// set the map controls, set the centre, etc.
}
}
Problem is: I don't know how to call the initializeMap() method. Because it's dynamically added to the page, any attempt to link it to the calling button by "onClientClick=initializeMap()" for example, gives a JS error, saying the method isn't defined.
I've tried
ClientScript.RegisterStartupScript(this.GetType(), "initializeMap", "<script type="text/javascript">alert('Here'); initializeMap();</script>");
but I don't think I'm on the right track with that one either.