Datepicker load
Hi, Why does a datepicker only load from a jquery function and not from a javascript function? Example: <script> test(); function test() { $('#datepicker').datepicker(); //Datepicker doesn't load but the function is called } </script> //This works <script> $(function() { $('#datepicker').datepicker(); //Datepicker is loaded </script>
How to implement active: 'selector:last' in 10x?
If I understand correctly, looks like this is no longer valid for 1.10.x (and I can confirm doesn't work for me, though works fine with legacy 1.9): $(document).ready(function(){ $('#accordion').accordion({ active: 'h2:last' }); }); What is equivalent for 1.10.x? I can't really do integer (which does work) without kludgy hoop-jumping since content will be loaded dynamically from CMS and number of entries will change often.
JQU time picker
I would like to know How to set max time in JQU time picker. Mobile Application Development
Position of "ui-datepicker-div" in DOM
Hi there! I know this question was answered 3 years ago, but maybe some things changed until now. ;) Normally the div containing the content of the datepicker will be positioned at the end of the body tag. Is it possible to change the position to put the div near the form and context? I'm asking because of an aspect of web accessibillity. It is an requirement I have to check. Best regards, Bjoern
add data to a dialog
I have a ajax response from a web service at here, I want to display it in the dialog but it is not working. Basically I input a text in the textbox and click the button. <script type="text/javascript"> $(document).ready(function () { $('#btn1').click(myFunction); $('#res1').dialog({ autoOpen: false, resizable: false, position: 'center', stack: true, height: 'auto', width: 'auto', modal: true }); });
Swapping items with vertical sorting in a Display Grid
Good day All, My question is drawn-up from the demo example on the jquery UI website: Display grid ; when sorting horizontally,the items tend to swap places but when one gets to sort vertically,it tends to displace the item it tends to sort.How can i create the swapping effect for vertical sorting just as it is for horizontal sorting. To better understand what i mean,i want a situation where i swap places for items '8' and '12' on the demo above and not displacing it.And i noticed a similar effect
Multi-Column Autocomplete Issues
I am developing a multi-column autocomplete. I have three categories of items in my list which used to be just one column. Now the UL contains three LI, one for each column and then I add in the items with a monkey patch using the _renderItem, determining which type is which item and adding it to the appropriate UL within the LI. The data appears correctly as expected and the open event works, but the hover and select do not. I'm not all that concerned about the hover, I can accomplish this easily
input field
I want to have jquery ui theme to all my input type text. for this I run ( "input[type=submit], :button, :reset, :text, :password" ).button();on document ready. It works good in chrome but in IE 8 , it behaves strange. the text field changes its width based on the chars in textfiled ie is the width changes based on the text size . I have a input type text with size 20 , and if user enters more than 20 chars then then the width of text element also increases , please advice
Error initializing .button()
Hello, I trying to assign icons to buttons Ive created but Im getting an initialization error . Do I have to do the button icon assignment in a callback? Uncaught cannot call methods on button prior to initialization; attempted to call method 'option' But the button has been instantiated here is my code ... $(document).ready(function(){ $("img").attr("src",""); $("a").has("img").button();
Accordion Panel does not open. Help?
Hello, I'm redesigning a page for a business, but first they want e to fix their existing page. The one thing I don't know, however, is why their index page accordion panel does not work correctly (after 1st tab, the tabs won't open.) The content is in there, I just don't know why it doesn't work. www.pureboxdfw.com Thanks again for your help.
Dialog is not showing
I want to show a response in a dialog but it is not working. <script type="text/javascript"> $(document).ready(function () { $('#btn1').click(myFunction); }); function myFunction() { var strSearch = $('#txt1').val(); var url = '@Url.Action("GetPassage", "Home")'; $.get(url, { 'strSearch': strSearch }, function (data) { $('#req1').empty().html(data).dialog('open'); }) } $("#req1").dialog({
Missing CSS file in Google CDN
Is there reason why there is missing CSS file in Google CDN? There is missing file since 1.10.2-1.10.3 http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/themes/base/minified/jquery-ui.min.css However, it worked until version 1.10.1 http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.1/themes/base/minified/jquery-ui.min.css EDIT: I just noticed, same situation is at code.jquery.com: Bad: http://code.jquery.com/ui/1.10.3/themes/base/minified/jquery-ui.min.css Good: http://code.jquery.com/ui/1.10.1/themes/base/minified/jquery-ui.min.css
dialog.html() changes stacking order in 1.10.3
I'm not sure if this a bug or not. I have several dialogs open and would like to update the html content of them (refresh them) without changing the stacking order. To make the refresh happen existingDialog.html(newContent) is called and this sets focus to the dialog which changes the stacking order. This does not happen in 1.9.2 and is (to me) a bug. I have confirmed that focus is being set by handling the dialogfocus event and printing to the console log.
Draw a Windrose
Hi, does anyone know, how can i plot a windrose? at this time i use jqplot for my graphics, but i found no solution to create a windrose like this here: http://jsfiddle.net/gh/get/jquery/1.7.2/highslide-software/highcharts.com/tree/master/samples/highcharts/demo/polar-wind-rose/ i dont like the licence terms of highcharts. perhaps anyone have a nice idea. thx and regard
jQuery Dialog 'manual vs script' close event
Hi, I am using the jQuery dialog, and I have a close event hanlder as well . Close event is firing even when I close the dialog using the script. I want to differentiate between the dialog manual close (by clicking the x button) vs the script close. Do I have any separate event or parameter which will give me the details? Thanks, Jesu Benin.
Problem using ajax tabs and accordion on 2 different tabs
Hi guys, I am having a problem using JQuery UI Tabs widget and Accordion widget. The problem: - I have a page with 4 tabs that are loaded via ajax, 2 of them have accordions inside a div. - On these 2 pages, they initially load normally, then if the user click a button, a jquery script does a post, then does a html(data) on that div with the data that came from the post. This data contains the same html elements that wore there before (including the script that initializes the accordion) but with
Anybody interested in reviewing a jQuery UI book? Here's what you have to do!
I have a few e-copies of Instant jQuery UI Starter available for review. If interested, just do the following: 1. Drop an email to me with the subject line as "Instant jQuery UI Starter - Review Request" on paushalim@packtpub.com 2. State in your email your choice of website for posting your book-review (can be your blog or website and/or Amazon.com) Instant jQuery UI Starter covers all the utilities of jQuery UI that you will need to create stunning visual interfaces. Diving into core features
Onclick Accordion with 34gs grid
I try to make a webside with jQuery UI wit 34grid.com Sample Side ist here: test.utg-usedom.de If i click on the widget Accordion, the second grid is set on display:none; Somebody an idea, how i can fix it?
different behaviour of autocomplete widget on Windows 7 and Unbuntu
Hallo, I installed the autocomplete widget into a website. One important requirement to the website is that the user can use it only with the keyboard, without a mouse. In order to select an item of the widget's item list I navigate to the item by using the arrow keys and then pressing TAB (not ENTER). The TAB-press causes different behaviour depending on the used operating system. 1) Ubuntu 13.04 (running on a virtual-box-machine), Firefox 20: The selected item is displayed in the text field of
Datepicker - DateRange
Hello, i ve installed Datepicker on my Page, and now i need a function for a DateRange. Where can i find this? i required: Field1: MinDay: 2010-01-01 MaxDay: Today -1 Day Field2: MinDay: MayDay from Field1 +1 Day MaxDay: Today I hope anyone can help thx regard
jQueryUI grid plugin
Hi guys I'm a die hard fan of jQuery & jQueryUI and I want to take this wonderful opportunity to announce the much awaited grid designed using jQueryUI widget factory paramquery.com Though there are lot of jQuery grid plugins out there but I didn't find any grid plugin based upon jQueryUI widget which is an excellent design pattern especially for designing UI controls with consistent API. I hope ParamQuery Grid fills this void. Please check the grid examples at paramquery.com/demos and let me know
When Drag even is called on Draggable?
I need to know when 'exactly' drag event is called on draggable. After left, top properties of draggable are updated or before left,top properties are updated? Because when I read the left and top of a draggable it lacks 1px behind.
How to style the dropped list in the trash bin while the draggable is a clone
I am developing a visual selector for compound library using the JQuery UI droppable photo manager demo as a basis. To prevent the original draggable from being deleted, I have set the draggable.helper class to "clone", and have modified the selectImage function's input to (ui.helper). The only problem for this modification is that the cloned list element is not placed in order (float to left) in my selection bin and can be stacked randomly depending on where you drop it. It is not the case
Define accordion selected header style separate from other UI elements
I am using the full jQuery UI (1.9.2) and want to style my accordion differently than the other UI elements. However, when you create or use a predefined theme, all elements use the same style. I've been able to define the header's default and hover styles (below), but haven't found the solution for the active header. Does anyone know how to style the selected accordion header separately from the other UI elements? .ui-accordion .ui-accordion-header { my style } .ui-accordion .ui-accordion-header:hover
MVC4, Tabs and Selected Tab
I've got a small MVC4 application and have implanted Tabs. As users select a Tab, they are able to access the corresponding Controller Index View, however, the first Tab is always selected. Is there a way that I can set my current Tab based on the Controller as the View is loaded? I can post code snippets if necessary. Thanks, Maggs99
UI - Dialog - Close button out of place
The close button on my site has the X moved out of place. Do you guys think this may be an interference with the CMSs' stylesheets or something? After copying the code to a blank site the problem disappeared. So the question seems to be: how to move that thing back to it's place? I'm looking through the css styles atm but nothing manages to move it even a bit eh... I know the paragraphs aren't needed but the WYSIWIG editor on the site inserts them automaticially, also they don't break anything in
Datepicker - DateRange Question
hello, i ve installed datepicker on my page, but have problem to found the right function for a date-range. i need this for both fields field 1 (from): mindate: 2010-01-31 maxdate: today -1 day field 2 (to): mindate: value from field 1 + 1 day maxdate: today perhaps anyone have a idea... thx and regard
Scaling down a slider and adding javascript to the starting and stopping positions
Hello I am working with a JQuery slider: <!doctype html> <html lang="en"> <head> <meta charset="utf-8" /> <title>jQuery UI Slider - Default functionality</title> <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" /> <script src="http://code.jquery.com/jquery-1.9.1.js"></script> <script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script> <link rel="stylesheet" href="/resources/demos/style.css" /> <script> $(function() { $( "#slider" ).slider();
Categories Selection
Hello folk , I want to achieve something like this in jquery ..i have a list of categories i want to autocomplete categories in a text box and when users click on them it select that categories and new same text box appears . For better understanding look image below Looking for help Thanks
jQuery UI resize - Helper Box
I'm attempting to resize the container div of an iframe, located on this page: http://curios-channel.tumblr.com/watch For some reason, the helper box doesn't seem to be showing up. What am I doing wrong? My code is in the page source, but for convenience I'll pastebin it here.
New UI suggestion
A sticky header UI would be great ...
JQUI - including code
I've written a dialog script: <script> //Init $( ".ramka" ).dialog({ autoOpen: false, closeText: "zamknij", hide: 'fade', show: 'fade', modal: true, resizable: false }); //Closing window on click $('body').on('click','.ui-widget-overlay', function() { $('.ui-dialog').filter(function () { return $(this).css("display") === "block"; }).find('.ui-dialog-content').dialog('close'); }); //Closing dialog on click $( ".ramka" ).click(function() {$( this ).dialog( "close" ); }); function widthHeight(szerokosc,wysokosc)
Jquery ui - hover problem autocomplete combobox
Hello, i've a little problem with hover. I want change background color of "li" element in the list, it's easy to do using code like that ".ui-autocomplete li.ui-menu-item a:hover{background: blue;color:white;}". This css function work perfectly, but a little problem is present. When my cursor is over the selected element, the "hover" css work correctly, but when i move my cursor, the background color change into default state only for one second This problem is present only from 1.9 and later version
Autocomplete combobox onchange event
Hi there, I have the demo of the AutoComplete Combobox working on my site. I am wondering how to trigger the onchange event of the underlying select when I choose a value in the autocomplete combobox. I am using the exact code shown in the demo http://jqueryui.com/autocomplete/#combobox when you click view source. I'm guessing I have to trigger it in the below function but I'm not sure how, Any suggestions? this._on(this.input, { autocompleteselect: function (event, ui) {
hiding character in textbox
Hello, I am new to the jquery. I have a requirement that user will be entering their ssn in text box on ASP.NET MVC Website. When user enters digits one by one i want to hide previous digits using *. So for example 1 *4 **9 ***3 Same way if user removes it then it should behave like this **9 *4 1 i hope someone has a solution of this. Thanks, Sandeep
jquery ui tooltip
Hi, i use the jquery tooltip plugin on a href. All the tooltip content is collected by a single ajax request. the problem is now that i can not click (and follow) the link to the link target while the delay is not completed ...
Why is this not working
I display my JQuery-UI dialog like this $("#dlgPassage").dialog({ width: 490, buttons: { "Confirm": { "text": 'Confirm', "click": function () { Click_btnConfirm() }, "class": 'myclass' } } }); I then style myclass by using inline like this. But there is no effect on the confirm button ? Why is it not working ? <style> .myclass
Help me whit Dialog
This error happens to me: Uncaught Error: cannot call methods on dialog prior to initialization; attempted to call method 'open' what can be causing this error? thaanks!!
'toggle' effect not working on iPad
Hello, this is my first post on jquery.com... I have a textbox which is hidden and shown by a button click, using 'toggle' and 'blind' from JQuery UI...the button is JQuery mobile. This function works on Chrome and Firefox but not on an iPad (using iOS 5.1.1) (also, for testing I am currently using the live link to jquery mobile 1.3.1, jquery 1.7.1 and jquery ui 1.10.13) My code is as follows: HTML: <div id="testBtn1" data-role="button" data-mini="true" data-theme="c" data-corners="false">MORE
buttonset buttons overlap slightly?
I just got started using JQuery UI very recently, and had been using the dot-luv theme. I just set up a buttonset and noticed that the buttons are slightly too close together. You can see what I'm talking about in the image below; the right border on button 1 is hidden behind button 2, whereas when button 3 is active it shows a border all the way around. Am I doing something wrong here? I also tried this with the dark-hive theme and it behaved similarly. Adjusting margin-right pushes things unevenly,
Next Page