jquery-ui

How can I disable text selection on a jquery draggable?

I have several draggables on my page. When I start dragging one, it moves just fine, but the other elements on the page are getting highlighted/selected from my cursor. I noticed that the draggle demos on the jquery ui website seemed to work just fine. Does anyone have any ideas why text is being selected on my site during dragging? ...

jQuery selectable with context menu

Hey guys, I just installed jQuery UI and got its selectable working with a simple table and its rows. To add a bit more functionality I added a context menu using this context menu plugin. If I use every element on its own, it works. But if I add the selectable and the context menu to the same elements in my DOM only the context menu ...

jQuery UI dialog: window appears at the right of the screen in chrome and safari

anybody else had this problem, do you know how to fix this ? my code: var currentFormconfirm; $(function () { $("#dialog-confirm-confirm").dialog({ resizable: false, height: 220, width: 400, modal: true, autoOpen: false, buttons: { 'Yes'...

Correct Syntax for ui and nth-child call?

I'm still a bit new on jquery selection syntax (and jquery in general). I'm not exactly sure how to get this call to work. I'm using a function that gives me an event and ui. I'm using the stop event in sortable and I'm trying to get the nth-child (first) from this element and then trying to clear it's class. right now I have: stop : ...

How can I use jQuery to create a div absolutely positioned next to another element?

I have a search box on a page that's hooked up to an AJAX script that returns HTML based on the contents of the search box, via GET. In order to display the results directly below the search box, I need to create a div in a position relative to that box (the box's position is variable depending on screen resolutions). How can I use jQue...

Stopping rotate when a tab is clicked when using jQuery UI Tabs

I am using the following : $("#roottexts").tabs().tabs("rotate",5000, true); to let the tabs display their contents in turn. However , I would like the rotation to stop as soon as the user clicks one tab (or hovers over a tab). Does anyone has code to do this ? Thx in advance, ...

jQuery DatePicker how to disable auto day selection while browsing calendar?

In jQuery DatePicker there is one annoying thing, if you using it as a calendar and depend on selected date. While navigationg from month to month it keep selected day activated for all months. I know that this issue exist for more than 6 months and I have reported it to jQuery Team.However I would like to know is there any workarounds o...

How can I close the jquery ui dialog from inside the dialog code?

I use several jquery ui dialogs in my application to collect input from users and for CRUD operations. When in a page I need a dialog I do the following steps: First I define the minimum markup and code necessary to initialize the dialog like this <div id="dialogPanel" style="display:none" title=""></div> and, when the DOM is ready, ...

Find element by style selector in jquery

Hello everyone, I am trying to find an element with a particular style and change its style to something else. Here is the html element <table style='width: 555px;'> <tr> <td>blablabla</td> </tr> </table> Now I am trying to find the table with width 555px and change it to 650px using jquery. $('table[style*=width:555px]').c...

Firefox messes up form fields values

Hi all! I have a list of exercises which I want to edit using form inside Jquery-ui dialog. I initialize dialog on page ready: $('#exercise-edit').dialog({autoOpen:false}); Then on each exercise click I do ajax call and it fetches exercise data and populates it using "populate" plugin function showEditExercisePopup(id){ $.getJ...

jQuery ui autocomplete - .ui-autocomplete-loading

I'd like to apply this css to the search box while it is fetching the XML file. Currently it takes ~3 seconds to load this file. I see in the autocomplete.js file these two functions: _search: function( value ) { this.term = this.element .addClass( "ui-autocomplete-loading" ) // always save the actual value, not...

how to use jquery UI dialog as javascript confirm?

I read lots of questions about this, but every solution uses the same workaround, submiting the form inside the jquery dialog, something like this: $("#dialog").dialog({ buttons : { "Confirm" : function() { window.location.href = targetUrl; }, "Cancel" : function() { $(this).dialog("close"); } } Isn't ...

How to abort old autocomplete requests when new one is sent

In a jquery ui autocomplete box, is there a way to cancel previous searches when the user types more characters? I was hoping to be able to use something like ajaxmanager, but I don't see a way that I can. The closest I've gotten is this thread. ...

How to display other sites content in our sites with out using iframe?

How to display other sites content in our sites with out using iframe? Is it possible to load one sites file details in our site with out using the iframe. any body knows the solution please help me with a sample code? ...

JQuery thumbnail src rotator on hover (multiple images)

Situation: We've got this DIV with thumbnails who need their src being changed on hover: <div id="moreVideos"> <span class="mb"> <a href="#" onclick="javascript:loadAndPlayVideo('qrO4YZeyl0I');return false;" class="ml"> <img src="http://i.ytimg.com/vi/qrO4YZeyl0I/default.jpg" id="thumb_qrO4YZeyl0I" class="mvThumb" title="Lad...

Should jQueryUI apply styles automatically

I've created a theme and applied it to my ASP.NET MVC site. However, the elements on the page aren't picking up the styles automatically. If I do the following for a specific element they get applied appropriately: $("input[type=button]").button(); $("input[type=submit]").button(); Am I right in thinking I need to do this for all th...

jQuery DatePicker ui is failing on IE

IE is giving me an undefined NAN when i try to view the calender... here is my html $("#datepicker").datepicker({ altField: '#outing_suggested_date', minDate: new Date, dateFormat: "yy-mm-dd", defaultDate: new Date("2010-10-07"), setDate: new Date("2010-10-07") }); here is the code i use to generate it $("#datepicker").datepicke...

Textarea with jQueryUI resizable retains dimensions after toggling.

Following is an example code test harness which emulates the problem I am experiencing. Basically, when not using resizable() for the textarea, clicking on the "Content [+/-]" allows the fieldset to collapse and no textarea is shown. However, when using resizable, clicking on "Content [+/-]" causes the text area to be hidden, but the ori...

Text and box drop shadow, rounded corners and gradients with jQuery official plugin

Hi! Is there any official jQuery plugin (like jQuery UI) that allows those effects in all browsers? Or at least IE8, Chome, FF and Opera. I don't want user plugins as those often lack support in the long term, are uncompatible with one another or lack consistent quality and optimization. I saw some "Overlay and Shadow Classes" in the j...

How do I use jQuery UI's Datepicker not in a form, but to set the parameter for a link?

I have a link to a page on my site that has a data parameter in it. I want to use jQuery UI's Datepicker to set the parameter for the link. I've used Datapicker before, but only in forms. Is there a way to use it to set a URL parameter in the link? Thanks for reading. ...