JQuery for desktop like web applications
Hi jQuery UI team, I was looking to smoothly use JQuery UI for Developing Desktop Like Web Applications. Regards,
How about being able to pass in a jquery object and/or dom node to closest()?
Back in 1.3, closest() was a great addition to jquery and I use it all the time. One thing that has surprised me is that you must pass a selector string; it will not accept a jquery object or dom node (unlike filter()). For example: var someDom = $('#foo .bar'); // some saved jquery object $('body').click(function(event) { $(event.target).closest(someDom); // always returns an empty jquery object $(event.target).closest(someDom.get(0)); // always returns an empty jquery object
Scroll page under dialog
Hi, I would like to be able to scroll a page underneath an open dialog box, with the dialog remaining in a fixed place. I need this functionality, so if anybody else does, maybe the jQuery team might consider adding that option to the Dialog widget. Kind Regards Swami
Function to return nested values in an object
This obviously needs to be improved upon, but the idea is there: var obj = { "one" : { "two": { "three": 3 } } }; var arg = ["one", "two", "three"]; nestedValue = function(obj, arg) { var len = arg.length; if (len) { if (typeof arg == "string") { return obj[arg]; } else { while (arg.length) { var key = arg.shift(); if (!obj[key]) {
QUnit should allow a delayed loading model so it can work with GWT
GWT loads the page in two parts which means you can't really use the onLoad event. QUnit depends on loading the framework when the page loads which makes it basically incompatible for use with GWT. It would be really nice if a load function was available so you could call it once GWT, or what ever other framework you are using, has loaded. Thanks, Zack
touch and drag content
I'm interested in finding or making a plug-in that will make certain container elements have some sort of touch and drag capabilities, for use on mobile phones, etc. I'm fairly good with JavaScript but new to jQuery. Any ideas/thoughts?
jquery.support --> requesting different "feature support" items
i just wanted to create a topic for any "feature support" items that could be used for the jquery.support.* There's currently a bunch 1 on this page: http://api.jquery.com/jQuery.support/ I'll list mine as well as the others I see on that page. 1) CSS3 features 2) (Mine) For "IntrAnet" programming, it's often useful to be able to link to the common file share. \\server\share\folder\item.txt. Now, IE would let you enter this in any format, while firefox (if feature is turned on) wants you to enter
[autocomplete] animated list
My application is using the fancy jquery effects and having put into it the autocomplete of Jorn Zaefferer (big thanks to him for that!) I tweaked it with css a bit, but I was missing some nice fading effect while showing the suggestion list. Changing two things in the code: .. hide: function() { element && element.hide(); to .fadeOut("fast"); .. show: function() { .. }).show(); to .fadeIn("fast"); made it more fancy;) well at least for my taste ;) adding an
how to make the icones go from gray to colour http://codylindley.com/
Hi im new to Jquery and would like to know how to make the icones go from gray to colour on the below website and also where i can get the scrips/files to do this any help would be great http://codylindley.com/ Thanks Daniel
Video Player..
How about a Video Player? <video src="/videos/1.mp4"> Flash Fallback.. </video> and could be called via: video = $.video("/videos/1.mp4"); video.play(); video.pause(); video.seek(25.2678); video.progressPercent(); /* video_time / duration * 100 */ video.progressPercent(25.6897); /* another way to seek */ ImageToCanvas(video.getframe()); /* function doesn't exist but can be made via CANVAS AND JS */ video.playlist = [ { title: "Video one..", url: "/videos/1.mp4"
creditcard2 / validation - credit card type should be automagically detected, not selected
creditcard2 significantly improves upon the default credit card validation functionality in validate but requiring the user to select the correct credit card type in order to validate the card number is (IMHO) adds unnecessary complexity. I suggest that the credit card type should be detected by the validator and the correct type autoselected in the dropdown, giving the user the opportunity to override. The validator should of course then throw an error if they select a type which conflicts with
New Combobox Widget
Hi jQuery UI team, I am trying to extend the Autocomplete widget to be use as Combobox with additional button next to the textbox. I found no Combobox development and I think this widget would be useful event just a little bit modification from Autocomplete. I am jQuery UI lover and freely to contribute to design this plus some more widget that not in your development right now. This Combobox not only modified from html select option as shown in the Autocomplete example but also can be used by html
datepicker: highlighting selected date ranges
It's been discussed elsewhere, http://www.filamentgroup.com/lab/date_range_picker_using_jquery_ui_16_and_jquery_ui_css_framework/#commentNumber373 ...and it's been done elsewhere, but it would be nice if the datepicker highlighted the days you selected (as well as allowing you to select two dates like Filament's plugin).
jquery.ui.tooltip: flexible width when using ajax
Hello, I know the tooltip plugin is still under development, but it's unclear to me where I should log suggestions/questions such as this one. If you go to http://flexin.be/site/en/TLD/publicInformation/100007.html?_s=0&, you'll notice a list of extensions we support at the right of the page. Hover any of the price tags you see, and we are asking the server to return the exact tax calculations from the server to display them in a nicely put tooltip. The issue we have with this is that the tooltip
Conditionally Skip Tests
In the project I'm working on, there is a bunch of code specifically to test IE. We want to be able to unit test this code and have those tests run on IE, but they would fail if run on other browsers. I wanted to get people's thoughts on how this could be better supported by QUnit. Right now I believe the only real option is to add an if statement within the test (or split the IE tests into a separate HTML file and just know to not run that particular file, but that doesn't work easily with continuous
I'm using a jquery multi cycle with double initialization
I have a well structured page: <div id="parent"> <div id="slide1"> <img><img><img><img> </div> <div id="slide2"> <img><img> </div> <div id="slide3"> <img><img><img><img><img><img><img><img> </div> </div>would be a kind of multi photo gallery each div slide can contain multiple images should overlap with fade effect in practice there is a page that shows me the first slide1 and 2 do next and prev buttons to turn the pictures
if there's siblings and parents, why aren't there uncles and cousins?
I'm sometimes having layouts like this: <div> <div> <div>I click here</div> </div> <div> and something happens here, e.g. slideToggle </div> </div> I have to write $(this).parent().siblings().slideToggle("fast"); I'd love to write: $(this).uncles().slideToggle("fast"); To be correct in a gender way there maybe should be an aunt as well. For the following cousins would be great: <div> <div> <div>I click here</div> </div>
Set data on an element while it is just HTML
I think it would be very useful to allow setting of data on an element without a reference to the actual element. This is for performance reasons. The following is a longer explanation. I use data a lot. I typically use it in the following (and I believe, extremely common) pattern: Get data from a service Convert that data to html Insert HTML into the page Iterate through html to add service data on the elements A good example of this would be a tree. When someone expands the tree, I need to
Solution for restricting input values to the source returned by autocomplete
I spent most of my day trying to implement input "validation" on a field employing the jquery ui autocomplete feature. I'm not experienced enough with javascript to truly understand how terrible I am at it, so please be kind. Problem: The out of the box autocomplete examples allow users to enter anything they want into the autocompleted field. Ideal Behavior: If, upon field exit, the value left in the field does not match what any of the items returned by the source property, clear the field and
jsFiddle Integration with forum
I often use jsfiddle to learn and draw up new ideas using jQuery. http://jsfiddle.net/ It may only be in alpha but it is already very powerful and easy to use and share. Maybe have the ability to use the embed link to show your jQuery in action? The default method is iFrame. Maybe input the ID of the fiddle and PHP can build the actual iFrame to display so users cannot abuse adding iFrame's themselves.
Alternate to select element
The select element is very useful but very boring and hard to style cross-browser. One that would go with my ui color scheme would be really nice. It would have the same functionality but more colorful. This is what it looks like in the project I'm working on Not awesome right! It should look like my other buttons!
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
Using Array.isArray for jQuery.isArray when available
ECMAScript 5 defines Array.isArray and is available in Firefox and WebKit (only ones I checked). I think jQuery should use it, if available, instead of checking the object's toString being "[object Array]". For one, it will solve a problem I have with Webkit and Qt. It allows one to expose Qt arrays in javascript, but those are of the RuntimeArray class. This causes the jQuery isArray function to fail identifying them as arrays, while the native Array isArray succeeds.
changeing class
hello, i have a lot of same tables: <table> <tr class="class"> <td>some text</td> <td><a href="#" OnClick="$('.class').click(function() { $(.'class').removeClass('class'); });">click here</a></td> <td>some other text</td> ..., some other links... </tr> </table> <table> <tr class="class"> <td>some text</td> <td><a href="#" OnClick="$('.class').click(function() { $(.'class').removeClass('class'); });">click here</a></td> <td>some other text</td> ..., some other links... </tr> </table>
jQuery("does not exist ").data() throws exception
the following code from jQuery(1.4.2).fn.extend( { data : function {.........} } ): if ( typeof key === "undefined" && this.length ) { ..... } else if ( typeof key === "object" ) { ...... } does not handle the situation when: key is undefined,and this.length===0, next line of code: var parts = key.split("."); cause the exception because key is undefined. I think jQuery("does not exist ").data() should return undefined , instead of throwing an exception.
about jQuery.parseJSON
when I see the codes below: return window.JSON && window.JSON.parse ? window.JSON.parse( data ) : (new Function("return " + data))(); I think the the (new Function("return " + data))(); is slower than use eval directly, it may be improved this way: ( eval( "["+data+"]" ) ) [0]
fix for bad implement of iframe event in IE?
In IE, events are attached to iframe DOM element In FF, events are attached to iframe.contentWindow DOM element I just curious if jQuery can normalize the bad implement in IE?
Will it be better if jQuery accept string for radio/checkbox selection?
If I use jQuery to select radio/checkbox, it accepts array only, I think it may be good if jQuery can accept string for single selection. 1416c1416,1418 < if ( jQuery.isArray(val) && rradiocheck.test( this.type ) ) { --- > if ( rradiocheck.test( this.type ) ) { > if(!jQuery.isArray(val)) > val=jQuery.makeArray(val);
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
about jQuery.makeArray
makeArray: function( array, results ) { var ret = results || []; if ( array != null ) { // The window, strings (and functions) also have 'length' // The extra typeof function check is to prevent crashes // in Safari 2 (See: #3039) if ( array.length == null || typeof array === "string" || jQuery.isFunction(array) || (typeof array !== "function" && array.setInterval) ) { push.call( ret, array ); } else { jQuery.merge( ret, array ); } } return ret; }, when the argument arr is actually an array, it
jQuery.tpl
Hi all! Impressed by micro-template engine written by John Resig, I've been created this templates variant: Few examples: // Simple {% for (var i=0;i<100;i++) { %} <div id="{%= i %}"></div> {% } %} // With shorthands {%@ func(abc) { %} {%= abc %} {% } %} {% func("hello world!"); %} // Other features {%@ button(value) { %} {%= $('<button>'+value+'</button>').click(function() { alert(value); }) %} {% } %} {% button("text"); %} Also this engine can have named templates and can easily call it from other
Another jQuery API Documentation
Here's another interesting jQuery API browser , built with jQuery... (Works on all modern browsers, except Firefox 3.6.) See here for documentation... Your comments?
JQuery UI Tabs documentation (my slider, Google Map, sIFR etc. not work when placed in a hidden tab)
Hi everybody Is there a special place, where to discuss the documentation of JQuery? Because I had recently an issue with the JQuery UI Tabs. I needed to hide the inactive tabs without "display:none". But when I used the resolution here: http://docs.jquery.com/UI/Tabs#...my_slider.2C_Google_Map.2C_sIFR_etc._not_work_when_placed_in_a_hidden_.28inactive.29_tab.3F Then I got some issues with white space of the page. So I would suggest this solution: .ui-tabs .ui-tabs-hide { position: absolute;
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,
[UI-Tabs] How-To: Persist selected tab on page refresh / postback.
<script type="text/javascript"> $(function() { $('#tabs').tabs({ selected: (location.hash != "") ? location.hash.replace("#", "") : 0, show: function(event, ui) { location.hash = $(this).tabs("option", "selected"); } }); }); </script>
creditcard2 validator determining major credit card types based on number
The creditcard2 jQuery validator extension improves on the normal one by allowing dashes and spaces in credit card number fields and also by marking some invalid numbers (which slip by the normal validator plugin) as invalid. One requirement of the creditcard2 validation rule is that the credit card type be passed in as a parameter. Some (all?) cards can, however, be identified based on their number pattern. Therefore, I wrote a simple function that returns the card type in a format the creditcard2
help detecting options if they have been entered...
I was wondering if this does not exist already then it would be very handy. $('#selector').myUI();//does not have options. $('#selector').myUI({option:'foo',{op:'bar'}});//ui has options. $('#selector').myUI('value');//ui has options. while on myUI we have: this.options this.element etc.. It would be useful if we had this.hasOptions which would bool (true,false) so if the ui is called with options then do something else do something else. for instance: we could use it in the following way. <div class="list">
define fields used on source of JSON retrive data ('value' and 'label')
my JSON data is not at format defined on autocomplete plugin, my fields are not called "label" and "value" in my case i use "name" and "id" for that. to use the plug-in i propose a modify on options, like: $('#project').autocomplete({ source: "search.php", label:'id', value:'name',to make that works i have make one fork (that fork steel works like original) to accept this two new options (value and label). here is a link to the script source: jquery.ui.autocomplete.custom.1.8.js i dont
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.
Next Page