tabs widget, deletion, revert to last chosen tab
Hi, I am keeping a history of tab selection. It is an array that pushes the selected tab id into an tabHistory array. I have a remove button on each tab, which when clicked removes the tab and each corresponding id entry in the tabHistory array. It also tries to select the last entry in the array, which might not be the previous (or following) sibling of the removed tab. This does not work because of: // If selected tab was removed focus tab to the right or // in case
Datepicker | New Language-Localisation File
Hey! I'm Esteban Acosta Villafañe a Presentation Layer Developer from Argentina. I'm using jQuery UI in an small project to a local client and I have to modified a new Datepicker Localisation File for my country based on the Spanish one. I'd like to include my Localisation file in the jQuery UI, and I'm attaching the file to this thread. Thanks! -- Esteban Acosta Villafañe Developer http://www.globant.com Linkedin Profile: http://www.linkedin.com/in/estebanav
Datepicker Localization by Translation or Conversion?
JQuery datepicker is great but some localization is none sense! Talking about date, localization is not only translation of month and day names, or providing local date formats which is available in localization modules. Localization is supporting local date systems. To be more exact, when you localize to a Persian calendar, you have to consider that a Persian year starts at the beginning of spring (Nowrouz) rather than winter (Christmas). Although Persian calendar is much older than the Gregorian
Sortable's dragged item jumps if the subject is contained by relative positioned element
jQuery: 1.4.2 jQueryUI: 1.8 I don't know if it's due to the relative positioning itself or the fact that i'm sorting <thead> in my example but that combination makes the dragged item to jump down in any IE, opera10.10, Chrome 4.1. In firefox no problems at all (haven't tested others). The jump height i think is equal to parent's height. Example Took me some time but i found a workaround: I'm referring the standalone sortable module. At line 218 ( somewhere at the end of _mouseStart function ), jquery.ui.sortable.js,
Button gets disabled on refresh
Hey I've made a simple widget for a project I'm working on, but I have encountered an odd problem. It is easiest to explain it with an example implementation. http://decko.dk/buttontest On the page there are 3 button. The first one is my drop down widget. The next one is a regular disabled button (A) and the last one a regular enabled button (B). If you then refresh the page (F5 or whatever) the enabled button is mysteriously now disabled. I have no clue why this happens, but if button A is not disabled
connectToSortable not working until an element in the sortable is moved
I have two lists. One has a bunch of draggable li's. The other is sortable and contains a single li. If I pick up the single sortable li and move it, then allow it to revert back to its spot in the list, then I can drag draggables to the list. Otherwise they are always reverted back to their position.
draggable and IE problem
I am using the following script: <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js" type="text/javascript"></script> <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js" type="text/javascript"></script> <script type="text/javascript"> $(function () { $("#sourceTable tr:gt(0)").draggable({ revert: 'invalid' }); }); </script> When I load IE8, the rows do not drag. Curiously,
Draggable Problem with stack option
It looks like the stack option in draggable no longer works with a hash. If I use code like this: $("#box2").draggable({ handle: "#box2header", stack: { group: "*", min: 50 }, cursor: 'move' }) The draggable no longer works. The draggable looks like it goes into drag mode but actual dragging doesn't work. $("#box2").draggable({ handle: "#box2header", stack: "*", cursor: 'move' }) The workaround is to use a selector only and that does work, but the first syntax is breaking existing code in many places
position() keeps adding original "left" and "top" to current values in IE 8
Hi, I've written some code to position a dropdown using the "position" method that's new in 1.8, and I'm getting some weird behaviour. The code looks like this: jQuery("#bar").click(new function(event) { jQuery("#foo").position( { my : "left top", at : "left bottom", of : "#bar", }); jQuery("#foo").show(); event.stopPropagation(); });Another event handler (on document) hides the dropdown. In Firefox (3.6.2) this works every time I click #bar. #foo show up in the right place. However,
Lots of broken stuff with Chrome.
I am using Chrome version 5.0.342.9 beta for Windows. I also use Chrome on a Mac but can't remember the version. While I haven't tested UI with my Mac, on my Windows machine, I've noticed a LOT of the demos simply don't work. Like the draggable demo where a block is supposed to be contained within its parent. I can drag it anywhere. Plus tons of controls show the radio button when they are not supposed to. For example, on the Themeroller, there is a radio button on the upper-left of "Font Settings".
Setting CSS class to defaultDate in datepicker
Right now, the default functionality of datepicker is to set the hover class to whatever defaultDate has been set to, and then remove the hover class when the user mouses over another date in the datepicker. The issue is that when using two datepickers for the purpose of establishing a range of dates, I want to add a way to give context to the other datepicker about what the other date was. For example, if in the first datepicker instance the user selects 5/9/2010, then when the user selects the
UI dialog and .load loading a page in div
Hello everybody I have a problem with my UI when I use my dialog dialog IU its function perfectly normally. But when I want to open my dialog IU in the external USING. Malfunctioning load its During his march 1 clicks But if I click a 2nd time I'll open the dialog that I opened on 1 click and open my new dialog. So if I click a 3rd time I bah 3 window (dialog UI) that opens Its as if my. I load creates a loop while I remove. Load all works perfectly. Here is my code var $dialog = $('<div></div>')
Please, give us possibility not to use z-index for datepicker
In some cases it is much better to use CSS to set datepicker's z-index than calculate it basing on input's parents z-index. For example, one page has a header with date inputs (with no z-index and no need to set position style) and other controls located below which have z-index set. For previous versions of the control it was easy to handle this issue just by writing one line in CSS file: .ui-datepicker { z-index:1000; } Proposed solution is to add two lines to the source code: var ignoreZIndex
How To Create A Widget?
Hi Sir... I'm new here and i wanted to make a grid widget but i don't know where to start... i developed some php classes (datagrid and database connector) but when i looked at the jquery code... I was shocked coz its different (or maybe i'm still a newbie in oop haha).. see, i wanted to convert my php datagrid to jquery datagrid for faster searching and column re-ordering... I would like my code to look like this $("#grid").grid({ hideColumn: "UserId, HouseId", addControl: { "button":
Tree widget API, OOP or jQuery DSL way?
Hi, I'm rewriting my Mootools tree widget into jQuery. I would like to discuss API. Take a look at source data before: var children = [ { label: 'Item 1', id: 0 }, { label: 'Item 2', id: 1, collapsed: true, children: [ { label: 'Item 2 - 1', id: 2 }, { label: 'Item 2 - 2', id: 3}] } ]; And usage: $('#tree').tree({ children: children }); And rendered HTML: <div id='tree'> <ul> <li><span class='toggle'></span><span class='label'>Item 1</span></li> <li><span
Enable / Disable sort
Hi, I'm a new JQuery UI user (and i'm sorry if i don't speak english very well). I'm trying to make a button to enable/disable a sortable. The problem is that if i disable it, the opacity of the list decrease and i don't find any way to avoid that. Has someone a solution for me. Thank you, and once again i apologize for my speaking.
jquery.ui.Tooltip: positioning of tooltips fails
Hi, We're still cleaning out code and restructuring as our javascript was a bit widespread over several files, but we're having issues with the dev version of Tooltip we downloaded. It may be an issue with the jquery.ui.Positioning though, but perhaps you may try and have a look wheter it is a known issue, or if it is something I need to look into... You can test it on www.flexin.be (site is not active yet...) Bottom right, you will find a database icon which, when you hover, should display a tooltip
checkbox and radiobutton widget
Hi, Are there many codes for checkbox and radiobutton widget in the projet ? If yes, where ? Thanks,
can't stop dragging after double click
I'm working on a webkit based browser on ubuntu linux. After double clicking on a draggable div, I can stop dragging the div. The dragging doesn't quit after my mouse up. I'm using the ui.draggable api. I noticed that the way that it receives the double click is mouse down - mouse down - mouse up - mouse up. Can't change webkit, so anyone know I can handle this so as to prevent this behavior?
jQuery UI Datepicker refactor
I've refactored jQuery UI Datepicker to use the Widget framework that the other components use. Along with this refactoring I've introduced several other changes: * Use of a templating mechanism to generate the datepicker layout. * Use of commands to provide keystroke and UI elements for interacting with the datepicker. * Use of the position plugin. * Common date routines for general use. * An extension module for less common usage requirements. * Adobe AIR support (no inline event handlers). The
Custom UI download doesn't include css folder
I'm not necessarily saying there's a problem with the UI download - it could be a case of a stupid user (me). The Getting Started page for jQuery UI says that your custom zip download should have 3 directories in it: css, development-bundle, and js. When I tried to download a custom package, I do not get the css directory. Here are the steps I take: Go to the UI download page. Hit the "Deselect all components" link Scroll down to the widgets section, and select "Tabs" Hit the "Download" button.
Base Libraries for Drawing
I needed to draw lines using javascript for a game I am developing. When I looked at the existing libraries I saw that they were either browser dependent or too processor intensive, with methods like creating 1 pixel divs. I could not find any simple and good library. After some research I saw that there were two standards that could be used to draw lines without using too much resources. The canvs on firefox, safari and opera and the vml on internet explorer. Some old browsers may not support this,
Plans for jQuery UI Tooltip
I'm really looking forward to the tooltip widget. What are the plans concerning this widget's developpement ? Thanks, Cameron
jQueryUI 1.8 .toggle doesn't delegate off to jQuery core .toggle properly
Ran into this on a production app that was using 1.3, we upgraded to 1.4.2 and all the code worked except .toggle('normal'); which lost the previous functionality of showing/hiding the element with a transition and now doesn't do anything. Tested in the app and in isolation in a couple browser to make sure I wasn't doing something stupid :P jsBin Samples Not working (jquery core + ui loaded): http://jsbin.com/izinu/8 Working (jquery core only loaded): http://jsbin.com/izinu/4/ Steps to reproduce:
Vertical tabs with jquery tabs
I have found a simple solution (mostly CSS based, minimal javascript processing) to use jquery tabs to create vertical tabs. If somebody are interested, please let me know.
Three-day India Training on Building RIAs with Ajax, jQuery and Java by Best-selling Author Marty Hall
No Contract Instructor Regurgitating Someone Else's Materials! Learn from the Expert! Bangalore, March 31, 2010: The best of India's Java and RIA programmers have learnt the subject from Marty's seminal books Core Servlets and JavaServer Pages (first and second editions), More Servlets and JavaServer Pages, and Core Web Programming (first and second editions) from Prentice Hall and Sun Microsystems Press. Now is the opportunity to meet him and learn from him first-hand. From 26-28 April in Bangalore,
jQuery UI 1.8 - Use of _init
I am current upgrading my custom ui widgets to work with the new version of UI. I am wondering what exactly is the use of _init in the new jQuery UI 1.8? From the change doc it says: A new _init() method was added to perform "default functionality" _init() is called every time the plugin is called without passing the name of a method to invoke I am guessing that it is to be used as a "reset" functionality to get it back to the initial state. So _create is used to manipulate the document and
Draggable connect with Sortable inside tabs
Using a draggable connected with a sortable: is the draggable and sortable are display: none while they load (if they are ajaxed into a ui.tab), the positions of them are off. ui.draggable (v1.7) calls sortable._refreshItems() on dragStart, but should instead use the method sortable.refresh(); DIff output: 449,450c449 < // sortable._refreshItems(); //Do a one-time refresh at start to refresh the containerCache < sortable.refresh();
Tabs with Cookie
I just upgraded UI Tabs from 1.7.2 to 1.8 using the distributed custom files. The tabs are still working but can no longer retain their state across postbacks. After reverting jquery.cookie.js to the previous version, it works again.
Position documentation mislabels "using" as "by"
In the current documentation for the position utility in jQuery UI the documentation lists a "by" option which represents a callback to be used to set the position of the element in question rather than letting the position plugin assign the position. The actual option name should be "using" since that is what is called in the plugin source. Position documentation: http://jqueryui.com/demos/position/#theming Source: http://dev.jqueryui.com/browser/trunk/ui/jquery.ui.position.js Should I copy-paste
New Widget Process
Howdy everyone, I have been working on a jQuery plugin that generates a wizard interface for forms and whatnot. (jWizard) I think a wizard widget would be a nice addition to the jQuery UI collection. (I may be the only one) Is there a process for submitting a new widget to the team for review and possible inclusion? PS - My plugin currently doesn't use the widget factory at all, but if this could be included in jQuery UI, I would gladly do the work to convert it.
Widget assumes a flat namespace for options with, apparently, no easy way out.
I'm having an issue with widget options. Problem : Widget options are assumed to have a flat namespace. Example: jQuery-UI 1.8 widget factory explicitly assumes something like this: myOptions = { classesWidget: "foo1 foo2", classesTitle: "foo3 foo4", classesHeader: "foo5 foo6 foo7", classesContent: "foo8", } Factors to consider : With more complex widgets comes the tendency to offer more involved configuration. Sometimes this configuration is better classified in a nested fashion. In other
ui.Datepicker has no public functions for querying whether a date is selectable
http://forum.jquery.com/topic/ui-datepicker-s-unselectable-rules-now-applicable-to-text-input-as-well I had to write a custom validation method for Datepicker's input fields that made it possible for manually entered dates to be validated against the same rules it uses to determine selectable dates. The worst part of this was dredging through $.datepicker's internal object structure to figure out how to externally reference the data stored in each datepicker instance, followed by finding the logic
Dialog dialog buttons and new split buttons widget
There is a problem that I came across where having a dialog that has buttons and also contains the new button widget in the button set configuration. I posted a like to a video demonstrating the issue: http://www.utipu.com/app/invited/id/969bbbf8 Here is the source from the demo in the video above. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" > <head> <title>Untitled Page</title>
Suggestion: use a URL shortener for link within jquery.ui.theme.css
In every version of jquery.ui.theme.css we see this comment on line 7 To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=... This URL goes-on for almost 1500 characters. This is not the least bit useful. Go ahead, try using that URL assuming your editor does not wrap the line at the 1024-character boundary, if not before. Suggestion, therefore: let's use a shortened URL here. Better yet, alias the urls for stock themes on the server, like this perhaps. Plain and simple.
Functional Testing
Hi. We use UI at our organization and have modified and created a bunch of new UI widgets for our use. We have what was originally unit tests done in Qunit, but it has evolved mostly into functional tests. My experience is that you can use Qunit for functional tests, but eventually you will encounter a lot of complexity and timing issues when trying to simulate user interactions. I am thinking that Qunit is not really suited to heavy duty functional tests. Correct? If so can anyone offer suggestions
jQuery UI Tabs div order
I dont know if this is a bug or not, but if i change the order of the divs, then it show that the first tab is active, but actually displays the content of the second div. This "bug" appears in the latest 1.8 build, the 1.7.2 works correctly. So is this a bug?? Code example: <div id="tabs"> <ul> <li><a href="#tabs-1">1</a></li> <li><a href="#tabs-2">2</a></li> <li><a href="#tabs-3">3</a></li> </ul> <div
Autocomplete auto resize list item width
Hi, i switched my south-street CSS theme from 1.8rc3 to 1.8. Since this change, if i hover over a list-item the item-text gets wrapped in a new line. The wrapping occurs because the dropdown list doesnt modify width automatically if i scroll down the list. On 1.8rc3 the list was resized in width automatically so that the list-item-text was always in the same line. Would be cool if someone could redo this change so thats it works like in 1.8rc3. Thanks!
default demo for tabs gets corrupted format with a floated div
If you add a floated div to the default demo of tabs, then the tabs get formated wrongly... Click here to see error:- http://devel.netfm.org/devel_test/jquery-ui-1.8rc3/demos/tabs/default2.html Here is the default demo without the floated div added http://devel.netfm.org/devel_test/jquery-ui-1.8rc3/demos/tabs/default.html And this is essentially the html change made to the default demo <div class="demo"> <div style="float: left";background-color: green"> <pre> Just some content to see if this upsets
Widget tutorial updated
For those who liked my tutorial on developing widgets, I just updated it to use jQuery UI 1.8. Thanks to the development team for all their hard work! Danny Wachsstock
Next Page