Jquery UI 1.12.1 uses .unique which is deprecated in jquery 3.2.1
I am updating a web application to the latest versions of jQuery and jQueryUI. The jQuery 3.0.0 migration tool warns that .unique( is deprecated and should be replaced with .uniqueSort(. Message from JQMigrate console "JQMIGRATE: jQuery.unique is deprecated, use jQuery.uniqueSort" In the unminified calling jQueryUI the function is on line 512 function processClassString( classes, checkOption ) { var current, i; for ( i = 0; i < classes.length; i++ ) { current = that.classesElementLookup[ classes[
unblock or unblockUI will not work outside of a setTimeout block
I am trying to use either block/unblock or blockUI/unblockUI to display a "In progress, please wait ..." message while columns are being reordered in a jqGrid with lots of rows (1500) and about 15 columns. I started out using a setTimeout block like the blockUI demos use - it was easier as it showed the progress box a bit longer when I would work with small tables with only a few rows. Got everything looking great. Then I removed the setTimeout and even when things take quite a while for the columns
Higlight days on a datepicker from database
Hi all i see this sample(and others) https://www.codexworld.com/jquery-ui-datepicker-highlight-specific-dates/ but not understand how to get dates form a database, in the example have static Dates: var eventDates = {};
eventDates[ new Date( '08/07/2016' )] = new Date( '08/07/2016' );
eventDates[ new Date( '08/12/2016' )] = new Date( '08/12/2016' );
eventDates[ new Date( '08/18/2016' )] = new Date( '08/18/2016' );
eventDates[ new Date( '08/23/2016' )] = new Date( '08/23/2016' );
as i understand initially
Nested Menu Height problem noticed in Chrome....
Using Chrome (v61.0.3163.100 (Official Build) (32-bit). http://jqueryui.com/menu/ Notice the extra space above Electronics and Music in the menu. If you remove: list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7") from the styling of .ui-menu .ui-menu-item it gets rid of the extra space at the top. Is that a Chrome bug? Don't see the issue in IE 11 or Firefox 56.
Editable and resizable
I have completed drag and drop but not finding anything to resolve this "I want to make my button resizable and after it drops on canvas nd want to change name of it " Example : <Button>click</button> User can change the value what he wants and make it of any size
Accordion no longer has CSS applied
Yesterday, my accordion's CSS stopped working. There is no longer any formatting being displayed. Also, the H3 header for the panel that follows the active panel no longer wraps, but displays next to the last item in the active panel rather than below it. I went to the url for the CSS, and it no longer showed any CSS for an active panel (content-active). Can anyone explain to me what has happened? No one edited the code of the accordion before this occurred.
Get value of multiple simple slider jquery ui
Hi, I have 2 simple sliders and I would like when I move one of them display the value of each slider into the <span id="result"></span> but my code below doesn't work. I have a numeric and a text slider. Please find my code: http://jsfiddle.net/NetRS/136/ What is it wrong into my code? Thank you for your help. Paul
jquery ui resizable do not work after droppable with ie
hi, i get a problem when with ie, it is ok with chrome and firefox. when i drag the div#drag from div#hellotest to div#hellotest2, then with ie the div#drag can not resizable, and i found something, when i add a div with style="height: 700px" when div#hellotest is out off the browser screen it is being ok. anyone can help me to solve it? thanks <div style="height: 700px"> if i delete this div it can not resizable </div> <div id="hellotest"> <div id="drag" style="width: 30px; height: 30px">
jQueryUI - Tabs
I am trying jQuery Tabs in my Sharepoint test site and cannot figure out how to control the headers on my lists and libraries. If I turn them off, they drop out of the tabs (by design in the tabs.js). How do I control the header font colors that become nested in the Tab control? Once outside the Tabs rollup, they have the correct (desired) header appearance. Any guidance appreciated! Jim
Accordion customization
I'm trying to use the widget at http://jqueryui.com/accordion/ with the following modification. 1. show the second tab first. 2. Change the font and size. I tried to use CSS to assign different font and size, but they didn't change. Only color change worked. 3. integrate with tooltip so rolling over shows a picture. Please help. Thanks,
TimePicker showing calendar instead of time sliders
Hello, everyone. I am not very familiar with JQuery, trying to debug some js that goes like this: ``` $( ".time" ).each(function(e){ $(this).timepicker({ timeOnlyTitle: 'Definir horário', timeFormat: 'HH:mm', timeText: 'Horário:', hourText: 'Hora', minuteText: 'Minuto', currentText: 'Agora', closeText: 'Escolher' }); }); ``` This timepicker function comes from here, but I believe it's not a bug
Multiple Tabs - Close All But One
Hello, I'd like to start with one tab that can be hidden but still remains there. I would then like to add tabs dynamically that have a 'X' on the right side of them that can be individually closed, and a way programmatically to close these tabs. The idea is it works just like tabs on a browser, typical IDE, etc. Making it 'collapsible' is NOT what I want. Would appreciate any insight. Thanks, -Gabe
datepicker function enhancement (like date range) not working
Dear Sir refer http://prajaktasoftware.com/adventchembio/rawmaterialenquirysearch.php click on Last Date Date picker is working but I am not getting result from setting $( "#lastdt" ).datepicker({ minDate: -20, maxDate: "+1M +10D" });// not working// Minimum maximum Date <script> $( function() { $( ".datepicker" ).datepicker(); $( ".datepicker" ).datepicker( "option", "dateFormat", "dd-mm-yy" ); $( "#lastdt" ).datepicker({ minDate: -20, maxDate: "+1M +10D" });// not working// $( "#lastdt"
Replacing Close Icon with Button in Modal Window
Hi Guys. I'm using JQuery UI to open a Modal Windows. Right now the Modal Windows has and X Icon on the right side of the header to close the Modal Window. I would like to replace the X icon with a Button with label Close. I'm not sure how to accomplish this. Any help would be greatly appreciated. Thanks
jQuery UI slider Touch & Drag/Drop support on Mobile devices
Hi, I use this scripts below: <script src="http://code.jquery.com/jquery-1.7.2.min.js"></script> <script src="http://code.jquery.com/ui/1.12.1/jquery-ui.min.js"></script> I use on my website slider, button, accordeon jquery ui widgets but the slider doesn't work on mobile devices. I found this solution http://touchpunch.furf.com/ but it use 1.8.21 jquery ui version and not the 1.12.1 version and my slider, button, accordeon jquery ui widgets doesn't work with 1.8.21 jquery ui version. How to fix
Sortable item from list one to list two move not working
I drop ITEM from Dragable which is right side to Sortable ( Sortable List 1 and Sortable List 2 ). After droping when i try to move item from Sortable List 1 to Sortable List 2 then it's not moving. I have scroll on parent div and sortable specific height which is according to my need. Here is live Fiddle and below myy code is : HTML: <div class="main_container"> <p> Item move from List 1 to List 2 is not working. List two is downside scroll </p> <div
load website with in a website and remove all but links and layout.
so im trying to host a webpage (i can us html Javascript or ccs) to load a website like https://cnn.com while removing all images and background color keeping the layout of the page and allowing clickable links (when link is clicked must do the same thing) and also stripping headers and fancy fonts to basic text level fonts. ive been trying to do this for days without any luck. please help!
Jquery UI - date range and month/year selector behave strange in Safari
Hello, I have a datepicker restricted to some of dates in date range of July to August 2018. This works perfectly in Chrome and Mozilla, and almost in Safari. In Chrome and Mozilla datepicker month/year selector, I have only "Jul, Aug" / "2018" selected, while in Safari there are all months and years in here. My client would love to have this one look same in all browsers. Is it possible to accomplish? Thanks in advance! Here is my code for showing this datepicker: $(this).datepicker({ minDate:
Jquery UI 1.12.1 does not support split() method
Hi All, As I was working with a list for sorting order and used sortable method. but when I was using split() method for slicing the string of item id, It is giving error that type not defined. Please help! Thanks
position() in Wordpress
I'm trying to implement this simple code in WordPress: jQuery(document).ready(function ($) { ... $("#menu-secondmenu").position({ "my": "top left", "at": "left bottom", "of": $("#menu-custom-menu-scomparsa") }); ... }) The rest of the function works fine, and I don't see any error message in the console, thus I believe JQuery UI is correctly recognized, but nothing happens to the two elements in question, or to any other couple of elements I'm trying to apply the position() to. How can I debug the
Upgrading jquery 1.8.3 to jquery 3.2.1
Hi, We are planning to upgrade jquery from 1.8.1 to jquery 3.2.1 The following are currently in use jquery-1.8.3.js, jquery-ui-1.9.0, jQWidgets v3.1.0 We upgraded as follows, jquery 3.2.1.js, jquery-ui-1.12.1, jQWidgets v5.1 After upgrade the entire look and feel of application is changed especially modal dialog stacking is completely changed. I read in a blog that z-index values are reduced from 1000s to 100s in jquery-ui-1.12.1.css. Is there a way to updrage jquery without changing the look and
while resizing from left to right(using handler W) the div is shaking.
while resizing from left to right(using handler W) the div is shaking.. Can any one please help
Jquery ui datepicker
Hi. We are experiencing issues with the datepicker having bugged date elements. See below. I am using chrome: Version 61.0.3163.100 (Official Build) (64-bit)
Can not open jQuery UI dialog multiple times - test case included
I have prepared a simple test case to demonstrate my problem - I use a jQuery UI button to open a jQuery UI dialog: However this works only once. On subsequent button clicks I get the error: Uncaught Error: cannot call methods on dialog prior to initialization; attempted to call method 'open'
Autocomplete a combobox
how can I assign a default value to a combobox with autocomplete? The value I retrieve from the database and I want to pass it to the combo box to display it by default. Thank you
jQuery resizable - alsoresize rect in svg through outer div control
HTML: <svg width="400" height="110" style="background:red"> <rect id="rectangle" width="300" height="100" style="fill:rgb(0,0,255);stroke-width:3;stroke:rgb(0,0,0)" /> </svg> <div id="firstDiv" style="width:100px;height:100px; background:green"> </div> jQuery: jQuery('#firstDiv').resizable({ handles: 'se', animate: true, alsoResize: '#rectangle', }) With this sample, The rect inside svg always starting from x=0, y=0 when we resize firstDiv. Rect has to start from where it was its last starting/ending
Jquery draggable using localstorage not working after page refresh
So I have set up Jquery draggable so a user can change the positions of divs within a parent div. When the first drop is performed, all the positions are saved to localstorage. This data is then updated each time a drop is conducted. When the page is refreshed, the div positions are all displayed correctly based on the saved positions in the localstorage. When I then click a div to begin the drag and drop procedure, the surrounding divs do not move as expected or how they did prior to the page refresh.
Boite de dialog modal - Traitement action sur table SQL
Bonjour, Dans le souci de rendre mon progiciel plus interactif, je souhaitais intégrer une boite de dialogue JQuery. J'ai une table "observations_or" qui recense les observations faites par les utilisateurs. A l'ouverture de la page liée à l'article, si une observation a été faîte l'internaute prend connaissance de la dernière observation via une boite de dialogue. Il peut alors supprimer ou ne pas supprimer ce commentaire. <?php
// Vérifier si des observations ont déjà été enregistrées
$resultObservations
Jquery UI IE11 issue
Hi, i'm workign on a Node Js and Angular application. I'm getting an error in jQuery UI only in IE11 browser. Its rendering a blank page of my website. The website is working fine in chrome and Mozilla. Attached image of the error location. and this is the first error in the console. I also have compatible meta tag for IE-EDGE inside the head tag.
drag & drop file upload question
Hi, The following jQuery drag & drop demo is interesting. http://smoothprogramming.com/javascript/demo-file-upload-using-drag-drop/ In the meantime, it's only half of a real function, that is, we need to upload the dropped file onto the server as well. I've looked at some samples on form data passing with with $.post() function, however, I'm stumbled with two issues. (1) for regular form data, it can be handled like $('#formID').serialize(); but in this case, the form data is a file, which can be
calling auto complete source not working
I have 2 radio button. 1) rdoWindows 2) rdoUnix i want to the autocomplete source to load only when rdoWindows checked. With this code the auto complete source loading even when rdoUnix is checked. Why is that? <script type="text/javascript"> $(document).ready( function () { $('#HostName').keypress( function () { var value = document.getElementById('HostName').value; if ($('#HostName[document_type]').val() != '') {
jquery validate: Changing tab header's color if error exist ,(urgent solution)
if any error has in tab ,the tab should be highlighted with some color . thanks & Regards, Learner.
jQueryUI Datepicker: Show one date format to user, use another date format in the background(I have done this bit)
I need help and can't figure this out.I can get the format date i want(2017-02-13) yy-mm-dd and use it in my codeno problem but i don't want to display this to users.I want to display dd/mm/yyyy. Not sure what i'm missing tried everything below as you can see See my code below:- $('#dateto').datepicker({ altField: "#_dateto", altFormat: 'dd/mm/yy', dateFormat: 'yy-mm-dd', showOn: 'button', buttonText: 'Select Date', //buttonImageOnly:
chained or dependent auto complete
$(document).ready(function () { var availableTags = [ "India", "United States", "Qatar" ] $( "#tags" ).autocomplete({ source: availableTags, select: function( event, ui ) { $( "#version" ).val(''); //alert(ui.item.value); var selected_val = ui.item.value; if(selected_val == "India") { var states: [ "Tamil Nadu", "Karnataka", "Kerala" ]; } else if(selected_val == "United States") { $( "#version" ).autocomplete({
autocomplete 1.12.0 and 1.12.1 bugs
Hi guys. I've notice serious problem with autocomplete. It works ok in 1.11.4 for example It gets slower and slower with every call even if I don't deliver data from an ajax call That my headers I'm using <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> <script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.0/jquery-ui.min.js"></script> or <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
jquery window
This code does not produce the effect it should. It just shows textwith a CLOSE button <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>jQuery UI Dialog - Default functionality</title> <link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css"> <link rel="stylesheet" href="/resources/demos/style.css"> <script src="https://code.jquery.com/jquery-1.12.4.js"></script> <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
How to change the background color of the tab in the active state?
I want to change the background color of the tab in the active state from bright blue to #3C1063. How can I do this? See code below: HTML for creating tabs <p><meta charset="utf-8" /><meta name="viewport" content="width=device-width, initial-scale=1" /> <title>jQuery UI Tabs - Default functionality</title> </p> <p><link rel="stylesheet" href="https://code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css" /> <link rel="stylesheet" href="https://leo.acu.edu.au/resources/demos/style.css" /></p> <p>
Cannot view or modify jQuery UI theme with theme roller.
I have modify theme URL like this. http://jqueryui.com/themeroller/?scope=&folderName=custom-theme&bgImgOpacityError=0&bgImgOpacityHighlight=0&bgImgOpacityActive=0&bgImgOpacityHover=0&bgImgOpacityDefault=0&bgImgOpacityContent=0&bgImgOpacityHeader=0&cornerRadiusShadow=0px&offsetLeftShadow=0px&offsetTopShadow=1px&thicknessShadow=2px&opacityShadow=20&bgImgOpacityShadow=0&bgTextureShadow=flat&bgColorShadow=%23aaaaaa&opacityOverlay=90&bgImgOpacityOverlay=0&bgTextureOverlay=flat&bgColorOverlay=%23ffffff&iconColorError=%23cd0a0a&fcError=%23cd0a0a&borderColorError=%23cd0a0a&bgTextureError=glass&bgColorError=%23fef1ec&iconColorHighlight=%232e83ff&fcHighlight=%23363636&borderColorHighlight=%23fcefa1&bgTextureHighlight=glass&bgColorHighlight=%23fbf9ee&iconColorActive=%23454545&fcActive=%23212121&borderColorActive=%23aaaaaa&bgTextureActive=glass&bgColorActive=%23ffffff&iconColorHover=%23454545&fcHover=%23212121&borderColorHover=%23999999&bgTextureHover=glass&bgColorHover=%23dadada&iconColorDefault=%23888888&fcDefault=%23555555&borderColorDefault=%23d3d3d3&bgTextureDefault=glass&bgColorDefault=%23e6e6e6&iconColorContent=%23222222&fcContent=%23222222&borderColorContent=%23aaaaaa&bgTextureContent=flat&bgColorContent=%23ffffff&iconColorHeader=%23222222&fcHeader=%23222222&borderColorHeader=%23aaaaaa&bgTextureHeader=highlight_soft&bgColorHeader=%23cccccc&cornerRadius=0&fwDefault=normal&fsDefault=1.1em&ffDefault=Verdana%2CArial%2Csans-serif
Remove a clone of a draggable item
Hi, is it possible to remove or cancel a clone of a draggable element after it was dropped? Thanks
jquery-ui sortable -- prevent drag above first row
I have a table where some rows are group names. I don't want any row to be dragged above the first group name row. I would appreciate any help fixing this so that no "kit" row can be dragged above the first "group" heading row. My code looks like this: <form id="groups" name="groups" class="ya" method="POST"> <input type="hidden" name="group_order" id="group_order"> <input type="hidden" name="kit_order" id="kit_order"> <table id="sortable"> <tbody> <!-- this is a group name
Next Page