jquery-ui

Facebook tags dont render when generated dynamically using Jquery

Hey guys, To give you a simple use case - on my website, I display the comments posted by the facebook users. For each comment I display the facebook users photo using the fb:profile-pic tag and a fb like button. This page renders properly and everything displays well. Now when the users want to read older comments, they click on the "...

Is there a jQuery plugin for closable overlays?

Hi folks, I need a jQuery plugin that displays an overlay at the top of the screen, for notifications. It needs to be closable. Preferably, it's text should be updatable (without closing and opening a new one - I don't want a second animation if the overlay is already displayed when the text is updated). It also shouldn't bounce while...

Sortable + nested lists with jQuery UI 1.8.2

Hi all This question is all over SO, but no one seems to have had the same problem as I have. When I do something like this $(function(){ $('#unique-ul').sortable({items:'li'}); }); I'd expect it to "just work". By and large, it does. I can drag any <li> from any list to any other list, and any sublist of that <li> is dragged wi...

jquery autocomplete this.source is not a function error

I've implemented autocomplete on an input field, but the box does not show up and firebug returns "this.source is not a function". I've used autocomplete on other fields of the same page without any problems. (two textarea's). I'm using the following code to debug, same effect if I run from script file or Firebug command line. var fake...

JQuery (this).text is not appending via click

Poorly worded question, but I can't find a better way. Also, checked the 'related' questions and none solve this issue. I am using JQuery 1.4.2, and JQueryUI 1.8.1. I have a list of "buttons", and I want those buttons to make a copy of themselves in another list on the page. Here is what I have so far: $("#actionList ul > li >...

How to open different iframes in a dialog for different clicks using jQuery?

I've a page on which I have groups of different items. Next to each group I have a link to add an element to the group which opens up a jQuery dialog. I would like to open up a different iframe in a dialog for each group's link. How do I do this? Or would you suggest I skip the iframe and use a form in the dialog? If yes, then how do I...

jquery ui dialog close doesn't clear dialog

Hi, Using jquery-ui, I have a tabs plugin and within tab 1 gets loaded a page that contains a table and in each row is a link to a dialog. Everything works correctly save the following: In the dialog is an option to delete the row from which the current dialog was opened from. After confirming, and deleting the row, the tab is refresh...

Multiple jQuery UI date pickers with different styling

I have two jQuery date pickers on my page: A regular one A "special" one that can only pick years/months. The special one uses some custom CSS (from here) to hide the calendar part, so only the month/years show up. .ui-datepicker-calendar { display : none ; } However, since there is only one dialog instance on the page, the ca...

jQuery: position of a tooltip used in a slider

Hello, I'm using a jQuery Tooltip and a jQuery Slider (jQueryUI) at the same time. The slider works fine. But after scrolling tooltips are displayed at a wrong position (download screenshot or source). I guess it's because of wrong CSS … Why are some tooltips not displayed at the correct position? Thanks Johannes <script src="http:/...

paginaton dropdown with jquery

I want to have a dropdown that will have the user select which record number they want to be on? so if I ave 200 records in db, it will have 4 pages and dropdown will look like this "Just an idea..not an exact code" <select> <option>1-50</option> <option>51-100</option> <option>101-150</option> <option>151-200</option> </select> I se...

dragging and dropping portlets between jquery ui tabs?

i'm building a portlet style site with tabs using jquery 1.4.2, and jquery ui 1.8.2. the portlets were easy to get working with the sortable plugin. tabs were easy as well. the problem i'm having is in trying to drag portlets BETWEEN tabs. since the same containers that the portlets are sortable to (columns) are present in all tabs, ...

Can I make a <button> not submit a form?

I've got a form, with 2 buttons <a href="index.html"><button>Cancel changes</button></a> <button type="submit">Submit</button> I use jQuery UI's button on them too, simply like this $('button').button(); However, the first button also submits the form. I would of thought that if it didn't have the type="submit", it wouldn't. Obvi...

Jquery, getting DIV ID as it is being dragged using "draggable"?

I found another post about this but the solution there isn't working for me... I am trying this (having already instantiated the draggable option separately: $( ".masker" ).bind( "drag", function(event, ui) { testdragging = ui.draggable.attr('id') ; }); Just calling this: ui.draggable.attr('id') ; makes the entire class of D...

jquery-ui "help: clone" not running on iphone , what should i do .

this is my code: <div class="demo" style="margin:0 auto;height: 100%;"> <div id="A" style="float:left;height:50%;margin:0 100px 0 0;width:100%;background:#333;"> </div> <div id="droppable" > <p>Drop here</p> </div> </div><!-- End demo --> <script type="text/javascript" src="jquery-1.4.2.min.js"></script> <scrip...

jQuery ui autocomplete bug when it has a scrollbar

I tried testing it with the old jQuery autocomplete plugin demos and now, I see it again in jQuery UI autocomplete. The autocomplete displays a long list of suggestions and it has a scrollbar. When I mouseover on a suggestion while pressing the up and down arrow keys, autocomplete returns to the suggestion with the mouseover on it an...

Preventing a table's headers from being sortable using JQuery Sortable plug-In

I have an HTML table: <table id="HatedByCSSOnlyGoons"> <tr><td>Header 1</td><td>Header 2</td></tr> <tr><td>Data</td><td>Data</td></tr> <tr><td>Data</td><td>Data</td></tr> </table> and I'm applying the JQuery Sortable plug-In: <script language="javascript"> $(document).ready( function() { $("#HatedByC...

jquery ui tab appending content when reloaded

Hi, I have a jquery ui tab that gets loaded via ajax and remote page: <div id="tabs" style="width:1200px" class="ui-tabs"> <ul> <li><a href="/bugs/loadTab1">View</a></li> <li><a href="#tabs-2">Add Bug/Request</a></li> </ul>... <script type="text/javascript"> jQuery(function($) { $('#tabs').tabs({ ...

Page Redirection in MVC

I have implemented live search using jquery, after the user clicks on an element from the live search box , i want to redirect it to a page. I am using .net( MVC ) so i want to know what should i put in my select : function(event,ui){ } so that it gets directed to the appropriate Action in the controller... ...

jquery response back

I am sending an ajax call to another page. I want to get a value of a variable, lets call it x, back from that page on success. How can I do that. here is my ajax code $.ajax({ type: 'POST', url: 'myotherpage.php', data: 'loginname=' + loginname , success: function(success) { if(success == 1) ...

Why are some jQuery UI operations unsuccessful on disembodied DOM elements?

I tried creating a disembodied DOM element with jQuery (I avoid ever touching the DOM directly w/o going through jQuery, so I do treat their wrapped sets and the DOM elements underneath somewhat equivalently) and applying .tabs() to it, and only later adding the element into the DOM. The tabs kind of worked and kind of didn't. It seemed ...