I have been trying to implement the following jquery lightbox sample in master pages [URL]. I can not get this to work. I keep getting property not valid error. I can get it to work in a web page, which is not part of a master page.
View 1 RepliesI'm wondering if you can use a lightbox with aspx pages? For my project, i'm trying to make some kind of search tool in that lightbox. On my default page , you have a img link that opens a lightbox (with an aspx page) In that lightbox, when you click a button (asp button), the page renders like a normal full browser page with the same content. The page should stay in that lightbox and rendering the results in a listbox. Is this possible? Or is this the wrong way?
View 2 RepliesI 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've successfully made JQuery work with Master Pages, but not JQuery UI.My header in the master page looks like this:
<head runat="server">
<title>Analytics</title>
<link href="~/css/PageElements.css" rel="stylesheet" type="text/css" runat="server"/>
<link href="~/css/FormElements.css" rel="stylesheet" type="text/css" runat="server"/>
<link href="~/css/Buttons.css" rel="stylesheet" type="text/css" runat="server"/>
<link href="<%# ResolveUrl("~/css/smoothness/jquery-ui-1.8.9.custom.css") %>" rel="Stylesheet" type="text/css" />
<script type="text/javascript" src="<%# ResolveUrl("~/Scripts/jquery-1.4.4.min.js") %>" />
<script type="text/javascript" src="<%# ResolveUrl("~/Scripts/jquery-ui-1.8.9.custom.min.js") %>" />
<script type="text/javascript">
jQuery.noConflict(); <%--This should avoid conflicts Ajax Control Toolkit--%>
</script>
<asp:ContentPlaceHolder ID="HeaderPlaceHolder" runat="server" />
</head>
And in the content page, I created a VERY simple script to load the Date Picker, as per JQuery UI demo page. I always get a 'Microsoft JScript runtime error: Object doesn't support this property or method'. Here's my content page:
<asp:Content ID="MainContent" ContentPlaceHolderID="MainPlaceHolder" runat="server">
<script type="text/javascript">
jQuery(document).ready(function () {
jQuery('#<%=btnSubmit.ClientID %>').click(function () {
alert("Hello world!");
});
});
</script>
<script type="text/javascript">
jQuery(function () {
jQuery('#<%=datepicker.ClientID %>').datepicker();
});
</script>
<div class="demo">
<p>Date: <asp:TextBox runat="server" ID="datepicker" /></p>
</div>
<asp:Button ID="btnSubmit" runat="server" Text="Submit" />
</asp:Content>
The CSS folder is in place, and pure JQuery calls work. This simple datepicker is not working with this master page / content setup. I've tried many combinations for the datepicker ID, using ClientID (as is), UniqueID, [id$=datepicker], etc. Can someone shed a light on this? What am I missing?
I am trying to get the inPlace editing functionality. But this time its in Master page of an ASP.net application. I have a label control (for title of each web page) on master page. And in my content page I want to allow user to edit that title. Scenario is that Label should be converted to textbox when user click label. edit and then when textbox will loose focus, it should be converted to updated label. I don't want to change my master page contents. Otherwise may be I can add a hidden textbox on masterpage to replace it with label. But my concern is that Can I do this without editing my master page? I tried to work with JQuery .replaceWith() method. But I am new to JQuery and asp.net. I tried stephen's solution but getting object not supported Javascript runtime error. JS Code is given as :
<script type="text/javascript" src="../Scripts/jquery-1.4.2.min.js" ></script>
<script type="text/javascript" src="../Scripts/jquery-1.3.2.min.js" ></script>
<script type="text/javascript" src="../Scripts/jquery/jeditable.js" charset="utf-8"> </script>
[code]...
when i click the picture that is displayed in the detailsView ImageField, the jquery lightbox pops up, but does not show the picture. it shows a red x in the middle of the lightbox. the same thing happens with the asp:Image control shown in the code below. The picture is stored in a SQL database Image datatype. Using master pages.
[Code]....
[Code]....
[Code]....
I'm trying to use jquery lightbox functionallity when a user clicks on a button in my View, to give a friendly message "Please wait whilst we generate your data etc" whilst the second view that contains a lot of data is being generated. I was hoping to have the friendly message stay on the screen until the second View is ready to be displayed. At the moment the form submit button fires the popup but the button itself is not getting clicked, only the surrounding anchor tag:
<a id="inline" href="#data"> <input type="submit" value="Submit" /></a>
I think my main problem is actually more to do with master pages that anything else.. Below is a description:
If you use master pages in your website and you have pages in different sub directories then the simplest way to add JQuery references is using <script src='<%# ResolveUrl ("jq.js")%> /> in the master page header??
This means that the .js files are correctly referenced in all pages that use the master. My main problem is that intellisense only seems to work for JQuery when the JQ Script is actually referenced in the header and not by using ResolveUrl('') <script src="/scripts/jq.js" />
I dont want to have to live without intellisense, Surely there is a way to get around this. What am I doing wrong.
just wanted to know how to fetch client ID of controls in child pages in master page layout? Trying to use but no avail
$addHandler($get('<%=btnSavLay.ClientID%>'), 'click', function() {
$('#Layers').block({ message: null });
});
It always throws Sys.ArgumentNullException: Value cannot be null. Parameter name: element [Break on this error] {name: "handler", type: Function}
I am developing a project which has a master page and content page.In my content page I was using a gridview query from database with image display as an image button, when user click on the image in the gridview it will trigged a lightbox through Javascript. I follow the tutorial from the link in the following link [URL]
Everything works great when its on a stand alone page , however, as soon as I put the GridView in my content page then click on the image from the image button in the GridView I will be resulting the following error. Server Error in '/Photo_Master' Application. Invalid postback or callback argument. Event validation is enabled using <pages enableEventValidation="true"/> in configuration or <%@ Page nableEventValidation="true" %> in a page. For security purposes, this feature verifies that arguments to postback or callback events originate from the server control that originally rendered them. If the data is valid and expected, use the ClientScriptManager.RegisterForEventValidation method in order to register the postback or callback data for validation.
Here is my code, I noticed OnClientClick = "return LoadDiv(this.src);" in the following image button will return false to prevent postback, however, it will only work if this is a stand alone page but not in the content page that links to a master page. I had tried the following approaches, but none of them works.
1.) EnableEventValidation = "false" --- Page is not going to break at least but No Lightbox pop up.
2.) Added PostBackURL ="javascript:Void(0);" as the properties of <asp:imagebutton> in the GridView - Did not work.
*PS - I had tried to put my lightbox pop up page on either master or content page tried different ways , however, nothing works. My goal is to have the PhotoGallery display in GridView where image display as an ASP.net imagebutton control under the content page, when user click on the imagebutton the lightbox effect will show.
[Code]....
I want to know how to show A jquery lightbox modal from a link placed inside the listview. My Code Is As Follows.
[Code]....
I am using server side code to assign image to the image control.
And some javascripts to assign the href of anchor tag.
The Problem which I am facing Currently is as follows:-
If I am clicking on the image of 1st row then the jquery light box modal is working perfectly but when i am clicking on the image of other rows then its not working.
What I think, when the listview tries to repeat the rows the id of that anchor tag & image control is getting changed and the javascript which I am usiong to assign the href attribute of anchor tag, cannot find an id for that same anchor tag and the image control.
Currently I have a small form that uses a asp:linkbutton to submit and send out an email. I want to instead display a lightbox saying "Thank you for your submission" when the user clicks the form rather than a full post back.
View 1 Repliesi have a page with update panel and in that update panel i use 2 dropdownlist that bind one from another and 1 image, in that image display as a lightbox with the click event of the text. first time its open well but after the selected index change event of dropdown another dropdown will change the content and then that that lightbox of the text will not open
View 2 RepliesI am facing problem with Jquery Conflict with lightbox prototype.js in ie7 and ie8. The lightbox popup does't show up in ie7 and ie8.I have used jquery.noconflict. It works well for all browsers except ie7 and ie8.
View 2 RepliesI have a custom gridview which is populated using a 3 tier architecture. Please can someone show me how I can use a jquery lightbox in my gridview to add/edit records. How can I implement this using my DAL and BLL.this seems like the most user friendly method of adding/editing to me. What do you guys think?
View 12 RepliesI am trying to integrate a JQuery script to have a video lightbox (with a youtube video) inside an asp.net updatepanel that does a postback before the lightbox is loaded. The code is perfectly working if it is put outside the updatepanel Bascically in my aspx page I have an updatepanel with two panels, one of them is initially not visible and it contains the ligthbox :
[Code]....
I have a button inside the updatepanel that if pressed makes the pnlVideoLightbox visible. Then I just click on the thumbnail that should fire the lightbox but the browser redirects to the youtube website instead of firing the JQuery code.
i want a lightbox for image that it load images from database.
View 1 RepliesI am using master page and content page approach. i could mange to show image from folder in listview whose Url are saved in my Database.the code i use:
[Code]....
I trying to use the appraoch which is shown in the link.http://codeasp.net/blogs/raghav_khunger/microsoft-net/1289/use-lightbox-to-show-images-whose-paths-are-stored-in-databasebut i failed to do.Can anybody guide me how to impelment lightbox in above example with my listview code i am using.
i want to use jquery lightbox but i want to read image from database.i save image path in database and i want to read them.every lightbox that i find use from static image.
View 3 RepliesI have been given a requirement to take an existing stand-alone web-form (i.e. uses postbacks) and throw it into a lightbox. The standalone web-form already has save and cancel buttons that have predefined behaviors. For example, the Save button attempts to save the form, and either displays validation errors, or if the operation was successful, redirects to some other page in the app. However, in the context of this new "lightbox mode", the Save button should additionally close the lightbox if the operation was successful. I see two options:
Option 1-->UpdatePanel + ModalDialogExtender:a. Extract a UserControl out of the standalone web-form that includes everything but save/cancel buttonsb. Introduce Save and Cancel EventHandlers on said UserControl
c. Use this UserControl on both the standalone and lightbox versions of the page, and wire up the events appropriatelyOption 2-->Client side lightbox (i.e. jQuery)I'm a big fan of jQuery and tend to favor its use for Ajax functionality b/c of the level of control it gives me. On the other had, I also want the simplest solution that will possibly work. Assuming that option 2 is that option,
when i click the picture that is displayed in the detailsView ImageField, the jquery lightbox pops up, but does not show the picture. it shows a red x in the middle of the lightbox. the same thing happens with the asp:Image control shown in the code below. The picture is stored in a SQL database Image datatype. Using master pages.
[code]....
[Code]....
Implementing the listview control with delete link and lightbox?
when i click the picture that is displayed in the detailsView ImageField, the jquery lightbox pops up, but does not show the picture. it shows a red x in the middle of the lightbox. the same thing happens with the asp:Image control shown in the code below. The picture is stored in a SQL database Image datatype. Using master pages.
[Code]....
[Code]....
[Code]....
i'm developing a site using VS2010 and with my windows vista busniness OS. i used the default VS2010 wizard for new web application to create it. included a folder in the root directory and created new aspx pages to derive from the master page in the root directory of my site. everything shows on the new pages except the jpeg image logo in the master page. But other aspx pages i created in the root directory shows every thing fine.
View 1 RepliesCurrently I'm doing common functionality required throughout my site inside of my masterpage. What I want to do is move this functionality to a BaseClass so All my pages inherit from the Base Class. However, I'm not sure how to set this up interms of c# code with regards to Using a Base Class and then having a masterpage applied to my aspx pages that i create.
View 5 Replies