can sortable and selectable use together?
i have some elements in page and 2 buttons i want: click first,these elemetns can sortable and click second,these elements can selectable. but if i click first ,then click second,the elements only can sortable,not selectable. if i click second and click first ,this elements only can selectable ,not sortable. how can i do?thx
development-bundle purpose
Hello, im very new with jQuery-UI, i have downloaded a .zip file with a couple of widgets and its great, but i still dont know what is the purpose of the folder "development-bundle". Can i delete it? If not, how can i use it? Kind regards.
switchClass issue
I want to use switchClass, perform some work, then switch the class back. The first time the button is clicked, you see the transitions fine, but after that further clicks don't transition... <html> <head> <link type="text/css" href="http://jqueryui.com/themes/base/jquery.ui.all.css" rel="stylesheet" /> </head> <body> <button id="emailConversation" name="emailConversation" class="ui-state-default ui-corner-all"><span class="ui-icon ui-icon-mail-closed"></span></button> <script type="text/javascript"
jQuery UI Datepicker problem in Windows Server 2003
I am using Datepicker in my page. It can work well in Windows XP. But when I deployed in Windows Server 2003.Problem occured.when I click the icon, datepicker shows up, then I click a date and it populates the date into the field as datepicker does. However, right before the date is entered it seems the input field gets its blur fired for some reason,and a new page is opened compulsively. It looks like focus goes away from the input before the date gets populated. How can I solve
.hide() and .show() with .append()
I am using 2 divs inside a form: <div id=one>consists of a text field and a checkbox</div> <div id=two>consists of another text field</div> <div id=two> is always hidden. I am also using a button at the end to repeat (append) these 2 divs. I want <div id=two> to show only when the checkbox in <div id=one> is checked and hide when the checkbox in <div id=one> is unchecked. The textfield and check names are array. Is this possible? <head> <script type="text/javascript"> $(document).ready(function()
Slider as a pager
The following code below is refreshing the entire page which is resetting the slider back to default value. I know which part of code is doing it and that is $('body').innerHTML(msg); The only issue is I am using ASP.NET MVC and it posts back the entire page is there anyone out there that knows a way around this? $(function() { $('#slider-range-min').slider({ range: 'min', min: 1, max: 5, slide: function(event, ui) { $('#amount').val('Page: ' + ui.value); $.ajax({ type: 'POST', url: 'SearchResults',
Date Picker Dreamweaver Widget
Hi guys, I have to say that the Dreamweaver Date Picker Widget you guys have on the exchange is simply awesome! Problem is I don't know how to implement it. Is there a tutorial on this somewhere? Really all I need for now is to be able to select a date for a single date input into a text field. Thanks, Brad Note: I am not a coder but can find my way around in the code if given some direction.
Tabs with Rotate - Background Image Rollovers have delay in IE7+
I am using the rotate feature of the Tabs method similar to the featured content slider from http://webdeveloperplus.com/jquery/featured-content-slider-using-jquery-ui/ My navigation menu uses background images. When rolling over them and off them, only in IE, there is a 1 second delay. It doesn't matter if the image is loaded in, you can keep rolling over the image and there's a huge delay. Taking out the background images makes it run faster, but I'll need those. Should I write a rollover function
Problem with Tabs and ajax
I have a program thay use tabs with ajax, inside each tab I have a form dialog that saves data using ajax. Fist time I submit the form it works ok but after that seems no refreshing ok the tab because the parameters of the form I submit are with empty values. Both, tabs and $.ajax() has cache:false Please help Thanks
Adding jQuery UI Tabs
Hello, I'm a beginner to jQuery. I wanted to know how do I go about the following: I've a tabbed interface in my application. When the user clicks on one of the buttons(the first time) in one of the tabs, a new tab is dynamically added with data from this existing tab(the tab which contains the button element). The second time, there should not be any tab creation and the the newly created tab should be selected directly, with may be different information Some examples would greatly help matters.
autocomplete and minChars = 0 is not working?
Hello, I want to have the following interaction: - Set the minChars of the default autocompleter to 0 - When the focus is set to this field, display results from the array, without the user typing any caracter (I only have 5 results values). But minChars = 0 is not working, you have to hit the backspace button once in the textbox to make the results appear. Is that a bug ? Thanks
jquery slider going over the top of container?
Hello, My slider seems to be going over the top of the slider container? How can I limit it, or make it move at X px increments? http://dubcanada.net/play/emma/jquery/index.html Thanks!
Datepicker adds blank space on the bottom of a page on IE 7
Hi guys: I am facing a problem with the datepicker, the thing is the first time the page loads there is an empty space after the footer of the page (I have Header - Body - Footer Layout), but as soon as I click on the Picker the empty space goes away and the page looks as normal. I am using html 4 as doctype. Thanks in advance.
Session control for Dialog widget
Hi. I would like to use the Dialog widget to show a message to user entering my website, but only once for each session, is it possible? Thanks
Bug with ASP.NET Dropdownlist + jQuery UI dialog
I am having the postback problem while having ASP.NET Dropdownlist and jQuery UI dialog on the same page. All the postback data are repeating depending upon how many dropdownlist on the page. e.g. let's say if I have two dropdownlists and a textbox inside jQuery dialog and the user type "Test" in textbox then submit the form, after postback the data in the textbox become "Test,Test". Thanks. P.S: already submitted this question as "Ask a question" and no one from jQuery UI team seems to notice the
Launching Dialog() from INSIDE an iframe?
This is very hard to search for, since googling for it returns results with the iframe being used as the dialog... I have a project that uses an iframe. From within it, it has a link to open a dialog. The dialog cant be opened inside the iframe, so it needs to open in the parent. I can't seem to get it to work. How can I target the parent window for .dialog() and do this cleanly? Thanks.
jQuery UI Dialog and CTRL + V
Hi, I have created an jQuery UI Dialog with modal: true. Everything works fine but in FF and Chrome i.e. CTRL+V doesn't work in the dialog. The only texts which I could copy are texts from input fields or textareas but no "label" texts in a span oder div or something. When I change it co modal: false, it works fine. But this is not what I need. And in IE 8 it works all fine. Could any one help me please. Thanks
Datepicker display Month and Year overlaps in IE 7
Hi Guys: When I set the month and year menus, it works fine with firefox but when I use IE 7 the year select comes undernet the month one, looking at the online demos it works fine in IE 7 as well, probably I am doing something wrong, by the way I am using html 4 as doctype. Thanks in advance
Small omission in Getting Started page
Hello, jQuery-UI people! I did a forum search regarding this (small) problem, but didn't find anything. I just began exploring jQuery-UI and started out on the Getting Started page (http://jqueryui.com/docs/Getting_Started). I followed the instructions there, downloaded a custom library set, and set up a page using the info in 'Basic overview: using jQuery UI on a web page'. When I tried to add a datepicker to the page, I kept getting a 'datepicker()' is not a function. I double checked my code (there
Auto selection for autocomplete
Is there a way if the autocomplete is closed and nothing has been selected to select the closest match (ie the first match on the list).
BlockUI hourglass stays after loading in Chrome
Hi, I have trawled through search engines with no luck.. I am just wondering if anyone here might have a solution for this.. My BlockUI hourglass returns to the default cursor in FF and IE (surprise!) after server response, but doesn't return to default cursor in Chrome, and gives the impression that the element is still loading.. Any help would be much appreciated, and hopefully I can pass on this wisdom to someone in future. Cheerz ;)
Drop functionality makes my site goes really slow
Hello! I have a site with C# and JQuery with a big table (28 x 60) in one of the screens. In each cell I can have 0, 1 or more items. I want to make each item draggable and droppable from one cell to another. I was able to do so but when I have a lot of items in the table, the droppable function makes my page goes really slow (reaaaaally slow). It gets slow when loading the page (maybe a rendering problem?) and when I try to drag an element. I've tried to make it work in different ways, like using
Autocomplete question
I am using jQuery UI autocomplete and I have tried to set options for how I would like the results to act. Only one of the options I have tried to set actually works and that is the "delay" option. None of the options below work when I try setting them: scroll: 1, scrollHeight: 100, highlight: 1, autoFill: 1, width: 200, Any ideas?
drag drop - can't drop over droppable in certain circumstances
Hi all, I have been facing a problem with the Jquery UI drag and drop. Please find out my sample code at, http://jsbin.com/ojaji4 In above sample, There are two droppables. I have set [tolerance: 'pointer'] for droppables. In the middle, there are draggable elements. Now, start dragging element from the left side BLUE square and try to drop it over right side droppable (OR, start dragging element from the right side BLUE square and try to drop it over left side droppable). Both above scenarios,
jQuery validation, two field fill one.
http://bassistance.de/jquery-plugins/jquery-plugin-validation/ Hi, if I have two field, I want if both field was empty, show warning, if one of them has been filled, then pass how to do that? <input name="phoneDay" type="text" id="phoneDay" /> <input name="phoneNight" type="text" id="phoneNight" />
datepicket, problem with width when showing multiple months
Hello, I have a problem showing multiple months in datapicker, this is the declaration (I want to show one full year): $(function() { $('#datepicker1').datepicker({ firstDay: 1, hideIfNoPrevNext: true, numberOfMonths: [2, 6], minDate: new Date(2010, -6, 1), maxDate: new Date(2010, 6, 0) }); }); With internet explorer I get the next result: And looking for the solution I saw that in Firefox the width of the container was higher than then content,
jQuery UI 1.9m2
Is jQuery UI 1.9m2 available on Google CDN? I tried google.load("jqueryui", "1.9m2"); and its not working.
Themeroller Accordion
I'm using the accordion style themeroller menu. The way the tabs are by default is the first tab starts opened when the page is loaded. Observe: http://jqueryui.com/themeroller/ What would I need to tweak to get it so all tabs start off closed?
Accordion not collapsing in IE8
Hi, I'm developing a JS app using jQuery and PURE 2. I have a page load that contains a div meant for accordion-ing, and which works perfectly fine on a Linux/Firefox client. Then, loading in WinXP/IE8, I can see everything inside of the div (which should all be accordion'd at load) and cannot expand anything (evidently the links we used for the tab list didn't get attached properly)....this is sort of tying up our development, since we need to test each part of the app on IE8, so if anyone has an
.dialog() state persistence with ajax enabled site
Hello everybody. I have a site under development that uses AJAX to retrieve a list of items. This list is formatted into divs that contain basic info and then has a details button (that opens a dialog). These results are paginated on the server (one of the parameters for the AJAX request is number of results, another is offset for SQL query). With this all working, I have a problem where when you click the "next" button to retrieve the next n entries from the database, the correct results are
Autocomplete within input field
Hi, I am developing some widget for a travel search site. I am converting an old version to a new one and want to use jquery. The previous version use YUI. The current version is here : http://travel.canoe.ca/ I want to replicate this behaviour in JQuery. Start typing new in the from box ( widget on top ) Instead of a regular autocomplete window with a list of data, the first record show directly in the input box and you can chose other by using the up or down key on the keyboard. Visually a list
An autocomplete plugin that does not use a drop down
Had an interesting question sent to me today. A reader of my blog is looking for a way to do autocomplete completely within a text field. In other words - don't show a drop down - but autocomplete in the field. His example is here: http://travel.canoe.ca/ Start typing in the FROM box towards the top and you will see what I mean. Anyone know of a plugin like this?
add more tabs
hello i am adding a tab to my website but on the tabs there are only 3 tabs and i was wondering how to make more as i will need 8 i have added the titles but it links to the same files can someone do it for me make it so there is 8 tabs and send it to me at hathawayjake5@googlemail.com as a zip file or a rar please or tell me how to do it please thanks regards the tab one is this one http://jqueryui.com/demos/tabs/
UI Autocomplete Missing Features
It would be nice to have a simplified parameter for a few common tasks added to the autocomplete UI plugin. #1. maxLength: 20, // or whatever maxLength you would like #2. Searching left and right vs. finding any matching word within a phrase (sort of a exact match)
jQuery UI Marble 0.5.1 released
Fix in jquery.ui.marble.css: .ui-state-active must read .ui-marble.ui-state-active otherwise ALL widgets would show inset borders The function marble() adds a cut-out marble background to every selected object. Please have a look at plugins.jquery.com/project/marble or dienstleistung-kultur.de/jquery/ui/marble. Ernesto
Using a timer in .Dialog()
Hi everyone, How can I put a timer on a jquery UI dialog? It's taking a long time to display a page due to the heavy volume of html entities (nothing I can help), and I was asked to put a timer on there so we can have a way to gauge the different load times on specific end-users machines. I'm printing out the HTML that the dialog uses as a JS string and then I document.write on document.ready, but what's going on here is that it delays the start of the timer until after the dialog box goes away (after
What is the 'correct' way to set a background image for an individual dialog?
I have a need to set a background image for one (not all) of my dialogs. I can't find any instructions on how to do so. If I edit ui.dialog.css, it appears in all dialogs. So there must be a better way that I haven't been able to figure out. Please help! :)
UI button widget padding
Hi, Is there a reason why the UI theme roller provides extra padding to dialog box buttons with the following line? .ui-dialog .ui-dialog-buttonpane button { float: right; margin: .5em .4em .5em 0; cursor: pointer; padding: .2em .6em .3em .6em; line-height: 1.4em; width:auto; overflow:visible; } It makes the dialog buttons noticiably bigger than other regular UI buttons. Thank you! -DW
Ajax Tabs - load single div from external page
Hello. I'm trying to use the Tabs Widget load load content with ajax. I want to load only a specific element on the external page, not the entire page. Using jQuery's .load() method, I can load a single div. I can't figure out how to make that work with the UI. Here's my html: <div id="tabs"> <ul> <li><a href="three.html #lorem">Journal </a></li> <li><a href="two.html #lorem"> Contact</a></li> <li><a href="#panel1"> Services</a></li> </ul>
Querstion about ui.tabs
I'am using the tabs Version 2 programmed by Karl (Stilbuero) in Typo3 with realurl. The Goal of this past Version ist that the html could look like this: <div id="tabcontainer"> <ul> <li><a href="typo3/test-2.html#c28"><span>pagesys1</span></a></li> <li><a href="typo3/test-2.html#c30"><span>systab2</span></a></li> </ul> <div id="c28"> <p>Curabitur urna urna, ornare sit.....</p></div> <div id="c30"> <p>Vivamus ...</p></div>
Next Page