Listview into Panel
I put a listview inside a div with jquery iscroll to then view this in a panel, but the result does not work very well. The search input, of the listview, is not selectable. Why do you create tags or functions that create automatically this type of listview in a panel?
Using Tooltip with img alt attribute
I want Tooltip to display my img tags' alt attribute text. I am a newcomer to jQuery and jQuery UI so I am still on the steepest portion of the learning curve. The UI Tooltip API provides an example of how to change from the default attribute ('title') to the img alt attribute. In doing so it shows how to use the Tooltip items option (http://api.jqueryui.com/tooltip/#option-items). It also states, "When changing this option, you likely need to also change the content option." However, the content
Passing hash to $.fn.toggleClass
Similar to .attr and .prop $('body').toggleClass({ editable: true, allowThing: false })
exercises together with arrows
Hello friends! I would make an educational website with exercises together with arrows. What I do is something like this but in html5 http://www.juegos.educ.ar/matematica/165-unir-con-flechas.html I'm a little lost and a little rusty with javascript. Anyone can help me to address this issue with jquery or any book that can help me with these concepts. thank you very much friends! PD: Sorry for my English.
Some additional features for the new panel widget
Hello I downloaded today the new beta Jqm 1.3.0 and tested the new features. The panel widget is a really interesting feature, so here are some feature requests for it ( I don't know it some of them might be already on the todolist): - An Option to set the width of the panel. Atm it's always 17em, but for some cases this is too/less wide - A display setting to show the panel and shrink the main content instead of slide a part of it out of the window. - Make it scroll on its own, so if the content
Increase PageRank with this jQuery plugin
Hello all, Increase PageRank with text-links with the above plugin you can define anchor links differently, keeping PageRank on the site and thus increasing site PageRank. What do you think?
Proposed Addition to Collapsible Set
Basically my problem was trying to have a dynamic collapsible set that BEFORE expansion would see if content was loaded, and if not would inject it using AJAX. The only thing I have been able to confirm working is the bind event of expand and collapse. What I would like to see added is a "beforeexpand" or "click". The problem as it is now the expand fires showing a blank space before filling with content. In a perfect world after a user clicks we could do whatever check we wanted and then the
Iphone/Ipad/Safari.... Font weight changes on device Orientation change...
[Happens in IPhone/IPad/Safari] When the device rotates from one orientation to the other... the fonts becomes thicker in app... this can be overridden/solved by extending .ui-mobile-viewport with the following... -webkit-transform: translate3d(0,0,0); I request the JQM plugin developers to add this.
jQuery.now() to comply with the "High Resolution Time" API.
jQuery.now() is a useful function. It can be more useful. I would add a boolean operator that will allow to change the default behavior ( (new Date).getTime() ) to be performance.now() as per the High Resolution Time W3C Recommendation. What do you think?
gapples jquery plugin
http://gapples.sinaapp.com/ include tables/tabs/waterfall/orgchart/msgbox orgchart http://gapples.sinaapp.com/doc_orgchart.html waterfall http://gapples.sinaapp.com/doc_waterfall_demo.html
[jQueryUI] [Tooltip] One more demo - Growl
Here is a proposal for a one more demo for Tooltip: simple growl. With the new jQueryUI Tooltip widget there is no need in a separate growl plugin anymore. http://jsfiddle.net/yarshevich/GrFDQ Please let me know if it sounds reasonable. I can add it to the demo site.
Add a summary in doc
Hi guys, It could be a great thing, in documentation pages like this one http://jquerymobile.com/demos/1.2.0/docs/api/methods.html , if there is a summary of main topics. Currently, you have to scrolled all the page to find one method you're searching for. If you're lucky, you find it at first place. But it works once... Thanks for your work. Hoping my idea will help somebody somewhere ************************************************************************* jQuery, jQuery UI, jQuery Mobile and QUnit
datetime picker
Here is a cool looking draft that seems to be based on the current datepicker. (source) http://jonathonhill.net/2009-03-27/jquery-datetime-picker/ The jqueryui date picker could become a datetime picker like the one above. And then the options could specify if you want just date, date and time, or just time. There is a strong need for one of these. The user experience with using select form fields on Month, Day, Year Hours:Minutes:Seconds is very poor because of the number of clicks required to fill
what are the basic logic about this code
i get totally confused this alert call one time how ? var i = 0; function call(name) { if (i === 0) { setTimeout(function () { alert(name); i = 0 }, 1000); } i++; } call('as'); call('as1'); call('as'); call('as1')
A Plugin to Speed Up Click Events in iOS and Others
demo: justinmccandless.com/demos/jquery.mobile.fastButtons/index.html github: github.com/justinmc/jquery.mobile.fastButtons I wanted to share this easy plugin I wrote for a project with a big emphasis on performance. I was having huge problems with click events happening very slowly, especially on iOS. It made my app feel incredibly sluggish next to a native app, but the problem wasn't that HTML5 was slow, it was just that the webview was waiting around for click events to fire. jQuery Mobile actually
A Very Simple and Open Carousel
live demo: justinmccandless.com/demos/jQuery-Open-Carousel/index.html the code: github.com/justinmc/jQuery-Open-Carousel It's a carousel that is super easy to implement in HTML without touching any javascript, while also trying to be as flexible as possible. After including the js and css, you can implement it as easily as this: <div class="ocarousel"> <div class="ocarousel_window"> <!-- Your Content Here --> </div> </div> A bunch of more detailed features are easy to set up, like
File input + mini-gallery widgets for jQM 1.2.0
Hello, I just finished a file input and a mini-gallery widgets for jQuery Mobile 1.2.0 I tested tested them on : Android 4.1 Internet Explorer 8-9-10 Chrome 23 iOS 6.0.1 Every feedback is welcome, Have fun
Grid in jQuery based on Flex Grid
Below is the code which converts html table to jquery grid. I am using custom attributes like dataField, Sortable, ItemRendererFunction to display grid rows. Please copy the code to create test html file. I would appreciate feed back. Thanks! <!DOCTYPE html > <html> <head> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <title>FlexLikeGrid</title> <style type="text/css"> body { font-family:Arial; font-size:12px; color:#000000; } .Rowgradient { background-color:
Attaching scripts directly to DOM elements
Is this a really bad idea? I'm currently working on a pretty complicated mobile/web app based on jQuery Mobile, which pulls in pages using AJAX, and uses it's own system for caching/removing pages. I've recently found myself wanting to be able to attach a script directly to a particular element in a page, which isn't something that's currently possible. (When I say page here, I really mean a jQuery Mobile <div data-role="page"> element, being loaded via AJAX, rather than a full, "real" page) As it
A new tag manager
http://soliantconsulting.github.com/tagmanager Tom
Add thumb up / thumb down icons to default theme
It would be cool to have a thumb up and a thumb down icon in the default theme. :-)
TableSorter with defined width columns
Hi, I would like to go on using TableSorter plug-in with Pager companion for formatting tables but I also have, in some cases, to defined the width of each columns. I tried to find a solution in ancient posts but failed, so here is the solution I purpose. Nevertheless, if another more elegant solution has been provided, I would adopt it straight away. In the function buildHeaders, I check if a width parameter has been provided for the column and, if it has, I set the css/width property. That is,
Trying to parse xml
Im trying to parse the xml within the <def> tag. I would like to deal with the contents of the <def> tag line by line as it is layed out below, however, each line is has several tags that are not wrapped in some kind of "line" tag. Any suggestions? Please comment <def> <sn>1</sn><dt>:<ref-link>mouth</ref-link></dt> <sn>2</sn><svr><va>boca arriba</va></svr> <dt>:face up, on one's back</dt> <sn>3</sn> <svr><va>boca abajo</va></svr> <dt>:face down, <ref-link>prone</ref-link></dt> <sn>4</sn> <svr><va>boca
Feature request - $.ajax lazy loading
Hi, why couldn't we store in a var all our $.ajax requests and execute them only on need? If i write $.ajax({something}), the request actually is automatically executed. I'd like to store this request in an array and execute them programmatically. If this is already possible, please tell me how...! Thanks Matteo P.S.: obviously I could wrap AJAX requests in an anonymous function's body and store its reference as an array element. I'm asking about why this couldn't be implemented as a native functionality,
Suffix character for Spinner
It would be really useful if there could be a suffix option for the spinner component. I need it to use spinner as percentage. Thanks!
SuperFish Jquery menu control not working properly in IE 9
The superfish menu control is not working in IE 9. on mouse over the menu is visible but the moment we scroll down to access the menu the menus dissappear. If we refresh the page then the menu works properly. The issue comes only when we open the borwser and open the page having the superfish control for the first time. This is owrking in all other browsers as well as previous versions of IE (upto 8) Urgent Help required
Why not add timer functionality to the core?
It seems to be that jQuery is all about taking what you can already do in JS in browsers, and wrapping it to make it a lot easier. To that end, timer functionality would seem to be an ideal thing to add to the jQuery core. You could have named timers, or timers associated with individual DOM elements. I could just refer to a timer by name, for example: $.timer("redCountdown").start(); $.timer("redCountdown").changeInterval(123); $.timer("redCountdown").stop(); Or have a timer associated with DOM
Adding RTL property to the page
Hello, I have been working on RTL support for jQuery Mobile and you asked on twitter how to make this more maintainable. I suggest adding an RTL property to the page class/element; then check this property before setting any button/icon default positions and check it in sliders code as shown below; then make another RTL CSS file that overrides/reverses some values (floats, margins, text-direction.. etc) which users can simply link when RTL support is needed. Here is my idea: 1) Make a property for
jQuery Mobile - Swipe Up, Down, Left, Right
On a project my team is working on, we need swipeup and swipedown functionality. I have written a short blog entry in how to accomplish that currently using jQuery Mobile 1.0a2. http://developingwithstyle.blogspot.com/2010/11/jquery-mobile-swipe-up-down-left-right.html
jquery ui should support deferred and promises
e.g. the tabs widget: When activating a tab (which might be a static one, or might be a ajax load), this should give access to a promise so you can use : .done( function () { .. } ) for writing code when activating of tab is done (again, ajax or static) .fail( ) for writing code when activating a tab failed, and .always for writing code to be executed in both cases.
Making accessible the original URL used in a $.load() call.
Simply, either: make the original URL of a Div's .load() call available for future use. Perhaps as something like ("#myselector").url and/or create a .reload() method or similar to facilitate the primary objective of #1. Thanks in advance for consideration, - Pete
Simple file download for generated output
Hi all, Posted this as an idea proposal, not sure if that's right, basically it's a solution to a problem I had so I'm giving the code away. I found I needed to interrogate a database and save the output as a text file on the users PC. Now I could have dumped the output into a temporary file and given the user a link, but I'm lazy and didn't want the housekeeping work of tidying server files up later. If I just submitted a form and the server generated an error instead of a download then handling
Usage of configuration of Download Builder settings
When using the Theme Roller, I can upload my 'old' theme and download a new version in the newest format. It would be lovely if the same could be done when using the Download builder. Instead of I must select/deselect items every time I want to download a new version of my JQM build, it would be nice if I could just upload a configuration file and then all my seletions/deselections were done. It is just an idea. It would make upgrading much faster, as I dont have to remember which settings I
to print one div content from page containing more then one div without opening new tab or new window in ie
function ------------ var opt; $.fn.div_print = function (options) { opt = $.extend({}, $.fn.div_print.defaults, options); var $element = (this instanceof jQuery) ? this : $(this); //for mozilla/opera or opera support if (opt.mozilla/operaSupport && $.browser.mozilla/opera) { var tab = window.open("","div_print-preview"); tab.document.open(); var doc = tab.document; } //for ie support else { var $iframe = $("<iframe
jQuery builder
Hi, I try to develop for a customer some WebWorkers to made some ajax request. The problem is that I can't load jQuery because it try to plug on the window object. And often, I use jQuery only for the DOM ready event and to send some Ajax requests (and use some utilities function, like isFunction, noop ...). Can we have a builder, where we can choose what part of the core we want to load (core, utilities, ajax, manipulation, transformation, animation ...) ? And this builder can have an option where
Loading seperate Div's (hashchange)
Hallo together, I don't really know where to put this. But I'll try it here ^^ So I wrote a little jquery script. The script loads 2 Div's out of one different page, and loads them into the told Div's. You can use it as a navigation script, or just to load Div's from a seperate sheet. The advantage of using this as your Navigation is, that it only loads the needed Div's and not the whole site. That it works you have to look for the namegiving. First you have to give the links a special type of "link",
Navigation in pages with JQuery (hashchange)
So I wrote a little jquery script. The script loads 2 Div's out of one different page, and loads them into the told Div's. You can use it as a navigation script, or just to load Div's from a seperate sheet. The advantage of using this as your Navigation is, that it only loads the needed Div's and not the whole site. That it works you have to look for the namegiving. First you have to give the links a special type of "link", a hash. For example: <a href="#book">Book</a> Because on my site the other
Simple parameter passing to dynamic pages
A question that often comes up is how to pass parameters to some dynamic page. I'm using a rather loose definition of "dynamic page". By that I mean a page that has some content creation done in Javascript (whether or not the page was originally provided by a server). Typically, parameters are passed in the URL as a query string. Then you have to parse the query string, and it also looks ugly in the URL bar of desktop browsers. Why go to all that trouble? Such pages usually have a pagebeforeshow
datepicker positioning
Why doesn't the jQuery UI datepicker use the build-in position utility? I searched the docs and couldn't find any instructions on how to change the position of the popup. There are lots of blog posts and answers on StackOverflow out there showing how to reposition it using the beforeShow callback, but really including the position utility would make it so much easier.
more options for dialog
hi, I 'd like an option like "title-bar: false" for dialog, is that possible? Regards.
Next Page