JQuery :: Jquery Thickbox / Opening A New Page Using Jquery Thickbox?
Mar 30, 2011
I am opening a new page using jquery thickbox. I already gave the height and width in query string as required for thickbox.Its working fine in Firefox, but when I open that in IE or chrome, there is scroll bar coming with the popup. But I don't want that scroll bar.click here open this site in FF, IE and chrome. And then go to the bottom right and click on send to a friend link.
I have an asp.net page "demo.aspx", that has a normal link called "Demo Link" which uses jQuery Thick box. The page that is wrapped inside the Thickbox is "target.aspx", that has a button "Demo Button" and a label.
If I click on the Demo Link, it show the "target.aspx" wrapped inside the Thickbox nicely. However, If I click on the "Demo Button", Thickbox is disappeared, "target.aspx" is not wrapped in Thickbox anymore, it is displayed like a normal asp.net page.
Here's the mark-up code of demo.aspx:
<a href="target.aspx?height=600&width=800" class="thickbox" title="">Testing Thickbox with Post-back</a>
Here's the code-behind of target.aspx:
Protected Sub btnDemo_Click(ByVal sender As Object, ByVal e As EventArgs) Handles btnDemo.Click lblDemo.Text = "Hello World!" End Sub
How do I keep target.aspx in the Thickbox after the post-back of itself?
I have a asp.net webforms page in which I'm using the jqGrid component. The problem is that thickbox is not working on the links inside jqGrid (ajax).
I got this peace of code on Gupta's blog but I don't know how to add it as I'm using the jqGrid component for ASP.NET.
gridComplete: function(){ // ThickBox - this allows any dynamically created links that use thickbox to work! tb_init('a.thickbox, area.thickbox, input.thickbox');//pass where to apply thickbox imgLoader = new Image();// preload image imgLoader.src = tb_pathToImage;}
I am trying to open aspx page in jquery modal popup. Its opening fine, but if i am firing any event of that page(page which is inside modal popup) i am getting javascript error:
Microsoft JScript runtime error: 'theForm.elements.length' is null or not an object
My web application is make time to open First page due to various data control on the page and values are coming to that control from database so i want to show the loading message of gif image during page loading delay. I have written this code in my master page but that image is not showing the application.
one juvenile question , i am having a asp.net intranet application which is using jquery, instead of ref jquery to every page, i decided it to put it on the master page inside the script manager scriptReference tag. note not all pages of my application requires jquery, so is it a wise thing to do, or it will affect the performance,
If I use jQuery AJAX to call a specific ASP.NET page method how to have that method return a value back to the AJAX method that called it?
Update
My situation is I have an existing web application with many existing methods. I would like to be able to use jQuery to execute some of these methods and then update the UI with the results. My mandate is to stay away from ASP.NET AJAX and stick with jQuery. Management is concerned about continued development and support with ASP.NET AJAX from Microsoft. I agree with them.
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 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.
I'm finding it next to impossible setting up a slideshow given the constraints I have. I could do it easily using a listview control except listview controls don't automatically page themselves! Is it possible to use jquery to create a play/pause button to auto page through the listview control, making it a slide show?
and ValidateMyform will validate on each button click...
var objPost = args.get_postBackElement(); if (objPost === null || objPost === undefined) return; if (objPost.type == 'submit') {[code].....
Here I want to get back the page to normal stage(like after a full page postback)...even though after async postback the validation is still active...it should not get back to normal and its throwing errors if i enter something wrong...this is because the page is not fully refreshed on asyc postbacks...I just want get the like the normal after each asyc post back...
I tried using submit and reset to reset the page but its became to normal..the validation is still active...I have no idea what to do..
I have code that when i press a button an image starts to annimat. But when the page is finished loading the image resets. Is this a server issue? and how can i fix it.
i plugin thickbox js at my project. i called from 2 place. One place is update pannel and another one is gridview. my problem is when i call thickbox dialog from grid view link button, after that when i click cancel button (not thickbox close or esc) and open the another thickbox link button. this dialog box has so many close button show at there. How do i solve it?[URL
[Code]....
First Place
[Code]....
Grid View Place
[Code]....
But when i clicke (close or esc) it don't repeat again.
I have implemented a lot fo JQuery features into my ASP.Net web application. I am using JQuery, JQueryUI, JQuery Validation and a couple of other plugins. They are all coexisting and working fine. This one page in my app has the JQueryUI tabs, Modal progress pop-up working just fine. This page also has a couple of JQuery AJAX calls to my server side events. That all works fine!
I just added a Jquery date picker to one of the text boxes on the first tab on my data entry form and nothing happens or is displayed when you click on the date textbox. I am going to post the HTML markup for the page and my JQuery code. Please let me know if you see anything glaring? HTML
I insert this block of html/css/jquery into my page - in Safari and FireFox it works fine, but in IE 7/8 at about the 8th block of this the Style and some Jquery fx doesnt seem to catch; it is exactly the same as my other code, no mods in the ones that arent catching. It is just inserted in a column in my table on my page, actually the literal is there in the column, my literal.Text outputs blocks of:
I am using Thickbox along with Jquery to create model windows that contain ajax forms. I can successfully get this to work, i can validate my form and i can post the data. My problem is that after I have successfully posted the data I need to redirect the user to a different page where they can then continue to add additional information. However when I use redirecttoroute or redirecttoview all that happens is the contents of the route that i have redirected to is then loaded into my modal window. This must be something simple but I am stuck,
I want to know, how to pop up a Jquery Div Pop in asp.net page load. I will get some input parameter thru query string. If that input parameter matches in DataBase then I need to load a page with out Pop Up. If that input parameter doesn't match in DataBase, then I need to load DIV POP UP. And on Ok button click in POP UP, I want to hide POP UP and show normal page.
This code opens me a dialog box with Ok and Cancel button but it do not wait for user activity and post the page immediately and the label gets populated. I need to call the c# function based on user activity. If user clicks "Ok" label should get populated and if user clicks "Cancel" it should not call the c# function. How do I achieve this?