Draggable position is not recognizing max-width
I am using Draggable and Droppable in my site. Everything works great until I expand my window past my max-width stated in my CSS. then I do this, the draggables no longer appear where the curser is. They appear to the right, in varying distances depending on how wide my window is. When I turn off the max-width property, the draggable stays where the cursor is. I'm including screen shots of this: The draggable is on the cursor when my window is smaller than my max-width: The draggable is to the right
dialog box looks weird
I have a confirmation dialog like this: $(function() { $("#opener").click(function() { $("#dialog").dialog({ resizable: false, height: "auto", width: 400, modal: true, buttons: { "Logout": function() { $(this).dialog( "logout.php" ); // ???? }, Cancel: function() { $(this).dialog( "close" ); } } }); }); }); <img src="cross.png"
How to Retrieve Combobox PromptText After Closeing jQuery Dialog Box
Hi all I'm using jQuery ui Dialog box and I've a combo box in the dialog box. Problem is when I select any value form combobox and close the combo box when I reopen the combobox it keeps selected value. I need to retrieve Prompt Text when the dialog box close or open. js scripit $('#divPopup').dialog({
autoOpen: false,
show: {
effect: 'blind',
duration: 800
},
hide: {
effect: 'explode',
duration: 800
},
Dynamic Dialog Box on area Tags
Hello @ll, can her help me? My Problem was the Dialog Box on <area> Tags. Pastebin: Code Bialog Box does not open. Thanks for your Help. Marco
expandable category menu
Is it possible to make this category menu expandable? http://jqueryui.com/menu/#categories I mean wheh clicking on main category then sub-menu appear, clucking again sub-menu disapear, in fact clicking main catrgory expand sub-menu? Possible? How to do it?
Datepicker "Today" button not working?
Hello all, I'm having problems with the Datepicker "Today" button working (it doesn't seem to be working). The online demo at http://jqueryui.com/demos/datepicker/#buttonbar seems to be having the same problem as my local version as well. If you pull up the demo url above and click inside the text field (to trigger the datepicker), then click the "Today" button (and "Done") at the bottom of the calendar, you'll see the current date is not populated in the text field. Clicking other dates works fine.
Dialog content to clipboard
Hello, the below page simply open a jqueryUI-dialog box printing same colored text. Ideally the "Copy to clipboard" button should make a copy available to user. Unfortunately leveraging on textarea element and document.execCommand('copy') it only copy the underlying code: ie: <span style='color:red;'>This is a red text</span><br><span style='color:green;'>This is a green text</span><br><span style='color:blue;'>This is a blue text</span><br>If instead I press CMD+A, CMD+C then paste with CMD+V I
How to make jQuery UI autocomplete dropdown ul list item selectively disabled
The dropdown classes are ul.ui-autocomplete li.ui-menu-item by default. I want to make the unselectable li not selectable for better UX. i.e. If I enter keywords "coat" in the search bar, it shows Mens Suggestions, then Jacket, then Women Suggestions, then Sweater. When I use arrow keys to select them, it skips the Suggestions part. I have tried .attr('disabled', ture);, .prop('disabled', true); and user-select: none; none of them is working. It just adds disabled="disabled" to the li, and it is
JQuery Multipage template links stop working
Hi We have a JQuery multipage template. If we start clicking links on the left one by one , all of a sudden you will see the screen without any click browser starts displaying the pages back in history at the end of it,no links can be clicked on the left hand side. We have not added any functionality yet. Pure JQuery webpage with styles. http://ec2-52-91-5-22.compute-1.amazonaws.com:8080/prodcastweb/V4/index_jaget.html#home Searched several forums but could not find an answer out for this issue.
css corner
I edited theme with 8px corner for dialog, tooltip etc. I don't want corner for form fields and prefer to keep them normal. So is there a trick to override corner setting for spinner that it looks without corner?
How to tell progressbar to progress how many percent for what?
How to tell progressbar to progress how many percent for what? For example I want to use it for a database installer. If I have 50 tables, so after each table creation I want to make progress the bar 2% so after 50 tables it will be 100% or complete. In example or demo I did not see how to do this?
tooltip for help icons
I want to place a help icon next to each form field, and show tooltip as long as mouse is on the help icon (just on icon not clicking it.) I don't want to show tooltip by hover on form field like the demo. I have several help icons and by mouse hover on each of them, a separate message should be shown just for that help icon. reading documentation I am confused between this: $( ".selector" ).tooltip({ items: "img[alt]" }); and this one: $( function() { var tooltips = $( "[title]" ).tooltip({
Problems with a userscript library
So I have me a little personal library with functions common between my "Olympian" userscripts (since they're all named after Greek gods) which I include into each script with the requisite: // @require https://greasyfork.org/scripts/22593-mount-olympus/code/Mount%20Olympus.js?version=146437 Problem is that I get the error: Uncaught TypeError: $(...).draggable is not a function on line 219 when I require this script into another and I have no idea why. I've used the jQueryUI library in other
Dialog with no selector
Dear Everyone, I'm building a jQuery UI Dialog for the first time using the following line of code: $("#demo").text('Are you sure ?').dialog({width: 250}); But attaching the dialog to an html element is causing problems. All I want is a confirmation dialog box independent of the page html. Is this even possible with jQuery UI ? Thank you all in advance.
Jquery UI Tabs for Dynamically generated web page
Hi, I tried to use jquery UI tabs for a PHP site. Below are the HTML code: div class="content-wrapper" id="tabs"> <ul> <li><a href="/dashboard/school/7834e2a8-93c5-a75a-7e1c-c249afd54762#alreadySponsored">Already Sponsored</a></li> <li><a href="/dashboard/school/7834e2a8-93c5-a75a-7e1c-c249afd54762#alreadySponsored#newApplication">New Sponsor</a></li> </ul> <div id="alreadySponsored"> </div> <div id="newApplication"> </div> </div> But I got error saying
Show/Hide textfield base on choice on dropdown list
Hello, To Show/Hide textfield base on choice on dropdown list which function should I use? I have no seen this ability on demo site, please give direct link. Regards,
Jquery Autocomplete Deleting Problem
Hello! I've a problem with my Jquery Autocomplete script. Basically it show a city list and if does not match any element it shows a popup with toggle function. I have a problem with wrong names. If I'm typing "ROMERRRR" it shows my error popup correctly. I'm using this script that works properly in chrome browser but not from mobile browser. Infact from Chrome DESKTOP, after the first time, i can use backspace again and again and nothing happen correctly but in my mobile Chrome browser when i press
MultiSelect Autocomplete enable
Hi, I have a code for autocomplete in asp.net with ajax have shared the code for same But i require multiselect with autocomplete in the same code Can anyone help for the changes which may be required Thanx in advance Below is the code : (function ($) { $.widget("custom.combobox", { _create: function () { this.wrapper = $("<span>") .addClass("custom-combobox") .insertAfter(this.element); this.element.hide(); this._createAutocomplete();
Roll Your Own - Tabbed Menu issue
Hi All, I am working on a clients website which is very information heavy. Trying to make tabbed areas to limited the amount of space taken up. I went on themeroller and got this: http://jqueryui.com/themeroller/#!zThemeParams=5d00000100c005000000000000003d8888d844329a8dfe02723de3e5701fa198449035fc060c60d90ab42a9576967ec2e17f4e216009e15891758c06c64cfd470466d5dc37c164a68069267698161defb8ccc57ef0ebca1830333d6f5c5acbd6934454d5f9785ae2a775f6be5172ccdcb8da273a83ebccb477d1c743421206752b6db33bfbf508417ce75c229797b8417ab7b3e52916122b8f795259f0d87f33752259b97ac68499319a295cab4b3a86e6c38ea1aa16ab081209d200dcd64850c77f2a750ae17fd69b4e486df479038d2a5907296038dc6340dae3fca7fd3cb4c8cb8638cd4871dc0753d8d5cd713d9130584ac8cda1adedd53bf2eabdd77b1303ad395766ff4672a3978dba42571fae4f82ade505babf85ca568763a4635b18414dc24bc3b5f8fdfe24d8e11240c65f92a354574f067c2d66e171d10f784388e7775a1c7ca44d73ffc3ee602710bf126a07da14f270cfff02fc07c67dce5466ef1fe97d23d51db71c04ff5e208a55feead406c0ceca7900c7bc1ab1de92acb7e55bc4d97258ece083938555a455ba3da7cbc5e2a8dd281eda01c61a3c2be61307b533049c1f12ffc2a8de3341aa2bfeb224f56420d2e8bdb699654f53dd20ffb570ee8248ecffd6c1269e
my checkboxradio font color did not change after clicked
my checkboxradio font color did not change after clicked. how to change the font color after clicked? Can you please help? UI theme stylesheet (Base) is included. the label should change to white after clicked. i copied the demo code to my work and still same
jQeury SlideToggle no longer working
I have a WordPress page that uses the jQuery slideToggle(). I have a link that closes a content block, and another link that opens the content block. The close function is working fine, but the open function is no longer working. It used to work but I really don't know why it is not now. Other functions on the site are working fine, so I know the path to the jQuery is OK. Any help would be greatly appreciate. Here are the two jQuery functions: // toggle function for the NAT actions content
UI dialog widget
Is it possible to make maintaining aspect ratio on resizing? if yes, how? I tried to set in this way: <div id="dial01" title="NAME">CONTENT</div> <script> $( "#dial01" ).dialog({modal:true, minHeight:100}); $("div[aria-describedby='dial01']").resizable({aspectRatio:true}); </script> However, no debug mistake and no result in maintaining aspect ratio.
autocomplete doesn't 'refresh' properly
Today I encountered a issue with the autocomplete script from jqueryui.com/autocomplete/ I'm extending my limesurvey survey with the plugin, so the user can select a string from a pretty big list of entries. In limesurvey you can add conditions, so a question will only be shown if something particular is entered. I added the text field with the plugin to a condition for another question. If a certain string is entered a new questions appears. If I scroll through the suggestions provided by the script
Drag and replace on drop reordering with ID reassignment
Hi, I have a group of divs that I would like to convert to drag and drop for reordering. Note: I haven't implemented this ever. Here's what I have: ASP.net application that reads the sharepoint list (contains user preferred applications) on page load and for each item in the list it creates a div with content (icon + checkbox + link). What I was thinking of doing is during my "for each" loop to also assign an ID (or another custom attribute) to the items according to their order in the list. What
Sorting plug-in problem in FF 48.0
Sorting plug-in If placed inside the element <li> <select> it does not open when you click. The chrome is no such problem. translation from Russian translate.google.ru
Avoid code pausing/freezing on javascript error in jQuery blockUI
Let me try to make some sense... We're blocking the UI using jQuery block UI plugin $(document).ajaxStart(function() { $.blockUI({ message: '<h4><i class="fa fa-circle-o-notch fa-spin fa-fw"></i> loading...</h4>' }) }).ajaxStop($.unblockUI); Sometimes, when the code throws some error: The loading message on the freezed screen doesn't vanishes: The reason is: When the ajaxStart() starts, the $.blockUI() gets invoked. And before the ajaxStart() could successfully finish executing, it encounters an
How can I use i18n files of jquery-ui/datepicker through npm?
I'm converting all the depencies of my projects from bower to npm, but I'm not finding how to set the i18 for datepicker when using npm. Back to bower I just used to link "bower_components/jquery.ui/ui/i18n/datepicker-pt-BR.js". Is there any way to do it by npm or I will have to download and versioning it?
Problem with $(window).resize() event
why slideToggle() function shoots many times after implementing in $(window).resize() event?
Upgrade jQuery UI to v.1.12.0, draggable and droppable are not function stable as with older jQuery version.
Hi, I have an organization chart builder. After upgrade to jQuery 1.11.4, and jQuery UI 1.12.0. it doesn't drag and drop li and ul as stable as when I am using 1.7.2. Maybe I need to change code to accommondate jQuery 1.11.4, and jQuery UI 1.12.0. The code looks like below. Do I need to change the code? $(".myOrgDiv li").draggable({ revert: "invalid", containment: "document", cursor: "move" }); $(".myOrgDiv ul").droppable({ accept: "li,ul", activeClass: "ui-state-highlight",
Upgrade jQuery UI to v.1.12.0, autocomplete doesn't show dropdown menu
Hi, I upgrade jQuery UI to v1.12.0 recently. Everything works fine, except autocomplete doesn't show dropdown menu anymore. I can switch back to the old version, but I prefer to keep up with the latest stable version if it is possible. My jQuery.js version is 1.7.2 At the html header, I include jQuery files as below. <script src="https://www.vid-sandbox.com/Scripts/jquery-1.7.2.min.js" type="text/javascript"></script> <script src="https://www.vid-sandbox.com/Scripts/1.12.0/jquery-ui.min.js" type="text/javascript"></script>
Add Pages in Jquery tab
Dear All, I need to have 2 tabs one as Yahoo and MSN .In the yahoo tab I need to show yahoo page(https://in.yahoo.com/ ) and in msn tab I need to show msn page(http://www.msn.com/en-in ) Can any one please help me how can I get this Thanks Quality Communication Provides Quality Work SAM
Jquery.ui sortable connect list without removing element from first list
Hello, I need to add some functionality in my website that is just like this https://jqueryui.com/sortable/#connect-lists except that in my site is vital that the element on the first list does not disappear from the first list after being dragged, and its available to be added to the second list as many times as the user repeats the drag an drop process. Can this be achieved with the jquery.ui sortable plugin? If that is the case how? Thanks for your help.
Autocomplete in Textfiled
I am using some data from google address autocomplete. I need to display data to text box. Can you help me to do that- My data is- {"predictions":[{"description":"Kuala Lumpur Federal Territory of Kuala Lumpur Malaysia","id":"fcac8d5159b2c9f45a200b98c5e647cc538a7dd0","matched_substrings":[{"length":1,"offset":0}],"place_id":"ChIJ5-rvAcdJzDERfSgcL1uO2fQ","reference":"ClRPAAAAJu-3BSYzTjcpgiLvKQI2KNWU9ffHJP1qXEjo7xOs-VV_VGWHAVq2z_Pm-nFpHGBePIkYtcemnV8ofVxrje_0zclt8WuPtP6_OW24eol3ioQSEFRR1tXWjRngG5l1-Vwl87AaFAbdGe9LD-vVTGBrUEMJNxBfsT7w","terms":[{"offset":0,"value":"Kuala
jQuery UI multicolumn autocomplete
$(function (){ //value var isi = [ { jng: 'java', wrn: 'write once run anywhere java', tpe: 'bla', kde: 'boh' }, { jng: 'PHP', wrn: 'write once run anywhere PHP', tpe: 'bli', kde: 'bah' } ]; //code $('#name').autocomplete({ minLength: 1, source: isi, focus: function (event, ui){ $('#name').val(ui.item.jng); return false; }, select: function (event, ui){ $('#name').val(ui.item.kde); return false; } }) .data('ui-autocomplete')._renderItem = function (ul, item){ return $('<li>') .append("<a>" + item.jng
Get Year from Jquery DatePicker
Dear All, Hope all folks are doing great, I could like to fetch the last 2 digits of the year from selected date using JqueryDatePicker . Example: If selected date is 2-12-2018.Then I need to fetch the last 2 digits of the year 18. Can any one help me how can I achieve this. Thanks Quality Communication Provides Quality Work SAM
Double effect open dialog - show dialog
Can anybody tell me how to use double effects on a dialog show? The first effect I would like to use is scale and the second effect is that it comes from a corner of the page, where the button is located that launches the modal dialog. The same for the hide function. I would like to hide it with scale, which is pretty nice effect, but while scaling it should move out of the page or towards the button. I appreciate the really easy dialog effect definition, but I would like to get it one step more
How do i link jQuery UI 1.12.0 to my html page?
please help i can't link it to the website i am creating!
Pickers resetting
Hi, I am very new to jQuery, but have managed to add a date picker and time picker to my form which works ok. However i have a button to check the fields are all filled in before submitting the form. This button currently has no code, as i just added it. However when i press it the 3 picker fields all reset to there initial state, which means i have to keep refilling them in, why would this be. These are my 2 pieces of code, and the button as I say has no code attached to it, it is default button
Jquery datepicker height problem
Hi, I used jquery datepicker in asp.net application. But its height is not relative. After changing font its width get changed but its height remains same.
JQuery 3.10 + JQuery UI V1.12 Migration
Hi all, We have been slowly replacing our plugins in order to migrate to JQuery 3.10 with great aid using the migrate tool. However, we have noticed many depreciated errors originating from JQuery UI, even though we have upgraded our JQuery to the latest version. (V1.12). Errors include: JQMIGRATE: jQuery.expr[":"] is now jQuery.expr.pseudos JQMIGRATE: jQuery.expr.filters is now jQuery.expr.pseudos Is there something I am missing? Thanks in advance.
Next Page