Using jqueryui: HTML: <div id=”tt” >Test</div> JS: $(‘#tt’).on({ “click”: function() { $(this).tooltip({ items: “#tt”, content: “Displaying on click”}); $(this).tooltip(“open”); }, “mouseout”: function() { $(this).tooltip(“disable”); } }); You can check it using http://jsfiddle.net/adamovic/A44EB/ Thanks Piradian for helping improve the code.
jQueryUI does keep an internal “state” of “snapped” elements, but you have to work a little to get at it. You’re going to want to define an event handler for the stop event (which is called when a draggable object is stopped dragging). An array called snapElements is maintained inside the widget data, and it … Read more
Here’s the solution my team came up with so we don’t have to remember to modify the jQuery files every time there’s an update. Just add this to your own script and include it: (function ($) { $.extend($.datepicker, { // Reference the orignal function so we can override it and call it later _inlineDatepicker2: $.datepicker._inlineDatepicker, … Read more
$(this).dialog(‘destroy’).remove() This will destroy the dialog and then remove the div that was “hosting” the dialog completely from the DOM
Okay, so I spend an hour trying to figure it out, then as soon as I ask I then find my answer http://jsfiddle.net/rA4CB/7/ Modified the JS to the following: $(function() { $( “#draggable” ).draggable(); $( “#droppable” ).droppable({ tolerance:’pointer’, drop: function( event, ui ) { $( this ) .addClass( “ui-state-highlight” ) .find( “p” ) .html( “Dropped!” … Read more
Here is an example: http://jsfiddle.net/jearles/Dt7Ka/ I use a custom binding to integrate the jquery-ui slider and use Knockout to capture the inputs and calculate the net amount. — UI <h2>Slider Demo</h2> Savings: <input data-bind=”value: savings, valueUpdate: ‘afterkeydown'” /> <div style=”margin: 10px” data-bind=”slider: savings, sliderOptions: {min: 0, max: 100, range: ‘min’, step: 1}”></div> Spent: <input data-bind=”value: … Read more
Ah, got it. Right after I append the HTML to the DOM I run this on all the inputs I’d like to have a datepicker pop up with. Datepicker adds a class to elements it has been attached to, so we can filter out existing inputs and only apply it to new ones. $(‘.date’).not(‘.hasDatePicker’).datepicker(); I … Read more
This may do the trick. Changes: Wrapped the tr elements inside tbody Added a helper clone when dragging a tr. Only way I could make the dragging actually work. (Tell me if you don’t want this (you want the tr to be removed from the table when you start dragging) and we’ll see if we … Read more
This will override the function used when setting jQuery UI dialog titles, allowing it to contain HTML. $.widget(“ui.dialog”, $.extend({}, $.ui.dialog.prototype, { _title: function(title) { if (!this.options.title ) { title.html(“ ”); } else { title.html(this.options.title); } } }));
Could create a DisableDrag(myObject) and a EnableDrag(myObject) function myObject.draggable( ‘disable’ ) Then myObject.draggable( ‘enable’ )