I got a little codepen where I got multi selectable tabs (with jQuery selectable widget). Above that I got a form with a text input and a submit button. When I insert some text and submit it, it adds the text into the list on each tab. My goal is tha
Say I have following code var mainObj = { area: $("#elementsArea"), elements: [], addElement: function (x, y) { var newElement = $('<div class="element"></div>'); newElement.css("top", y); newElement.css("lef
I'm trying to make my dynamically added divs draggable but if I call after $("#draggable").draggable({}); this for( var i = 0; i < 5; i++ ){ var smallone = document.createElement('div'); smallone.id = "draggable"; smallone.className
I am cloning elements as they are dragged out of a JQuery UI Draggable list using JQuery's clone() method. Looking at the clone() documentation, I see that I can clone events already bound to these elements by passing one or two Boolean arguments (tr
I'm working with the jqueryUI autocomplete script. The thing is that I want to limit the number of suggestions it provides to 6, as it is offering too much suggestions. This is the script: $.get('file.txt', function(x) { var i; var pos = 0; var avail
I have created a wordpress plugin and I am trying to upload it to wordpress.org. My problem is that the community does not allow me to load jQuery UI from jQuery UI site or locally. They only accept to use Wordpress' jQuery UI. I am trying to use thi
i can't have a datepicker work inside tab loaded via ajax. here the script on my main page: <head> <meta http-equiv="Content-type" content="text/html; charset=ISO-8859-1" /> <title>Studio90DMS - Ricerca Generale</t
This question deals with a third-party plugin, but there may be enough crossover with the stock jquery UI datepicker that someone might be able to help out. 1) Set a maxDate of 0 or new Date() is set in the datetimepicker options $('.foo').datetimepi
i want to make list box as shown picture to increase /decrease this box value. how to get this type of text box using jqueryui or css .please suggest , Demo Try this.. Xpos<input type="number" style='width:60px' value='66'></input> Y
I am using Jquery Draggable code from this link I am trying to drag an image within a DIV but it is getting dragged to the whole page. My code is as follows <div> <span class="move" id="draggable"> <img src="cropped
i am using the following JQuery UI code with asp.net controls. <script type="text/javascript"> $(document).ready(function () { $(".Accordion").accordion({ heightStyle: "content" }); $(".special").button(); $(&
I have a master page in an asp.net web application and default.aspx is the content page of the master page. I am using jQuery tab in default.aspx and it is not working when i run the application: the styles of the ui-tabs has come but I am not able t
I had created a dynamic div and paragraph in dialog box to show confirmation while submitting the form. How to append the dynamic paragraph inside the dynamic div, Please help me on this. Thanks in Advance. <!DOCTYPE html> <html lang="en&quo
I have three radio buttons on a form. When a radio item is selected, a sub menu will appear just below the radio option. I'd like to have it when the radio button is clicked, the other sub menu will hide first, then the sub menu corresponding to the
I am trying to create jQuery color animation without any external plugins. So far i could manage to do this with jQuery-ui but i want to learn this way with pure jQuery animate() Is is possible to do this with less code and without any external jQuer
I'm trying to simply reorder the rows in a table with jQuery's sortable. I have the drag/drop working fine, my problem is with saving the new row order my ajax call, specifically with sending the data to my action in CakePHP. I've searched and tried
I'm trying to create a sliding, resizable bar inside a container. For some reason, the resizable method is converting the div from Position:Relative to Position:Absolute. This is then visually moving the box, and ruining the scroll action of the cont
I am trying to make jQuery UI widget work in my web application I got all the files from original demo, and basically did everything I could so the code and files were pretty much the same as in demo version. And all the time get this error: Uncaught
I'm experimenting for the first time with JQuery/JQUI to create a simple social icon bounce effect. I thought the code below had nailed it.. http://testing.renewablehull.co.uk/css3.html ..but there are two problems: the animations queue (I can't seem
i want to pass the value of a datetimepicker to my Codebehind(C#) and save it to a variable in C#. I tried it with a hiddenfield but it don't works. here is the js code: var dates = $("#ArrivalStartDatepicker").datetimepicker({ defaultDate: &quo
I have an input field and a hidden div. The input is readonly. When the user clicks the input, a list of items is proposed using the JQuery UI autocomplete. What I would like and do not manage to achieve, is to trigger an event (removing the hidden c
The autocomplete is outputting data in this format: <ul class="ui-autocomplete ui-menu ui-widget ui-widget-content ui-corner-all"> <li class="ui-menu-item"> <a class="ui-corner-all">item 1</a> </li&
I'm trying to combine the lovely couple of JQueryUI's draggable and selectable ;) What I'm trying to do: Divs could be selected using click. That would be displayed by applying... maybe css border/shadow to selected div. Just to highlight it. The sam
I am trying to run the code from the following link http://jqueryui.com/demos/dialog/#modal-form Why doesn't the dialog form appear as a popup? <%@ page language="java" contentType="text/html; charset=ISO-8859-1" pageEncoding="
How to prevent jquery mobile to apply round corner to icon images in inset list? I check this page list with flags http://jquerymobile.com/demos/1.0rc1/docs/lists/lists-inset.html it shows fine but when i'm using the same icons are having round corne
I wrote like there: http://jqueryui.com/demos/tabs/#...follow_a_tab.27s_URL_instead_of_loading_its_content_via_ajax <script type="text/javascript"> $(function(){ $("#tabs").tabs({ select: function(event, ui) { var url = $.data(ui
I'm using the jquery ui drag/drop code. Upon a drop a getJSON request gets executed to check the new data and update the database. This works fine, until my backend return an error, because I can't cancel the drop from within the anonymous function.
I have set up JQuery UI autocomplete according to the docs and it works for any input with class="tag-item" that is rendered to the page. However the user can add inputs into the dom via JS so I need a way to bind autocomplete to the new dynamic
Does anyone know if there is a way to disable scroll bars in the jquery dialog box? The content that I have in the div is 300 px but the dialog is set to 200px. It automatically puts the scrollbars but I do not want them. I will add it myself to the
I have an image that opens the jQuery UI Slider div on click and allows users to set a value by dragging the handle. What I'm trying to do now is hide that handle when the user clicks anywhere else on the page, but the regular .blur event doesn't see