jquery-ui

How to call a javascript function from a control within a masterpage?

I have a masterpage with a Login Control in it. When the Login button is clicked, I would like for a JQuery Dialog to popup if the user's membership is about to expire within 30 days, else it will just log them in as normal. I can't figure out how to do it. I wll post parts of code: Here is the javascript: <script type="text/javascr...

DIV content shows on page instead of JQuery Dialog

I have the following DIV markup: <div id="dialog" title="Membership Renewal"> Your membership is going to expire. </div> I have the following javascript to execute the JQuery: <script type="text/javascript"> function showjQueryDialog() { $("#dialog").dialog("open"); //alert("Time to renew Membership!"); } $(document).ready(f...

Refreshing div (cause browse to redraw it)

In a web application I'm hitting some troubles with dynamic content - where by a form being hidden or shown above a jquery ui tab control causes rendering issues until the user hovers there mouse over the tabs, which then causes the tab header to redraw in the correct location. It's only occuring in IE7 and as a quick hack I'm doing thi...

jQuery UI Datepicker - Disable specific days

Is there any (easy) way to set the jQuery UI Datepicker to disallow selection of specific, predetermined days? I was able to get this approach working, however, it produces a null error which prevents it from displaying in IE. 'natDays[...].0' is null or not an object Thanks in advance! UPDATE: Might help if I included some code,...

Combinig JQuery datapicker with input field validation /filter

I am using the JQueryui Datepicker. But it doesn't really affect values entered manually in the input-field. Is there some way I can use the same (client) code to specify mask / validation on the input field (when the datapicker is not used - not just have datepicker output the correct format). What would be the most consistent way to...

jQuery autohide element after 5 seconds

Is it possible to automatically hide an element in a web page 5 seconds after the form loads using jQuery? Basically, I've got <div id="successMessage">Project saved successfully!</div> that I'd like to disappear after 5 seconds. I've looked at jQuery UI and the hide effect but I'm having a little trouble getting it work the way I wa...

JQuery tabbed pages content - only the first page shows the sIFR (IE + Safari/PC and Safari/Mac)

Hi there, i've just been trying to figure this out... All is well in Firefox(PC/Mac), but Safari (PC/mac), and 3 versions of IE(6,7,8) are not playing ball - please read on... Context: I have a small tabbed content area with 3 alternate content - they each have siFR headers, with exactly the same mark up. I'm using simple jQuery show(...

Help with jQuery UI dialog

Hi, I am using jQuery UI.Dialog. I'm having a small problem, when I click the link to show dialog box the text from #Test disappears and the modal overlay is shown but the actual modal box is not displayed. Using FireBug the dialog box is created but has Display:None so is not shown. Also, if I change this in firebug to Display:Block...

How do I display a jquery dialog box before the entire page is loaded?

On my site a number of operations can take a long time to complete. When I know a page will take a while to load, I would like to display a progress indicator while the page is loading. Ideally I would like to say something along the lines of: $("#dialog").show("progress.php"); and have that overlay on top of the page that is bei...

Start animating div when...

I am working on a rather complex jquery-to be animation which moves various div's based on different trigger events. To simplify the scenario I am trying to solve, see the following: I have DIV 1 and DIV 2 on the screen DIV 1 needs to animate from position A to position B DIV 2 needs to also animation from position C to position D, how...

Moving table row from one table to the other using Jquery

I have the following HTML <table id="tbl1"> <!-- Table row trHeader should be here based on a flag //--> </table> <table id="tbl2"> <tr id="trHeader"> <td>test</td> </tr> </table> I have a flag (essentially a button), that I use to be able to move the table row with id="tbl2". How would I switch it back to the same positi...

Apply jQuery datepicker to multiple instances

I've got a jQuery date picker control that works fine for once instance, but I'm not sure how to get it to work for multiple instances. <script type="text/javascript"> $(function() { $('#my_date').datepicker(); }); </script> <% Using Html.BeginForm()%> <% For Each item In Model.MyRecords%> <%=Html.TextBox("my_date")%> <...

Why jqueryUI datepicker throwing an error?

Am trying out jqueryUI, but firebug catches the following error on this script; $(function(){$("#date").datepicker()}); firebug error reads; $("#date").datepicker is not a function on my html i have the "date" id looks like this; <input type="text" name="date" id="date" > NB: I have used the correct JqueryUI css/js scripts on th...

Amazon-like interface for selecting product size and color (i.e., click a little red box to select a red product, etc)

In my online store, I want to implement an interface like Amazon's for selecting product size and color. I.e., instead of radio buttons for the different sizes / colors, the user should see a bunch of little boxes, each containing either a swatch of color or the name of a size. When the user clicks a box, the border should change to indi...

jquery accordion change event missing newContent

Hi there, I'm using jQuery UI accordion for the first time and I think I'm missing something here. I wrote the following code: <div id="theAccordion"> <h2><a href="#">Header1</a></h2> <div>old content 1</div> <h2><a href="#">Header2</a></h2> <div>old content 2</div> <h2><a href="#">Header3</a...

Empty jQuery UI Tabs

How can I empty (remove all tabs) a jQuery UI Tabs? EDIT: I'm not trying to remove the tab functionality, but to empty all tabs to add new ones. I'm trying with: for (var i = $('#content').tabs('length') - 1; i >= 0; i--) { $('#content').tabs('remove', i); } But tabs('length') always returns 0, even if there are some tabs added ...

Jquery Position problem

hey well i am working on something that which will basically create a business card online here is a example. http://weblayoutsrus.com/draggable/example.html im basically trying to layout the div tags like fullname ect with css, then i want to grab the X & Y co-ordinates of the div tags relative to there container so that it can b pass...

Jquery Accordion issues with ie 6

I have implemented a Jquery accordion on one of my pages using the following options $("#accordion").accordion({ header: "h3", alwaysOpen: false, active: false, autoHeight: false}); This works brilliantly in Firefox and in ie7 (now that I've upgraded to v1.7 of jquery ui) However in ie6, pretty much all the contents of each accordion...

Jquery Dialogue - Multiple on the same page

Hi all, I'm trying to implement a jquery dialogue box multiple times on one page - basically, I want to show further info about a person when a user clicks on their name. I'm generating the page with php. I've tried to do this, and got it partially working, but i can only make the first instance on the page work. Please can anyone po...

jQuery UI accordion with autoHeight=true has unnecessary scrollbar on non-default panes

I am having trouble with jQuery accordion. When I create a content pane where the non-default pane has more content than default pane, and autoHeight is true, this provides nice animations when switching panes, but the non-default pane gets a scrollbar which I don't want. You can see this in action by going to http://jqueryui.com/themer...