jquery-ui

Is jQuery modular? How to trim it down?

Uncompressed, jQuery is 160KB in size. I did not see a way to exclude seldomly used parts of it like with jQuery UI. How can I reduce the (compressed and minified) file size of jQuery? I am quite concerned because dial-up lines and slow machines/browsers are very common among users of my site. My main concern is parsing duration of the ...

How to change the cell color of a jquery datepicker

Hi, I have a jquery datepicker and I need to be able to change the background color for the selected cell date. I'm trying with something like: $("#fecha").datepicker({ onSelect: function(value, date) { alert(date.css()); } }); hoping that the date parameter refers to the selected cell, but...

jQuery UI problem centering a dialog

I've got a jQuery dialog box that does display and respond to button clicks correctly. Unfortunately it's always positioned at 0, 0 in the browser window despite my attempts to convince it otherwise. Any ideas? var $dialog = $('<div></div>') .html('my message') .dialog({ autoOpen: false, title: 'my title', position: 'cen...

What javascript/jquery tree view plug-in is most used?

What javascript/jquery tree view plug-in is most used? ("Treeview" seems to come up often in searches.....) Thank You. ...

JQuery UI Autocomplete - disallow free text entry?

Is it possible to disallow free text entry in the JQuery UI autocomplete widget? eg I only want the user to be allowed to select from the list of items that are presented in the autocomplete list, and dont want them to be able to write some random text. I didn't see anything in the demos/docs describing how to do this. http://jquery...

jQuery-ui problem with modal dialog from ajax

Hi I have the following setup: index.html with <div id="container"></div> using anchor method I load different html content into this container. My content contains div for modal dialog "dialog-form" and I initialise it with the custom function from the javascript included in index.html on successful ajax load using the callback $.ge...

jQuery UI sortable('cancel') - this.helper is null

I am trying to disable a sortable element from sorting when it has been double clicked. When I try to disable it, even without a condition, it gives me the error 'this.helper is null'. $('.roundedBox:first', division).sortable({ start: function( event, ui ) { if( true === true ) { $(this).sortable('cancel'); ...

jquery ui datepicker onselect inst target

So I have what I think is a pretty basic question but I cant for the life of me figure it out. How do you reference the selected date element (dom) once clicked. I have tried this: $("#eventCalendar").datepicker({ onSelect: function(dateText,inst){ var activeDateObj = $("#eventCalendar").find('.ui-state-active'); } }); This r...

Jquery - effect + autohide

Hello, I'm using jquery to animate a bit my web site, but I'm having a little issue with some behaviour: I have a div, which suddenly appears from the top of the page and shakes: $(minipopup).animate({ marginTop: '+=' + (240) + 'px' }, 1000); $(minipopup).effect("shake"); This mini popup has an X for closing it, or else, it will...

jquery draggable throws error when 'mouseup' is triggered

If you build a simple dragger: $(document).ready( function() { $('#tomove').draggable( { axis: 'x', drag: function(event, ui) { mouseUp(); } }); } ); And you try to stop it programmatically: function mouseUp() { if($('#tomove').offset().left > 400) { $('#tomo...

jQuery Accordion /Tabs - Call different function upon load of content

I have the following markup: <body> <div id="tabs" style="float: left"> <ul> <li><a href="ajax/question_0.html" title="Question 1"><span>Question 1</span></a></li> <li><a href="ajax/question_1.html" title="Question 2"><span>Question 2</span></a></li> <li><a href="ajax/question_2.html" titl...

Can jQuery UI's Sortable handle complex selectors for the items option?

I have list items in an unordered list that when double clicked, can be edited in place via a wysiwyg editor. $('ul.mtm_section').sortable({ disabled: true, distance: 10, items: '> li:not(:has(form))' }); My goal is to prevent the list item from being sorted while it is being edited - aka once a form element has been swapped in ...

Best use of Jquery sliders and PHP

Hello there, I have two questions: What's the best way to send sliders' values to a PHP page ? I'm associating each slider (several per page) with an hidden form so far, but I wonder if there's a "cleaner" way to do this. Related to the 1st question; I've some trouble with the script: var score = $(this).slider( "option", "value" );...

jQuery Draggable Problem

Im trying to get a div to be movable within the constrains of the browser window, by dragging the titlebar inside the div. My code is as follows: <div id='container'> <h3 class='title' id='titlebar'>My Title</h3> </div> <script type='text/javascript'> $(document).ready(function(){ $("#titlebar").draggable({ containment:...

jQuery: How to reverse sortable('serialize') arrays from last to first?

The discussion begins http://stackoverflow.com/questions/654535/jquery-what-to-do-with-the-list-that-sortableserialize-returns/2920760#2920760 How to reverse it from last to first, updateList.php?id[]=5&id[]=4&id[]=3&id[]=2&id[]=1&&action=update? <ul> <li id="oreder-5">5</li> <li id="oreder-4">4</li> <li id="oreder-3">3</li> <li id="or...

JqueryUI: a link and a modal form, how can show the form above the page where the link is?

Hi, i have link that shows a modal form, but it shows the dialog in a new page.. I want to show the modal form above the page where is the link. What should i do? This is the link: <a href="/frontend_dev.php/mensaje_nuevo?receptor=1&amp;tipo=0&amp;estado=0">Enviar mensaje</a> And this shows the modal form: <script type="text/java...

jquery ui dialog button

Hello, With a jQuery UI dialog, I need to be able to set tooltips on buttons... I have the following code: buttons: { 'My Button' : function(e) { $(e.target).mouseover(function() { alert('test'); }); } This allows me to do something on "mouseover" but only once the button has been clicked. What do I need to do in or...

jqueryui datepicker not showing in the first click event but works fine during the preceding clicks?

jqueryui datepicker used with live function click event works fine on an input field clicked twice but does not show the first time i click the input field. ...

JQuery datepicker

Coud someone help me with this? I am getting these question marks in the graphic and i'm not sure why? I have seen these symbols before and i am sure it had something to do with charset. I am using: <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> Here is my JQuery code <script type="text/javascript"> ...

jQuery-UI slider - how to disable keyboard input?

Hello, in jQuery-UI Slider arrow keys move the slider handle (after the handle has been selected/clicked on), which is nice, but I don't want slider to handle keyboard (I use arrow keys on the page for another purpouse). Any ideas how to disable keyboard events for jquery-ui slider? ...