How to handle jQuery UI Selectmenu change event
just change the trigger ‘change’ to ‘selectmenuchange’ $(‘#filesA’).on(‘selectmenuchange’, function() { alert( ‘x’); });
jquery-ui
How to programmatically select selectables with jQuery UI?
Here is a variation of Alex R’s code working with multiple elements http://jsfiddle.net/XYJEN/1/ function SelectSelectableElements (selectableContainer, elementsToSelect) { // add unselecting class to all elements in the styleboard canvas except the ones to select $(“.ui-selected”, selectableContainer).not(elementsToSelect).removeClass(“ui-selected”).addClass(“ui-unselecting”); // add ui-selecting class to the elements to select $(elementsToSelect).not(“.ui-selected”).addClass(“ui-selecting”); // trigger the mouse stop event (this will select … Read more
JQuery Datepicker – no default date
I got round the problem using a hidden altField: <div id=”DatePicker”></div> <input type=”hidden” value=”” name=”Date” id=”Date” /> and the following script: <script> $(function () { $(‘#DatePicker’).datepicker({ altField: ‘#Date’, // ID of the hidden field altFormat: ‘dd/mm/yy’ }); // Remove the style for the default selected day (today) $(‘.ui-datepicker-current-day’).removeClass(‘ui-datepicker-current-day’); // Reset the current selected day $(‘#Date’).val(”); … Read more
jQuery UI dialog box not positioned center screen
If your viewport gets scrolled after the dialog displays, it will no longer be centered. It’s possible to unintentionally cause the viewport to scroll by adding/removing content from the page. You can recenter the dialog window during scroll/resize events by calling: $(‘my-selector’).dialog(‘option’, ‘position’, ‘center’);
How to make jQuery UI nav menu horizontal?
I admire all these efforts to convert a menu to a menubar because I detest trying to hack CSS. It just feels like I’m meddling with powers I can’t possibly ever understand! I think it’s much easier to add the menubar files available at the menubar branch of jquery ui. I downloaded the full jquery … Read more
Jquery UI tooltip does not support html content
Edit: Since this turned out to be a popular answer, I’m adding the disclaimer that @crush mentioned in a comment below. If you use this work around, be aware that you’re opening yourself up for an XSS vulnerability. Only use this solution if you know what you’re doing and can be certain of the HTML … Read more
How can I extend jQueryUI datepicker to accept an additional argument?
How about: var __picker = $.fn.datepicker; $.fn.datepicker = function(options) { __picker.apply(this, [options]); var $self = this; if (options && options.trigger) { $(options.trigger).bind(“click”, function () { $self.datepicker(“show”); }); } } Usage: $(“#date”).datepicker({ trigger: “#button” }); $(“#date2”).datepicker({ trigger: “#button2” }); Example: http://jsfiddle.net/gduhm/ Or, less intrusively with your own jQuery plugin: $.widget(“ui.datepicker2”, { _init: function() { var $el … Read more
jQuery autohide element after 5 seconds
$(‘#selector’).delay(5000).fadeOut(‘slow’);
how to close a bootstrap modal with the browser back button instead of going back a page?`
A better way i found thanks to http://www.mylearning.in/2015/06/close-modal-pop-up-on-back-button.html $(‘#myModal’).on(‘show.bs.modal’, function(e) { window.location.hash = “modal”; }); $(window).on(‘hashchange’, function (event) { if(window.location.hash != “#modal”) { $(‘#myModal’).modal(‘hide’); } });
Queue AJAX calls
The trick is to use the callbacks. You make one ajax call and on its success callback you make the next one. To do this just add them all to a queue and have a wrapper around it that sends them one by one. I wrote one a few days ago. I’ll show you an … Read more