Range slider, showing the value below the handlers. Issue when window is resized
Hello. I have a range slider where the value is displayed bellow the min and max handler. This works fine until the window is resized which will cause the position of the labels to be unsynced with the handlers. Any clue on how to fix this? http://jsfiddle.net/RSkpH/1742/
Div refresh and dialog link in that refresed div?
I'm not very good at English and olso not in JQuery, I'm more a phper. I don't now if it's possible but i'm trying to make a monitor and i'm refreshing some content in a div element. In that div i have a link/a to open a dialog. After the first refresh its not working anymore, to open the dialog. Is it possible to do this or? This is my test page: <!DOCTYPE html> <html> <head> <title>Monitor</title> <meta charset="UTF-8" /> <!--<link rel="stylesheet" href="style.css" type="text/css" />-->
display returned data in a jquery tab
hi, i have 2 jsp's: tabs.jsp $(document).ready(function() { $('.tabs .tab-links a').on('click', function(e) { var currentAttrValue = $(this).attr('href'); // Show/Hide Tabs jQuery('.tabs ' + currentAttrValue).fadeIn(400).siblings().hide(); // Change/remove current tab to active $(this).parent('li').addClass('active').siblings().removeClass('active'); e.preventDefault(); }); // $("div#instances").load("instanzSearch"); $("div#instances").load("instanzSearch");
Draggable div across multiple td's within a table
http://jsfiddle.net/e16rpcyj/ Right now you can drag the red border, but that just extends the td it sits in. I'd like to make the "Session A" div draggable across two td's. Ideally, dragging the red border once to the right would make "Session A" display under "8am" and "9am" together.
Accordion inside tabs not displaying correctly
Please forgive me if this is a silly question but I have jquery tabs, three to be exact. The first tab has 4 accordions stack up on top of each other. By default, the tab opens upon page load and by default first accordion is fully expanded. Within each accordion, everything is visible. However, management decided to make the first tab, the last tab and the second tab, the first tab. After rearranging the tabs, the former first tab, now the third tab, with accordions is no longer showing details
Sortable connected lists to mysql problem
Hello, I have the lists working correctly, and posting data to a php script to update the database, however the data does not accurately represent the changes to the lists. I'm a beginner with jquery, and doing this largely from examples from the web. Any help appreciated. Consider the following connected lists: If I were to grab '1507' from the first list, and drop it between 1496 and 1497 on the second list, I get the following data POSTed to my php script:
sort0 Array
(
[1603] => Array
JQuery UI Autocomplete set default value using ID (key or value) instead of Label
dear all, i've created a JQuery UI Autocomplete in which the source is an array of label-value pairs. i need to set the default selected item. i found a way to do that using the desired label, but how can i do that if i have the VALUE instead of the LABEL ? code for setting default value using label string : $("myAutoCom").autocomplete("search", "someLabel");
var menu = $("myAutoCom").autocomplete("widget");
$(menu[0].children[0]).click(); i have the value,not the label. how can i set selected
jQueryUI selectmenu - larger avatars
I would like to display users' faces in the pull down menu. 16x16 pixels is just too small. How do I configure it for larger images, say 50x50?
jQuery UI Select and first selected option not appearing
Hello, long time reader, first time poster. Trying to get a jQuery select to display the selected="selected" option's value as its initial "placeholder" text. Like "Choose Category" as an example. I have another jQuery select on the same page working just fine in the exact same setup like this: $("#mainlanguage").selectmenu({ width: '100%' }); $('#ddCategoryFilter').selectmenu(); The second select menu works but does not show any "placeholder" text even though the first <option> does in fact
Draggable control not working in IE 9 & IE 10
Hello, We have a project where draggable control is used. The following jqueries are used 1. jquery-ui-1.7.2.custom.min.js 2. jquery-ui-personalized-1.5.3.js But on IE 9 & 10 the control does not work. Can you pls help us to get this issue resolved? We have tried to apply the hotfix provided at "https://forum.jquery.com/topic/jquery-ui-does-not-work-on-ie9", but could not get this fixed. Regards, Anand
Help with Date Picker Return Date Format
Hello, I am using the date picker and it works great. Implemented, fine. However, once it was implemented, my sites in Australia and UK have an issue. My user logs in, and their configuration has a global value which indicates how their dates are: MM/DD/YYYY (1) or DD/MM/YYYY (2) When my #2 users have the field, and the calendar comes up, they select it, and the information is placed in the input field as: MM/DD/YYYY rather than DD/MM/YYYY Obviously this is an issue. I need to tell the date
Datepicker and execute Ajax after selecting a date
I'm not sure if it is possible and if how can I handle it - execute Ajax on date select from datepicker. I have try to add Ajax code below code where calculated days are returned, but it made code not working at all. Goal is to get prorated subscription price based on selected date and days left for selected month. Current code looks like and is calculating days left for selected month: <script> jQuery(document).ready(function() { jQuery("#dataStart").datepicker({ minDate:
jQuery UI :: Show External Page in Modal Popup
Good day, Is it possible to have a second page of mine shown as a modal dialog/popup with its form and form elements. Ideally I would not want to embed the dialog content in the page where I am actually calling the dialog from. This is redundant in my terms as I have a Laravel 4 blade template that I would like to show in die modal dialog. Please advise :) Thanks in advance.
How to get rich UI features for jquery ui
hi If i want rich UI features in jquery ui, should I write separate css or is there any designer for doing it? Thanks
Open jquery accordion using anchor tag within same page
I've searched for hours trying to find a solution for this but I can't quite figure this out. Any help would be appreciated. I'm starting to understand jquery a bit but it's mostly Klingon to me, so answers in English would be very much appreciated! :) I am trying to open an accordion using an anchor tag from within the same page. On page load, the accordion is closed. Everything is working except it will not open upon clicking the link from somewhere else on the page to the accordion tab. The link
cursor attached in IE for draggable
cursor is attached on click if you are using overflow scroll, there is any solution?
Is it necessary to use JQuery UI
Hi I am new to Jquery, recently started working with html5 and jquery. Should I use jquery ui plugins or sencha UI? is sencha ui provides any extra features? Thanks
How to use auto complete on JQuery using a simple combobox
I have the following implementation: .autocomplete({ source: function(request, callback) { var userDAO = new com.ibm.client.dao.UserDAO(); userDAO.setDefaultIntranetId(window.utility.getUser()); var user = userDAO.getDefault(); var url; if(user.getEmployeeCountry()=='US'){ url = "status_US.json"; }else if(user.getEmployeeCountry()=='CA'){ url = "status_CA.json"; } $.getJSON(url, function(json) { var matcher = new RegExp( "^" + $.ui.autocomplete.escapeRegex( request.term ), "i" ); callback($.grep(json,
Form Progressbar + PHP Session variable updating progress
Hey everyone. I just wanna share an idea that I have after some research for a simple and functional way to do update a progress bar using the $_SESSION variable of PHP. Yes, I know most people uses some file written by the PHP with the data, but this way is faster and wont consume many resources. In this example, given a Form with two Inputs (From and To). From [number] To [number] These values will be poster by $.post() function to the Load.php file so it will do a loop (FOR) for every number between
Help in Datepicker: How to disable default date(today) when I leave the input without value selected
When I click on the datepicker input but not select a date and I leave the input (click outside) , a default value is set: current date (today). How do I disable this? I've done the debbug the chrome, but could not find.
JQuery UI Autocomplete on IE6: open menu is rendered behind DropDownList control on page
dear all, i am using JQuery-UI Autocomplete on the page. beneath the autocomplete, there is a DropDownList. when browsed on IE6 , and when i write inside the input field of the autocomplete, the suggestions menu opens successfully, but it gets rendered behind the DDL... i added this style to the same page having the autocomplete and DDL, but with no success: Collapse | Copy Code .ui-autocomplete{position : relative; z-index: 100 !important;} p.s. : it works fine on Chrome... thanks
tabs insets to the left
Is there a way to position tabs insets to the left from content?
dialog box: Stop background scrolling on move
I am using dialog box inline popup. Everything is more or less working exactly perfectly, expect for one aspect. The moment I move the dialog box off screen the browser will auto scroll so the dialog box is not off the screen. So, for example if I try to move the dialog box to the bottom right of my screen, it will auto scroll to the right and down. This happens in both chrome and IE (but not in firefox). In an unrelated note: Is it possible to setup this dialog box so it can be moved outside the
jquery UI menu - make an item separator
Hi all, there is a way to put a separator into menu ? something like this: _____ |item1| |item2| |--------| |item3| |item4| |--------| |exit | Regards, Fabio. ------------ Fabio http://www.akweb.it
closed - Dialog box and select markup
Good morning. For any reasons, it seems that jQuery Dialog impacts select behaviors: a standard select works well a standard select works well on Safari and Chrome (Linux) with Dialog (modal=true) a standard select does not work well on Firefox (Linux and Windows) and Chrome(Windows) with Dialog (modal=true) version tested: JQuery 1.7. UI 1.10.2 and even downgrade to 1.8.11 by does not work we, I mean: the select dropdown is automatically closed. The only way to keep it open is to maintain on the
Datepicker Czech translation
/* Czech initialisation for the jQuery UI date picker plugin. */ /* Jan Drda <jdrda@outlook.com> */ (function( factory ) { if ( typeof define === "function" && define.amd ) { // AMD. Register as an anonymous module. define([ "../jquery.ui.datepicker" ], factory ); } else { // Browser globals factory( jQuery.datepicker ); } }(function( datepicker ) { datepicker.regional['cs'] = { closeText: 'Zavřít', prevText: 'Předchozí', nextText: 'Další', currentText: 'Dnes', monthNames: ['leden', 'únor', 'březen',
Using jQuery UI with Ember CLI
So I'm pretty much having the exact problem listed here: Using jquery in Ember-cli But I've already done the following as recommended in the thread above: Added before the export in Brocfile.js: app.import('bower_components/jquery-ui/jquery-ui.js'); app.import('bower_components/jquery-ui/ui/tooltip.js'); Changed Ember.$(selector).tooltip(); to this.$(selector).tooltip(); Ember isn't recognizing the tooltip function as being defined despite UI being installed and doing the above. Error (regarding
date picker change selection to first day of the week
I am demonstrating the problem here http://jsfiddle.net/v4p5kL02/3/ if you go to the fiddle and select a date it will select a week long date range. however I would like it to always select the current week (sunday - saturday) that you clicked so if you click a Tuesday the date range is Sunday - Saturday with that Tuesday in it. If you pick a Friday the date range is Sunday - Saturday with that Friday in it. --thanks
datepicker shows "Prev" and "Next" over/under(?) icons
I'm using jquery ui 1.9.2 in SharePoint 2013, and my datepicker shows the Prev and Next text AS WELL AS the triangle-circle icons, Like this I know this is pretty small, but it shows that Prev and Next are displayed. Don't want or need them. Anybody know how to get rid of them? Thank you!
Remember user when using Dialog UI
Hi folks Hoping you can help with my query I'm using Dialog on my website which displays a form. Once a user has either submitted the details / clicked on the X, I don't want this box to pop up again if the same user visits the website again. How would I go about this? I've read about cookies, but how would I actually code this? Any direction would be much appreciated Thank you Rachael
Selectmenu: Js-Error when using up/down/left/right keys on an empty select
Hello, i am trying to work with the selectmenu of jquery ui 1.11.2 but if there is an empty select and i try to use the arrow keys on my keyboard when the selectmenu is on focus i get a js error from the move function (selectedIndex = -1). Here is the jsfiddle (the images are missing): http://jsfiddle.net/jzxgqbbn/1/ Click the selectmenu in the result frame and then use one of the arrow keys on your keyboard. Am i doing something wrong or is it a bug?
how to replace the HTML5 content in a modeless dialog box?
I want to have have ui dialog box has a div with an id = "w01html" which contains a list of <href>s. I want to repeatedly alter the <href> lists by replacing them with HTML5 from an AJAX call which returns the data in JSON . HTML5. Would "$("#w01html").html(JSON.HTML5)" load the HTML5 into the dialog? and would the dialog box display the list? I do not want to keep closing and opening a dialog box so If anyone could help I would appreciate it. As you can tell I am inexperianced with jquery ui.
Nested Jq Grid
I have a nested JQ grid with enabled row dragging and drop option,But here problem starts i am able to drop parent gird row into child grid vice versa that i do not want to do that. How to avoid this.
Jquery Accordion Question (please read inside, I'm terrible at giving proper titles)
Hey guys, On my website, I have a search filter on the homepage that brings you to the products page when you click checkboxes and search. The accordion works fine if you go to the products page right away without using the homepage's search filter. However when you use the search, the accordion will open automatically (which is what I want) but when you click the title of the accordion to push it back up, it refreshes itself instead and it collapses once again (it thinks the default accordion
jquery-ui npm package out of date
http://jqueryui.com/download/ -> latest (stable) version 1.11.2 https://www.npmjs.org/package/jquery-ui -> latest version 1.10.5 is there a technical reason why the npm package is not updated?
Problem with Jquery UI dialog and require.js file
Hi everybody!!! I'm first time on this forum and i have a problem. I have 2 script and 1 html file that shows popup depending on requests.I'm doing this for one company. They have request and put them on various clients pages...but problem is that most client pages has require.js file which can be found here: http://requirejs.org/docs/release/2.1.15/comments/require.js and also here: http://github.com/jrburke/requirejs ... and something causes jquery-ui not to load and my popup.dialog() is not working
JqueryUI Draggable Print
I am using Jquery UI draggable components with highcharts. But when I try to print the web page in IE and FF both there is a problem. At first the 5 charts will be initialised in the web page and when I 'Print Preview" 3 charts will appear in forst page and 2 charts will appear in second page. But when I drag 4th chart or 5th chart to where approximately first page thoses charts will not appear in "Print Preview"s first page (neither in second page). Same thing happens when I drag first three charts
Drag and Drop Game alert.
Hello I am new to using Jquery any help will be greatly appreciated! I am making a drag and drop game and am stuck I would like to alert winner when all items have been dragged ,also would like to make a custom alert box. Here is my Html & script. P.s. the "else" alert is not working but I dont need it to because it reverts any input would be awesome Thank You! Html------- </head> <body> <h1> Can You Match the objects with the correct person </h1> <button id="ref_butn">Start Over </button>
Focus an inline Datepicker?
I would like to use the out-of-the-box keyboard shortcuts that are available to the jQuery UI Datepicker widget, but they only seem to become available on the pop-up version once you click inside of a input that is attached, or showOn with a button. I have to use an inline Datepicker attached to a div. Is there a way to focus it and use the built-in keyboard shortcuts? This is for a keyboard accessibility requirement.
datepicker
how to add a alt text to a datepicker created using an img.i have 2 datepicker controls attached input fields id #startDate and #endDate. When jaws reads it read these controls as "unlabeled 1 button" [moved to jQuery UI]
Next Page