jquery-ui

JQUERY - jQuery UI Nested Sortables 2 - help getting it working

Hello, I'm interested in using the following JQUERY - http://lucaswoj.com/2010/01/jquery-ui-nested-sortables-2/ However, I can't seem to get a demo instance of the plugin work. Here's the code I'm using: <script type="text/javascript"> $('#findit').nestedSortable({}); </script> <div > <ul id="findit"> <li> List ...

load google annotated chart within jquery ui tab content via ajax method

Hi, I am encountering an issue with trying to load a google annotated chart (http://code.google.com/apis/visualization/documentation/gallery/annotatedtimeline.html) within a jquery ui tab using content via ajax method (http://jqueryui.com/demos/tabs/#ajax). If instead I use the default tabs functionality, writing out the code things wor...

jQuery .html works but .load causes some weird results.

Hello, I am currently working on some jQuery - it works perfectly when I uses .html but when I changed the method to .load and attempt to load a page in breaks the jquery on the rest of the page. Any ideas? <script type="text/javascript"> $(document).ready(function() { var $dialog = $('<div></div>') .load ('ClientLogin...

jquery ui datepicker is huge

Hi, im trying to add a datepicker to my symfony application and i got it working, but the size of the datepicker is about 3 times bigger than normal (on the demo page). I have not edited any CSS, i just used the default ui lightness theme no modifications. Does anybody have any idea why the size is blown up so big? CSS: http://paste2...

How do i use animate() to slide (left-wards or right-wards) the jQuery tabs navigation menu?

Hi, I have a problem. I would like to use the animate() function to slide the navigation menu present jQuery tabs. I am using a fixed width style for the tabs container and the no. of tabs is more than what could be accommodated - hence the extra tabs overflow onto the next line. I would like to put two arrow buttons at both ends of ...

Struts2 jQuery Plugin Autocompleter renders HTML with style attributes <== changing this?

I'm using the Struts2 jQuery plugin 2.1 and render an autocompleter in my JSP. Here's the code: <s:form id="search-form" action="search" theme="simple"> <s:url id="remoteurl" action="jsonlanguages"/> <div> <sj:autocompleter cssClass="bgstandardelement empty" id="languages" ...

jquery datepicker flicker issue

Hi, When I enable following options changeMonth: true, changeYear: true, clicking on button/input field causes whole or a part of page to clicker. It happens only in FF. Any idea what is going on? Thanks, Pawel ...

How to change the date format in JavaScript?

Hey Guys I am using one jquery date picker, with using picker i am getting date in like this format Friday, May 21, 2010 Now i want to add one day in this date so i think, i can only do if i change the date in exact format like 21/5/2010 I want to only convert that bcz i want to add one day to the particular date. So what do u suggest ...

How to run date picker on the first onclick event?

Hey Guys I am using this date picker from jqueryui. If you look on that page, then you will find that they have just written in one function like this: $(function() { $("#datepicker").datepicker(); }); </script> But I want to open my date picker on one text box click event. So I have written this: $("#datepicker"...

Color Grid for Drag and Select available?

Hello all, I'm trying to find a horizontal grid with multiple boxes that indicate the hour. Pretty much like a week and day calendar, but I would like the user to choose the color and drag the cursor on the boxes highlighting the number of boxes. While getting highlighted, the color of the boxes change. And when the user presses the las...

jQuery Validation error...

Hi, I have been struggling with this jQuery Validation Plugin. Here is the code: <script type="text/javascript"> $(function() { var validator = $('#signup').validate({ errorElement: 'span', rules: { username: { required: true, minlenght: 6 //remote: "check-username.php" }, password: { ...

Want to bind an input field to a jquery-ui slider handle

hello, I want to bind an input field to the jquery-ui slider handle. So whenever one value changes I want the other value to also change. Ex: if someone types 1000 into the minimum value input field I want the lower slider handle to move to the 1000 mark. Also if the user drags the lower slider handle to 1000 the input field should r...

How do I use jQueryUI's ui-states with JSF2's h:messages?

It seems like it should be very simple to specify that the h:messages generated by JSF should be styled using jQueryUI's nice ui-states. But sadly I can't make it fit. It seems that the jQueryUI states require several elements (div,div,p,span) in order to make it work. So taking inspiration directly from the jQueryUI theme demo page: <...

jquery: How to completely remove a dialog on close

When an ajax operation fails, I create a new div with the errors and then show it as a dialog. When the dialog is closed I would like to completely destroy and remove the div again. How can I do this? My code looks something like this at the moment: $('<div>We failed</div>') .dialog( { title: 'Error', close: func...

How Do I Prevent a XSS Cross-Site Scripting Attack When Using jQueryUI Autocomplete

I am checking for XSS vulnerabilities in a web application I am developing. This Rails app uses the h method to sanitize HTML it generates. It does, however, make use of the jQueryUI autocomplete widget (new in latest release), where I don't have control over the generated HTML, and I see tags are not getting escaped there. The data f...

How to get text value in a div vs. an alert modal - jquery

Does anyone have an easy way to have text in a div show what's changed in the following statement vs. an alert modal? I can't seem to get my head around it. Thanks... $(function(){ var abc = $('select#percent').selectToUISlider(); labels: 0 $('select#valueA, select#valueB').selectToUISlider({...

jQuery AutoComplete select firing after change?

I'm using the jQuery UI AutoComplete control (just updated to jQuery UI 1.8.1). Whenever the user leaves the text box, I want to set the contents of the text box to a known-good value and set a hidden ID field for the value that was selected. Additionally, I want the page to post back when the contents of the text box are changed. Cur...

How can I get jQuery UI's Draggable and Sortable functions to work on the iPhone?

I have a page that uses JQuery UI; in particular the Sortable interaction. The page works fine for desktop web browsers with mice, however I can't get the drag-drop functionality to work on Mobile Safari on the iPhone. Any dragging action simply scrolls the page. The functionality on my page is extremely similar to the Sortable Empty-...

How to write a jquery ui plugin?

I want to write a jquery ui plugin? I can't find a useful tutorial which will guide me from start. I've never written a plugin for jquery before. I want to prevent draggables from overlappping on each other. I found a plugin for jquery ui but it doesn't work with version 1.7.1 of jQuery UI Please help! ...

How can I get jQuery UI’s Draggable and Sortable functions to work on the Android browser?

I have a question that is pretty similar to this one. Is it possible to make the jQuery UI draggable and sortable interaction work on in the Android browser? ...