jquery ui 1.10.3 datepicker
I am using jquery.ui.1.10.3 and I am using datepicker and if it's the first element in the popup the datepicker will automatically popup and when I select a date the datepicker keep showing instead of disappearing and I tried many things I found online and nothing works with me till this moment. My problem is not with the auto poping up the problem that it's not disappearing as it should when I select a date.
Autocomplete demos not working this morning
Hi, Has anyone noticed the demos on the juery UI site for autocomplete stopped working this morning (30 Oct 2014)? http://jqueryui.com/autocomplete/ It was working, but stopped working this morning. Using this widget in many places, anyone has any idea?
Accordion introduced to page now Main Nav not working properly
I introduced an accordion to this page http://www.kurkerlaw.com/allyson-kurker/ and now the attorney main menu nav item doesnt work. There are 3 attorneys. If you leave that page and go to another it works, so its only not working on the page with the code i introduced. Im guessing some sort of conflict. Hoping someone can help a noob figure this out
jQueryUI autocomplete() inside dialog()
Folks, - My dialog displays a <div> myForm </div> just fine. - My autocomplete does *not work* when on input tag inside of dialog. - My autocomplete does work when used on the same div block in parent/top layer ( *not* inside a dialog ). Definition of "not work": - The autocomplete spinner is briefly seen in the input box. - The apache log file confirms the ajax event was called. - The selections do not appear below the input tag. Has anyone faced a similar issue? If true, how did you solve? Is it
How to Update Ranking on jQuery UI Sortable Table Rows
Can you please take a look at This Demo and let me know how I can Re number (order) the sortable table when the rows are sorted using jQuery UI sortable? As you can see I have <table> <thead> <tr> <th>Elem 1</th> <th>Elem 2</th> <th>Rank</th> </tr> </thead> <tbody> <tr class="border_bottom"> <td>X</td> <td>Y</td> <td>1</td> </tr> <tr class="border_bottom"> <td>X</td>
Jquery UI Sortable disableSelection Firefox issue with inputs
Hello all, I'm having some major issues using sortable on a table that has inputs in each row. Here is a quick example. JavaScript excerpt: $("#sort").sortable().disableSelection(); HTML excerpt: <table> <tbody ="sort"> <tr> <td><input type="text" /></td> </tr> <tr> <td><input type="text" /></td> </tr> </tbody> </table> The sorting of the <tr> rows works perfectly fine but the inputs cannot be edited in
Datepicker Localization
I have a problem with localization. I try to add a timeout and now it works but without timeout no. Where is the problem (this code is in UserControl and with timeout and is ok)? function pageLoad() { setTimeout(function () { var lingua = document.getElementById("<%=hidLingua.ClientID%>").value.toLowerCase(); lingua = lingua; $.datepicker.setDefaults($.datepicker.regional[lingua]); $("input[id$=TB1]").datepicker({
draggable items stack on top of each other in a sortable
So, I'm not exactly sure if it's an intended behavior based on my code or if it's a bug within jquery-ui. I created two lists as sortable and each list item within those lists as draggable. Whenever I would drag and drop items rapidly, they would end up stacking on top of each other and creating empty spaces within the lists. It did not matter if I was doing dragging and dropping within the list or between the two, the same behavior would be produced. Here's the code: <div id="available-group" class="noselect">
draggable() : How to modify containment array with onResize ?
Hello, I have a big container with 4 div blocs, my container and my div blocs width change when I resize my window. My problem is to change the containment array when I resize window. ex : how to change myVar when I resize my window. this script doesn't work $( "#DragContent" ).draggable({ containment:[-(myVar*NbDiv),0,0,0], }); $( window ).resize(function() { myVar=$(window).width(); } Thanks for advice.
jQuery Tabs with links instead of tabs
Hello, is it possible to use the function of jQuery tabs with links instead of the tabs? I have a lightbox and inside of it I want to switch the window while clikcing on a link anywhere in the box. I don't want to use or display the tabs ... only a normal a href. Could you give me a hint please? Maybe it is also possible with the accordion effect?
JQuery Slider Custom Handle Image - Scrolls out of Range
Hi guys, I would like to use a custom handle for my Slider as shown in this fiddle . t seems to me like JQuery is hard coded with the size of the original slide handle's height. How do I get around this so my custom height handle works like the default one i.e. stays within the scroll bar? I have tried setting margins on the div. Thanks.
Tabs: No close button on last tab?
Hey folks, I've created a tab group where the user can add and close tabs, by following the example here: http://jqueryui.com/tabs/#manipulation It works fine, but what I need is to make it so that if there is only one tab, you can't close it. Basically the same functionality as tabs in Safari. The first tab only has a close button when you add a second one, and it goes away when you delete all the other tabs. How do I do that? I figure it's something along the lines of this: if (tabNumber < 2)
selectmenu not usable in dialog?
Using a form in a jquery-ui dialog box, setting a select to a selectmenu results in the options being shown outside of the dialog. Is there a way around this, or is this a bug?
JQuery Autocomplete issue
Hi everone Is it possible to change the value of minLenght dynamically, depending on the a value that is returned from a request? Tha docs state that any option can be changed via the 'option'-method example: $( ".selector" ).autocomplete( "option", "minLenght", 10 ); but when i try this with a request result i get an error: Error: cannot call methods on autocomplete prior to initialization; attempted to call method 'option' is there a way to change minLength depending on same variable value? thx
DateRangeSlider, format date output
Hi, How can I format the date output from this slider? Min and Max values from the slider is used to query reservations in a mysql database (PHP). I thought everything was OK until trying the slider on a friends computer. It seems like the date format follows the locale settings for the cumputer used. For instance, on my friends computer the output is formatted: 10/23/2014, 8:00:54 PM (m/d/Y, g:i:s A) On my computer the format is: 25.10.2014, 17.30.43 (d.m.Y, H:i:s) If possible I would prefer to
Magento Static Block and jQuery Accordion Not Working Together
I'm using Responsive Banner Slider extension for Magento to view on my homepage above the jQuery Accordion--however the script seems to be competing with each other. The first tab expands the length of where the first slide in the banner would be. Below is my code: <!doctype html> <html> <head> <meta charset="utf-8"> <link rel="stylesheet" href="//code.jquery.com/ui/1.11.1/themes/start/jquery-ui.css"> <script src="//code.jquery.com/jquery-1.10.2.js"></script> <script>jQuery.noConflict();</script>
Latest JQuery UI not compatible with latest JQuery
I placed the latest versions of JQuery and JQueryUI on my project JQuery 1.11.1 and JQueryUI 1.11.2 This works fine when running debug from the development project. However after publishing and deploying to a test machine, I get the error Message: 'n.browser.msie' is null or not an object Line: 1 Char: 156483 Code: 0 URI: http://localhost:51718/VFS_ProcurementTracking/bundles/jqueryui?v=LS1M8112rBmvC7RxROD4OvHio6oFqpF4ojXrABzhBfg1 Which is telling me that the latest version of JQuerr UI is stil
Repost of issues with JQuery UI multi-select
This is my fourth attempt to repost this. I keep getting some fake captcha each time I attempt to post. I had a post here https://forum.jquery.com/topic/jquery-ui-mutiselect-widget I can not post replies to it any more. Here is simple HTML code page as rendered by ASP.Net MVC 4 view on which I am using no Razor, only HTML. Error is on line implementing multiselect can some one try to post code on their local machine and see what issue is? Error is "Object doesn't support this property or method"
Datepicker icon trigger not displaying
I have a ASP.Net MVC 5 project. I am trying to use the datepicker with an icon trigger. I know the jQuery UI 1.11.1 NuGet package changed the naming for the CSS files. I have the datepicker displaying correctly. However, my issue is the icon is not displaying. $('#datepicker').datepicker({ showOn: "button", buttonImage: "images/calendar.gif", buttonImageOnly: true, buttonText: "Select date" });
HTML5 and jQuery add dynamic items storable
hello everyone , i what to have a dynamic list where user can add items and the he can stored or deleted , i was looking for this example (http://jsfiddle.net/Mk4YH/light/) but it don't work . can some one help me please i want to have a list like in this picture
need help setting z-index for the autocomplete "menu"
I've got the autocomplete widget working EXCEPT it shows up behind my modal dialog! I've tried adding a z-index to my css file for the following classes with no effect: .ui-autocomplete .ui-menu .ui-menu .ui-menu .ui-menu .ui-menu-item my dialog's z-index is set at 9001 and I'm trying to set the auto-complete z-index to 9050. What do I need to do to get this thing to show above my dialog?
Dialog autofocus only works the first time the dialog is opened
I have a "Cancel" button (code below) which just closes the dialog. It has the "autofocus" attribute. My dialog itself (the <div> element it is using) has 5 checkbox inputs. When I open my dialog the first time, my "Cancel" button successfully autofocuses. However, if I close my dialog, then open it again, the first checkbox in the <div> autofocuses, not the "Cancel" button. How do I get this to focus every time? What I'm using: jQuery UI 1.11.2 jQuery UI Smoothness theme 1.11.2 The dialog settings
Multiple Dialog forms
I have no idea how to do this and I would love the most simplistic way on how to do this. I have a slew of dialogs and on 2 of them have forms where the user needs to submit information to be stored in the database without the page refreshing. Here is my code so far index page <?php require('classes/change-of-address.php'); require('classes/insert-comment.php'); if(isset($_POST['change_of_address_form'])) { //submit change of address $coa = new ChangeOfAddress(); $coa->SaveToDatabase(); } else if(isset($_POST['comment_form']))
JQuery UI mutiselect widget
I am considering using the JQuery UI mutiselect widget, spoken of here http://www.erichynds.com/blog/jquery-ui-multiselect-widget To use it I am instructed to link in the jQuery UI 1.8 widget factory and effects . My question is "Is this widget factory already included in the jquery-ui-1.8.24.js file that I've already have included or do I need an additional library?"
JQuery UI Tooltip not working with SVG within <Iframe> or <object> tag
Hello all, I have successfully been able to use the JQuery UI Tooltip with an SVG image when the image is embedded directly into my HTML page. However, when the SVG is loaded in an IFrame or Object tag, the tooltips don't show, even though the content callback is fired every time I hover on the elements.I have been searching all over the internet for a couple of days without finding any information pertaining to this issue. I hope you guys can help me out. Here is an example of what I'm doing: HTML
Dialog modal form
Hi, I am trying to use jquery modal : I copied the source code of the this link : http://jqueryui.com/dialog/#modal-form I don't understand why the button got overwritten from my style to Jquery Dialog style : The button "CREATE RENAME RULE TYPE" should look green like the other one, but it does not : Thanks, your help is appreciated.
datepicker keyboard input enables all disabled dates
Hello, I am using jquery datepicker for simple checkin, checkout dates case. I have two input boxes which are attached to a datepicker. I am also blocking the dates in datepicker using my backend calendar data. This entire setup works perfectly when user selects dates by clicking/selecting checkin and checkout dates using mouse. All validation like User cannot select blocked/disabled dates in calendar etc. function properly with mouse interactions. Below is the code which is in Place in my JS file:
can't see themeroller custom theme (css) after download
I have created a custom theme with themeroller. I downloaded the package and then opened the index.html file. I do not see any of the custom css. I actually don't see any of the css at all :( Any suggestions would be greatly appreciated!
Mouse down trigger and draggable cause following exception Uncaught TypeError: Illegal invocation
Synopsis - Trying to create a ghost div image and attach draggable , mousedown event trigger on it .But fails :(. Details :- I have a div in the body tag which embeds a div image and an image within it. The html for it is <div class="dragElement" id="8793" style="width: 177.0499793539861px; height: 177.0499793539861px; position: absolute; background-color: rgb(100, 100, 100);"> <div class="image"> <img src="50.png" style="width: 177.0499793539861px; height: 177.0499793539861px"> </div> </div> When
How clear selected option at once in jquery multi autocomplete text box.
Hi Experts, How clear selected option at once in jquery multi autocomplete text box. for example, in the attached image how to delete entire word when user presses backspace button. and is there event for that Thank you Kailas
From Modal window on close checked a checkbox in a page
Hi all, I'm new here... I've a problem with a modal window... From my page on a tag open a modal #DatiPersonali. In this when I click "<button type="button" class="btn btn-primary btn-lg" data-dismiss="modal">Autorizzo il trattamento</button>" I need window close (and ok close it) but checkbox on my page must be checked ( <input type="checkbox" aria-required="true" required value="1" name="AutorizzoTrattamento" /> ) Thanks ALEN, Italy --------- HTML --------- <div id="mc_embed_signup"> <form
Usability feedback on Freeciv-web HTML5 game which uses jQuery UI
Hello everyone, Freeciv-web is a HTML5 version of the strategy game Freeciv which uses jQuery UI v1.11.2. I've been developing this game for quite some time now as an open source project on Github . When asking for feedback from users, most of the users say that the user-interface is very bad. Some say that the UI is clunky and unintuitive. However, experienced Freeciv players are able to withstand the UI. Since jQuery UI is a very important part of the UI in Freeciv-web, I wonder if users in this
Selector in tooltip widget
Hi, I'm with an issue for a long time and I don't manage to find any solution on the internet. So here is my question : I have a table in which each cell has a different class. But I would like to show a tooltip only on cells which have a specific class. So in 'selector' of the tooltip, I put the corresponding class but nothing happens ! Whereas when I put 'document', it shows a tooltip but for all cells... Here is my code : $('.creature').tooltip({ show: {effect: "slideDown", delay: 100},
Jquery UI sortable programmaticaly update DOM positions
I am using jquery ui sortable widgets. I am storing the ids of DOM by this - sortedIDs = $( "#sortable" ).sortable( "toArray" ); I am saving this sortedIDs in mysql database. Now I want to use it when this page loads again. So I want the DOM positions sorted like the last time I did which order is - sortedIDs. Can I use or push that sortedIDs somehow? Thanks.
jQuery Accordion, when expanded shows visual artifact in Google Chrome extension's popup window, only on a Mac
I've asked this question on the stackoverflow site but I couldn't get an answer. Please read my detailed account of the issue here . That link also has a screengrab of the issue that I made to illustrate what happens. The question I have for the people on this forum -- does this look like an issue with the jQuery/Accordion or is it a Chrome bug?
Jquery ui multiple dialogs positioning after deletion?
I am using jquery ui Dialog box to create multiple notes in my Web Application. So there is a add-note button which clicks to open a note (dialog box at center). User can open multiple notes (dialogs) together and fill content save, delete, etc on each. Problem arises when multiple notes are opened and I start deleting some randomly. So on deletion the **positioning** of the opened dialog gets affected. The opened dialogs after deletion of any start moving upwards on the screen. If I add notes in
How to Loop Into jQuery UI Restricted DatePicker
I am trying to restrict the jQury UI DatePicket to Current year only and so far it is working fine at This Demo I used the following code to do the job $("#datepicker").datepicker({ minDate: new Date(2013, 12, 1), dateFormat: 'dd/mm/yy', maxDate: new Date(2014, 11, 31) }); As you can see the Previous and Next buttons disable at January (Previous Click) and December (Next click) but just wondering if there is a way to create a circular action(re start) at the end or beginning like ..<-October
Buttons not displaying in latest stable version of jquery UI
Hello, New user and first time poster. I am missing my close window X in a dialog box, my incrementing buttons on a spinner, and the calender arrows in datepicker. I can still hover over the area where they should be and they respond and lighten in color, but the actual icon is not present. Here is some simple code. Please note that i have tried changing the .css file to the others included in the .zip file. <!DOCTYPE html> <html> <head> <title>jQuery UI Datepicker</title> <meta charset="utf-8"
toggle show and hide div on check box click
I have a group of CheckBox's each one toggle display or hide a special div and if i click on check box is checked then i need to uncheck this check box and undisplay the div. How i can do that i am still new ti jQuery this is my function : $(document).ready(function(){ $("input:checkbox").click(function() { var checkboxgroup = "input:checkbox(name='" + $(this).attr("name") + "')"; $(checkboxgroup).attr("checked", false); $(this).attr("checked", true);
jQuery serialize() handles multiple select options incorrectly
Using $(this).serialize() with jQuery causes multiple selections to be lost. In the example below, the results for "product" should be returned as an array. <!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <title>Test</title> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script> <script type="text/javascript"> $(document).ready(function() { $('#order').submit(function() { alert( $(this).serialize() ); return false; }); }); </script>
Next Page