how to load pages into DIVs as we can do in iframes? Currently in my legacy application in which I have frames depending on requirement I load different ASP pages into the iframe, can we do something similar in DIVs also? I know I can write inner.HTML in DIVs.
View 3 Replies
I have...a dynamic populated select box several input boxes a submit button form fields are loaded initially using cookies several dynamic populated divs
I want... start loading the content of my DIVs after all FORM elements have been loaded completely (= filled with data, select boxes are populated)
Sample code:
[code]....
to directly get all elements in a form who contains a non html attribute ?
<input .... customAttribute="validateMe">
So I could find all input elements that will require validation.And use this in a loop to add validation to the input's found :
$('input').attr("customAttribute").val() == "validateMe"
I could also write every validation for each object separately, I have only a few elements who uses a required validation but it would be nice that I could do this in one shot instead of repeating the $("input").rules("add .....
I have aspx page and in that page i registerd ascx page. i want to access the aspx page <div id = "idofdiv"> from ascx page jquery function. i have jquery function in ascx page. i want to access idofdiv in that function.
View 2 RepliesI can't understand why this is at all useful. I've got a master page with a content holder called Main, and I've got a content page with a matching content tag. However, I've noticed that when the pages get put together, the ids of some of my elements are changed, or should I say perverted, like so:
<input value="fizz-buzz" name="ctl00$Main$options" type="radio" id="Main_foobar"/>
i have found out a way to find controls on content pages by using
var txt = $('input[id$=TextBox1]'). But how to access html elements like "<p>" tag and others in jquery when the html elements are in content page only.
I have a DIV element...
<div id="loginBox"> ... some other HTML elements inside here ... </div>
I use CSS to style this DIV and its contents....
#loginBox { ... }
#loginBox input[type="text"] { ... }
#loginBox button { ... }
... and so on ...
Now, I use a master page and the #loginBox DIV is inside the .master file.
At one point, I have the need to access the #loginBox at the server-side, so I add add runat="server" attribute. But as a result, ASP.net will change the ID of the DIV to #ct100_loginBox, and all the CSS code mentioned above.
I have added a jquey menu in my master page its working fine for those asp.net pages which are at the same level as master page.
But this menu isn't working at all for all of those page which aur in Editor's and Admin's folder. In these pages menu is displaying as simple html menu and unfortunately no jquery effect is shown on it.
I'm very confused why this menu isn't working for the pages which are in a seprate folder while the master page is added at the root level outside of all these folders.
I have many hrefs(with dynamic Ids) in my asp.net app that have the same CssClass=MyClass.
I want these button to be hidden with a condition.
I used the .ready
$(document).ready(function() {
if(condition)
$('.MyClass').css("display","none");
});
the problem is docuement.ready doesn't execut when there is a poctback. Postback==>Button visible.normal as i've put the code in .ready. Is there a way to persist the code:$('.MyClass').css("display","none"); I tried to apply .live() on button load,but it doesn't work.
I wanna show a waiting screen when all elements in my web page are loading, and waiting screen will show off when loading is complete. I don't know how to get notification in Jquery when all elemnts are completely loaded ?
View 1 Repliesi have a selection of (2) elements, selected by this:
$(this).parents("tr:first").children("td").children("span")
when i do this:
$(this).parents("tr:first").children("td").children("span").text()
the texts in the spans (say a and b) are concatenated together (to ab), and thats almost what i want But now i want to concatenate them by inserting a hyphen (-) in between (to a - b) I've tried this, but that doesn't work:
$(this).parents("tr:first").children("td").children("span").join(" - ")
in an aspx pege, on Page PostBack we generally get thsoe control that were created either in aspx or code behind (dynamic controls ). But in jQuery its common practice to craete new set of controls on the fly. Supose i have created 10 spans with some id and text . So, can we get these spans on server side on Page PostBack ?
View 5 RepliesI'm working on a webform with various controls. Depending on user-input I show/hide (using JQuery's show()/hide() functions) bits of the GUI. However if the form is posted-back and fails validation, I want the GUI to remain in the same state it was pre-postback rather than returning to the first-load state. Obviously the ASP.Net controls retain state, but I have HTML containers that are pure client-side objects.
In attempting to design a solution I find myself heading towards the murky (and tricky-to-debug) realms of hidden form fields - more reminiscent of my pre-JQuery work than anything 21st Century :-(
Here is my problem. I have on multiple occasions downloaded jQuery UI and tried to use it. What happens, though, is that in the examples provided in the download the UI elements look great, but in my pages when I try to use them all the formatting and style stuff is messed up. Here is an example of a date picker:
Bad Example
Here is my code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>Reports</title>
<meta charset="UTF-8" />
<meta http-equiv="CACHE-CONTROL" content="NO-CACHE" />
<meta http-equiv="PRAGMA" content="NO-CACHE" />
[Code]....
For my page (an '.aspx' page, if that makes any difference) I have all the images in the image folder one level below the css file, just as it is in the example folder, and the script files are all together in another folder. Is there something I need that I don't have. I shouldn't need the "demo.css" file, should I? Is there a special naming convention for items in the form of the site? Is there some special way that I need to have the folders/css files/source scripts set up, like a certain folder configuration, to make it work? Kind of lost on this one. Probably a really simple fix, but I'm pretty new to using this.
I am working on some ASP.NET web forms which involves some dynamic generation, and I need to add some onClick helpers on the client side. I have a basic outline of something working, except for one huge problem.
There are multiple HTML tables, each generated by a different ASP.NET web control. Each table can contain overlapping field names, which is causing a problem with my JQuery click event handlers. The click event handler is linking to unintended form fields in addition to the intended form field.
I have provided a simplified sample version of the code below. This code is trying to set the value of textbox box1 when a particular radiobutton is selected in the table with id=thing1. Obviously, the jquery code will be triggered for the form fields in both tables.
The tables are dynamically added to the webpage based upon different conditions. It is possible that no tables will be loaded, only 1 table, or both tables might load. In the future, other tables could be added. Each table comes from a different .net web control.
Other than renaming the form fields to make sure they are unique across all user controls, is there a way to have JQuery act only on the intended form fields? In other words, could the table ID be incorporated into the JQuery code in a manner that does not become a nightmare to maintain later?
[code]....
I know this is a pretty basic question, but I don't know how to articulate what I want into a Google search to solve my problem.
I am working on a website for a Non-profit, and I am currently using Jquery and CSS to create a dynamic dropdown navigation bar. The code + examples can be found here: [URL]
The Nav menu works great, however when the elements expand, the new content forces the rest of the content on the page to move down and it messes up the entire formatting of the site. Most websites usually just have the Nav bar elements expand OVER the rest of the page without modifying locations...
here is the example code of what I am using:
[code]....
I want to load a popup when a user clicks a button. The buttons are images located inside a tabpanel. The first time the page is loaded the helpEvents DOES display the popup and the 'click' popup. Then I navigate to Tabpanel tab2, and the helpTickets button doesnt work (doesnt even display the 'click' popup) Then I navigate back to Tabpanel tpEventDetails, and the helpEvents button doesnt work anymore either(and also doesnt even display the 'click' popup anymore) So I think something gets lost in the updatepanel on callback...but what? and how to fix it?
default.aspx
<asp:UpdatePanel ID="UpdatePanel2" runat="server">
<ContentTemplate>
<cc1:TabContainer OnActiveTabChanged="TabChanged" ID="tabContainer" runat="server" ActiveTabIndex="0" OnClientActiveTabChanged="ActiveTabChanged" Width="100%">
<cc1:TabPanel ID="tpEventDetails" runat="server" HeaderText="Details">
<ContentTemplate>
<img src="images/help.png" id="helpEvents" alt="help" />
</ContentTemplate>
</cc1:TabPanel>
<cc1:TabPanel ID="tab2" runat="server" HeaderText="More">
<ContentTemplate>
<img src="/images/help.png" id="helpTickets" alt="help" />
</ContentTemplate>
</cc1:TabPanel>
</cc1:TabContainer>
</ContentTemplate>
</asp:UpdatePanel>
script.js
//CONTROLLING EVENTS IN jQuery
$(document).ready(function() {
//LOADING POPUP
//Click the button event!
$("#helpEvents").click(function() {
alert('click');
centerPopup('Contact');
loadPopup('Contact');
});
$("#helpTickets").click(function() {
alert('click');
centerPopup('Tickets');
loadPopup('Tickets');
});
});
I have a nested master page. A parent master page, a child master page and a content page whose master page is the child master page. I have a reference to jQuery in the parent master page in the head section.<script type="text/javascript" src='<%#ResolveUrl("~/includes/jquery-1.4.2.min.js") %>' ></script> & Page.Header.DataBind(); in the OnLoad event.
I am using jQuery in all the pages including the master pages. However I am getting "Error: $().ready is not a function" in the content page. If I include jQuery reference in the content page it works. Question: If the reference to jQuery is in the master page head section, why aren't the content pages able to use jQuery? When I do view source, the script tag with jQuery is there and it works. The master pages and content page are merged during rendering and sent to the browser as a single html page so I am not sure when master pages are used, jQuery references break.
UPDATE:
When I changed '$.ready(function()' to 'jQuery(document).ready(function($)' it worked! I am not loading any other javascript libraries and I am not using MS Ajax.
I have a page that add Items to RadioButtonList with this code :
Protected Sub Page_Load(ByVal sender As Object, ByVal e As System.EventArgs)
RD.Read()
RBQ1.Items.Add(RD.GetString(3))
RBQ1.Items.Add(RD.GetString(4))
RBQ1.Items.Add(RD.GetString(5))
In my master.page I load a Web form:
<script type="text/jscript">$("#LoginInformation").load("LoginInformation.aspx");</script>
But when I have a ListView or DataView, etc... with a pager, I get problems when I click on 'next page'.Then I get the error: Validation of viewstate MAC failed. When I don't use Jquery's load function, I don't get an error.
I am trying to load two pages in two different windows (at the same time). I have three pages in my application
1) Login.aspx
2) TakeOrder.aspx
3) OrderSummary.aspx
When application is executed, user is presented with Login.aspx page. If the user is authenticated, I want TakeOrder.aspx and OrderSummary.aspx to load in two different windows.
TakeOrder.aspx is used to take orders and OrderSummary.aspx shows the summary of the orders which have been placed since morning.
I can put a button on TakeOrder.aspx to redirect to OrderSummary.aspx (but such logic is not allowed by the client).
Also when the user takes an order (I will add the order to th database), I want to refresh ( do postback) OrderSummary.aspx to show newly placed order for e.g.
OrderSummary.aspx is showing "n" orders, now the user takes an order "x", I want OrderSuammyry.aspx page to show "n+1" orders (including order "x")
I want jQuery to load a usercontrol dynamically from server side code. i want that thing using httphandler.i heard this thing some where but i didn't get any exampleto complete this task
View 2 Replieshow to load Page.ClientScript.RegisterStartupScript(Page.GetType(), Page.ClientID + "_ReadyScript2", scripts.ToString()); in Class file resubable code
View 2 RepliesSo i'm new to AJAX and just installed the AJAX toolkit.
When i have tried to used any of the object there my page are really slow, it like the server is forever to compile the site and when that is done the browser shows it in a flash.
You can see here :
[URL]
This is not a problem when using only ASP.NET.
When i debug in VS2008 i can see that is looking for some random files when compiling like C:AjaxBuildAjaxServerAjaxControlToolkitToolkitScriptManagerToolkitScriptManager.cs and alot of other stuff, it goes through alot of setting there and i think that is the hold up, why it's so slow.
I have Sp1 installed, running Windows 7 64bit.
These pages are very small and standard. I basicly drag a toolkitscriptmanager, htmleditor, textbox and two buttons to the form. There isnt more.
This is the code for the first page :
[Code]....
The host has AJAX support and has installed SP1 for .NET.
Is it possible to do RewritePath in the pages load-event? I call the method, but nothing happens.. The original path is served.. The method fires, coz when I rewrite the path to something that gives an error, the error is fired
View 3 Replies
