[UI button] Only secondary icon
Hello, I have a question regarding the button in jQuery UI. Why isn't it possible too only display the secondary icon? If I leave the primary empty, the secondary icon is placed on the position of the primary icon. Would be a great feature, because of the previous / next button.
Is this possible? Autocomplete to search article titles on page with auto scroll (via link name anchor)?
That's a pretty long title, but here's my idea... if you could help me implement it, that would be great! Using the jquery autocomplete UI with an array of article titles that are displayed on a page (each title with a hidden <a name=""> tag) - Could the UI call the link either via some javascript link opener or some jquery scroll function I am unaware of...? Food for thought? Please get in touch if you have done this or know how to, I'd love to see it working! It would make a great admin area search
multiselect integration
hey folks, just got this usefull addition today, maybe the ui team should talk to the author... would be usefull to integrate... http://www.erichynds.com/jquery/jquery-ui-multiselect-widget/
what about a $.typeOf(). maybe instead of isArray(), isFunction()..etc?
i was thinking, instead of having a bunch of isFoo() functions, except maybe isPlainObject(), it would be useful to integrate and expose something like this for detecting object types: http://snipplr.com/view/12492/getclass/ syntactically it would get a bit more verbose for reuse, eg jQuery.typeOf([]) == "Array", but it can be abstracted away by isArray() as is currently if it needs to be used in many places. however, $.typeOf() might provide a good foundation and replacement for isFunction isArray,
tabs: add functionality to operate with href
The tabs plugin is provided with the option to operate with a numerical index to identify the tabs. This numerical index identifies which tab is going to be subject to an array of methods: enable, disable, elect, and so on. Developing a web application, I noticed that this system was not fit for the specific needs: I needed to define runtime-generated IDs for the tabs, which would be dynamically generated, and could be in any order. Also, deleting a tab in the middle of the group would reindex all
Chrome w/ frames and smoothness/jquery-ui-1.8.2.custom.css
Hi there, (I'm not sure this is the right place. I tried my best... please forward to whereever is more appropiate. Thanks.) we've come across a very weird issue with the latest jQuery UI and current Chrome browser. In line 66 of themes/smoothness/jquery-ui-1.8.2.custom.css there is the following CSS: .ui-widget :active { outline: none; } Which, suprisingly, breaks frame dragging, that is, we've got a page with a frameset (single top frame, two at the bottom) and now the lower frames cannot be resized
Autocomplete with SQL'statement "%"
When you use the SQL'statement "%" in the autocomplete, The list generated doesn't have the word searched marked in bold, because the autocomplete'function isn't prepared for this. I did a adaptation to work with the the SQL'statement "%" that I will show below: Original Function: $.Autocompleter.defaults={inputClass:"ac_input", ... highlight:function(value,term){ return value.replace(new RegExp("(?![^&;]+;)(?!<[^<>]*)("+term.replace(/([\^\$\(\)\[\]\{\}\*\.\+\?\|\\])/gi,"\\$1")+")(?![^<>]*>)(?![^&;]+;)","gi"),
Smooth mouse movement
Hello. I'm trying to "smooth" or "ease" mouse movement when dragging or scrolling. This is something very usual in flash sites where elements seem to have some weight. Is there any existing plugin to do this in jquery? Thanks
After shake effect, applied to UI Dialog element, ends, dialog is removed from the DOM... ?
I've got custom made widget, which is derived from UI Dialog (nothing special), some additional logic on header and footer. Now I try to "shake" it in specific cases with $.effect("shake") and it is does as expected, but when the effect ends UI Dialog is destroyed. Is there any way to prevent this?
jQueryUI Custom Downloads - Managing features from version to version
hi, first off thanks for all of your hard work on this great framework; we've incorporated jqueryUI on multiple projects which we maintain and frequently update with the latest available framework library versions. We've found that while the custom download feature of jQueryUI is a great way to get (only) the features we need into a project, it becomes hard to manage which features need to be 're-selected' when generating a subsequent version (i.e. upgrading from jQueryUI 1.7.3 to jquery1.8.2) as
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
Increasing animation "frame interval" and exposing it
Hello everybody, I just took the time to dive into jQuery.fx code and I discovered that the interval we are using for animations is currently at 13ms which is equivalent to 77fps !if the browser can keep up to this pace! The problem is that animations involve heavy computation and numerous DOM access, and the browser is often forced to drop some frames. I've done some research to see how other libraries are dealing with this parameter: in YUI3, the interval is 20 by default (<=> 50fps max) and this
jQuery UI Marble 0.5 released
The function marble() adds a cut-out marble background to every selected object: $('.ui-button, #my-button, .any-other-class').marble(); To prevent the same boring background, the background-position is recalculated for every selected object. So each object shows a different cut-out of the marble plate, which is not repeated, if the background image is big enough. By using a part-transparent background image, the background colour of an object follows the standard ui-class changes as well. Please
ButtonSet improvements
This is half feature request and half stuff I've hacked into my code which I'd love to be used by someone with a more intimate knowledge of jqueryui: ButtonSet is still selectable as text, this is not (IMHO) a intuitive ability for buttons based on the way they normally function in windows/linux/mac. As suggested here this can be acheived via: -moz-user-select: none; -khtml-user-select: none; user-select: none; ButtonSet does not conform with the rest of JQueryUi's buttons in that it has no
jQuery version information
Currently we have : // The current version of jQuery being used jquery: "@VERSION", Which is reachable as an property of the jQuery instance (aka "object") $().jquery /* returns string: "1.4.2" */ I would like *not* to be obliged to make an jQuery instance just to be able to find out what the version is. It would be trivial to make this an property of the jQuery object , so that one can use it like this : jQuery.jquery // returns "1.4.2." Ideally I would like to see a structured version information,
New menu() feature should be closable by hitting ESC
The new menu() feature is nice, but I think it should be closable by hitting ESC. This is something that a lot of people will try to do because they are used to it in normal menus. Dan
Can you create a forum for announcements?
I think a lot of people would like to read announcements about new plugins, new versions, and general jquery news.
Slider with a fixed range
Hi, I want a slider which selects a range of 3 out of 10. It could be done with the range slider but then the range could be changed and that should not be possible. Yet it should work as a range slider because I need the two values of the range. As an attachment I added an edited screenshot which will make clear what I am looking for. Greetings Tomas
query by id - ignore context
When selecting elements jQuery provides an optional 2nd argument (context) which limits the search to a specific node. Adding this argument usually speeds up queries, but when the query is by id adding the context actually siginificantly slows down the query. As a test, go here: http://jquery.com/ and run this script in Firebug: console.time("1"); for(var i=0; i<2000; i++) { $("#jq-intro"); } console.timeEnd("1"); console.time("2"); for(var i=0; i<2000; i++) { $("#jq-content"); $("#jq-intro"); }
Position Dialog using Position Object
Hello, I have created a patch to allow the postion of a dialog to be specified using a position object. With this patch you can do the following: $("#dialog-modal").dialog({ height: 140, modal: true, position: {my: 'center', at: 'center', of: '#test_form'} }); The patch does not effect the results of the Unit Tests for the Dialog, and all of the original options for the dialog's postion option should function as expected. The patch is against the master branch, alternatively the a branch with
making jQuery.noConflict() callable anytime
hello, I use jQuery in an environnement where other js library than jquery are loaded, and the loading order of libraries may be difficult to control properly. I use a code like this in all my pages (this is autogenerated): jQuery.noConflict()(function ($) { ... }); I understand that jQuery.noConflict() should only be callled if jquery is loaded *after* the other library. I would like noConflict() to be callable anytime. what about this implementation: noConflict: function( deep ) { if
Documentation as PDF for off-line reading
There really should be a PDF, or at least a single, huge HTML, version of the documentation so that one can save time by learning before using. On-line docs are good for detailed information on specifics. But they are no substitute for reading documentation beforehand, and really getting to know things. Any plans?
Theme URI in Theme download
When one customizes their own theme using the theme roller, downloads it, implements it, then later decides they want to make small changes to it, for example changing the icon color for default button state. That person is currently SOL, because even though they have a hard copy of the theme, they can't go back to the theme roller and say, "Remember that theme I was working on last week? I want that theme, but change the icon color." The URI of the download page holds all the meta data required
Fixed positioning for ipad/iphone (e.g. popup windows)
http://doctyper.com/stuff/iphone/fixed/fixed-positioning.zip http://doctyper.com/stuff/iphone/fixed/ That webpage uses uses nearly 400 lines of plain javascript to make a row of icons stay at the same position of the screen (well it jumps to the top if you scroll the view up or something) It doesn't work on other devices though such as PC's. It would be good if jqModal or some other plugin could be modified to also be compatible with ipads/iphones. At the moment normal plugins including http://www.sohtanaka.com/web-design/examples/modal-window/
lib378js port
Hello everybody, It's a year or so since I started using JQuery and I'm very happy with it. A long time ago I wrote this javascript port (mostly as a technology demo) of a tiny but effective C library I developed for embedded systems. The lib is aimed at predictive text input, more or less like some cellphones' t9. Maybe It kind of overlaps autocompletion plugin features, supporting reduced keyboard input. See project page: http://sourceforge.net/projects/lib378/ and js demo: http://lib378.sourceforge.net/lib378js/demo.html
Firefox Bookmarklet Get Theme
How feasible would it be to make it so when you use the Firefox bookmarklet on a page that uses a jQuery UI theme to give you a link to the ThemeRoller page with all the elements of that particular theme set? I had created a theme a long time ago and forgot to save it but it's still on my website and can't think of an easy way to get it back other than redoing the whole thing. Just an idea :) Mike
jquery.media.js and the JWPlayer "allowfullscreen" parameter (to enable the full screen).
Hi Malsup! The JW player has a full screen button which is not enabled. To enable it you need to add the "allowfullscreen" attribute to the <embed> tag. Not sure if you want to pollute the jquery.media.js file with JWPlayer specifics (is this used anywhere else?)... but if it be in the file, newbies (like me)... would see it and determine if we enable/disable it! Here is the line change>>> params: { wmode: 'transparent', allowfullscreen: 'true'}, // added to object element as param elements;
asynchronous resize in Resizable/ui
it would really help if resizing an object will resize the oposite of an other object $.ui.plugin.add("resizable", "asyncResize", { start: function(event, ui) { var self = $(this).data("resizable"), o = self.options; var _store = function(exp) { $(exp).each(function() { $(this).data("resizable-asyncresize", { width: parseInt($(this).width(), 10), height: parseInt($(this).height(), 10), left: parseInt($(this).css('left'),
j media element - not only just another html5 audio / video player
I would like to announce the first release of my current project, called jme (jQuery Media Element). Although you could think it's just another HTML5 audio / video player with Fallback to Flash or VLC-Plugin, it's a little bit more. It's a kind of a development kit to let you create your own cross-browser-/cross-plugin/cross-device supported multi media application. Embedding a media element is dead easy, the controls are little building blocks for flexible, semantic markup and distinct theming and
jQuery load selector processing
Currently jQuery.fn.load(str,fn) uses a dummy div to load in contents and then returns the filtering by selector off the contents of that div. This is all fine and well, until you want to filter by head or body tags. I found this approach was able to accommodate such a filter and felt... I dunno more semantic: var iframe = $("<iframe src='javascript:true;' style='display:none;'></iframe>").appendTo("body"); iframe.contents()[0].write(data); // from the xhr response jQuery(this).html( iframe.contents().find(selector).html()
add rotation awareness to $.fn.position
Hey guys, I'm trying to figure out a way to make the position method context aware, modifying the final position of the source element if the target is rotated in some form. Whenever I try to move elements beside a rotated target, the positions won't work as expected. I was trying to do some matrix transformations, but I'm too newbie to actually bootstrap something quickly, it would be pretty cool if someone from your team could guide me, or see if you would be also interested in adding this type
buttonContext parameter for Dialog buttons
The jQuery ajax call allows me to specify the context for my callback. I have a class with several methods, one of which makes the ajax call and another which is passed as the callback. In this case, I pass "this" as my context so that my callback can reference the instantiated object. Another method in the same class creates a dialog with buttons, and again other methods are passed as the callbacks for those buttons. However, I cannot access the class variables in the normal fashion (i.e. using
Add a JQuery Selector Escape Function?
(From JQuery Docs -> Selector) If you wish to use any of the meta-characters described above as a literal part of a name, you must escape the character with a backslash (\). Since Javascript uses the backslash for escape sequences in string literals, you must use two backslashes (\\) in string literals so that a single backslash will be put into the string 1. The full list of characters that need to be escaped: #;&,.+*~':"!^$[]()=>|/ I have a suggestion: How about adding a method to escape values
Idea for docs.jquery.com — auto focus on search field.
Hi, have and idea, what if when you visit site, search field is already set to focus? Most of time, when I visit site, trying to search function name. $('searchInputBox').focus(), y’know. Less mouse clicks.
New markup structure for tabs
The current markup structure required by the tabs widget is not very friendly for the purposes of progressive enhancement (nor for alternative styling in different media -- say, how do you style a tabbed area for print?) Would it be feasible to migrate the markup to the structure proposed on this blog post? (Disclaimer: that's my blog :-)
jQuery Loader – On-Demand, Lazy Load with jQuery UI
http://eduardo.pacheco.kanema.com.br/plugin-jquery-load-js-css/ Loader is a jQuery plugin for dynamic loading of JavaScript’s, CSS’s and images. The current version is compatible with any modern browser, and some less so (IE6). Is in release candidate 1. Testing, use and comment!
Auto Complete + a SQL query
Greetings. This is my first post at jQuery boards.. Im trying to create a auto complete + sql query.. I have nearly all ( just need to fix the functions i guess?). What is my problem/ what i need: * There is no hover: effect on the list that showed with the results ( if i hover the list there should be a other color , you understand?) - could someone add this? Also i wanted to bee it like in http://jqueryui.com/demos/autocomplete/ ... But it doesn't work See the attachment there are my files.. What
box-shadow definition for ui-widget-shadow
Personally, I make this change to my jquery-ui-custom.css because it makes more sense than not doing it: /* Overlays */ .ui-widget-shadow {-moz-box-shadow: 0px 0px 14px #ccc; -webkit-box-shadow: 0px 0px 14px #ccc; box-shadow: 0px 0px 14px #ccc;-moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px;}Above is modified from "dark hive" ui theme.
Drag, Drop and Resizable
hey guys i want help Im creating a mood board using jquery.. i have done till dragging the image and dropping it into the container, now dropped contain are draggable, it should also be resizable im not able code it and also the draggable image shouldbe overlapped when it is active i mean that when i clicked on one should drag and should palced over another image, it should will every time happen when i drag the image should be overlap... im placing my code below please guys help with this <!DOCTYPE
jQuery media plugin (javascript error with IE6 using the JW Player)
Hi Malsup, First off! Great plugin... I need to get the plugin going with IE6 (bummer but I needed to)... I traced the code... and the JW Player (version 5) requires 'id' and 'name' set for the object tag. You might want to roll this in your media plugin (see below). Thanks! /* generate function */ } else if ($.browser.msie) { var pid = "play"+el.id; /* 'Id' and 'name' are required for the JW player to run with IE6 */ var a = ['<object id="'+pid+'" name="'+pid+'" width="'+opts.width+'" height="'+opts.height+'"
Next Page