Feedback for Vaadin Charts 3.0 preview
I'd like some feedback on this preview version of Web Component enabled charting library: Vaadin Charts 3.0 https://vaadin.com/charts-for-jquery Please try it out and tell me what you think about it. I work for Vaadin and we are extending our open source Java and Web Components offerings to commercial products including this very versatile chart library. You can get an evaluation license for free. The development is still ongoing and feedback is greatly appreciated.
building an MVC framework
Trying to stir some interest and find others who might be passionate about having an SPA framework tailored to usage with jQuery. I've been working very hard on this: https://github.com/r3wt/jqMVC It doesn't chain you to anything. You are free to implement your own Views and Models libraries, so long as they conform to the interface. I'm looking for someone who knows Qunit.
an evolution of jQuery tabs? a new way of visualizing multiple "pages"?
I use jQuery tabs often, and really like the easy transformation they offer, from a list of divs to a set of visually separate tabs in one window. I wonder if anyone has experimented with an all-in-one-view (page) rendering of a list of divs, in which in the summary view, each div is rendered equally scaled down, as a thumbnail, perhaps with a readable title superimposed upon selection (and equivalent to raising the selected table) the selected div expands to take most of the page; the unselected
Presentation of plug in: Date-time picker for mobile interfaces
The idea is an inter-related wheels mechanism. Clock like. For example, when rolling upper wheel "Year", lower wheels "Month, Days" also rotating dependently. This helps in positioning lower values by rolling uppers, if not exact to, but definitely close to desired position, making time adjusting much quicker. Especially useful for mobile interfaces, where date-time adjusting rollers are commonly used. github example source
FancyIndex plugin presentation
Hey Guys! As I am developing plugins and code for ~13 years now, I decided to publish some plugins. So at first I am confronted with the main question: "Where do I have to publish the plugin?". Hopefully you have some nice tips and ideas. B2T: The plugin. Nowadays almost every "fresh" page looks the (s)hame: One page, very content, much scroll. So even though you really hate usability, enhance your design patters by using customer-orientated plugins like this. Example & documentation: http://www.cwdesigns.de/eskju-jquery-fancyindex.html
jqgrid colspan and rowspan plugin for table header or table row.
Colspan and rowspan is hard in jqgrid plugin. we' often have to be merged table header in project for customer. In the following code, we achieved merge table header, that colspan and rowspan. But the code is not optimized,if you have an good idea, please improve it,thank you. /* * jQuery tui tablespan plugin 0.2 * * Copyright (c) 2010 china yewf * * Dual licensed under the MIT and GPL licenses: * http://www.opensource.org/licenses/mit-license.php * http://www.gnu.org/licenses/gpl.html * *
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
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
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:
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,
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 toggleText ( Is this right way to write this method)
$(function() { $.fn.toggleText = function(data) { var oldTxt; var newTxt; if($(this).attr('toggletext') == undefined){ oldTxt = $(this).text().trim(); $(this).attr('toggletext',oldTxt); newTxt = $.trim(data); }else{ newTxt = $(this).attr('toggletext').trim(); oldTxt = $(this).text().trim(); $(this).removeAttr('toggletext'); } return (oldTxt ==
Pre-loading images with style
--2011-07-01-- Added feature to use rel attribute with path and leaving src empty for a small performance gain at the page startup. relase 0.9, 0.9.min with sample files version too --2011-04-05-- Added zip with sample html Added project to plugins page: http://plugins.jquery.com/project/imageCacheLoader --2011-04-04-- We got updates, It's getting better =D Mauricio José Rodrigues joined the project, he works with me here at ValeMais Comunicação, he added the classic options object that is a must
Contextual Auto-escaping for JQuery Templates
I would like to try and make jquery templates more resistant to XSS attacks by looking at the context in which ${} appear and using that to choose an appropriate escaping directive. I have a simple demo that doesn't handle branching or loops at http://js-quasis-libraries-and-repl.googlecode.com/svn/trunk/index.html that you can play with. Try choosing one of the "Safe HTML" examples from the dropdown at the top-right. I'd like to make that work with jquery template syntax, handle {{if}}, {{each}},
Defining methods for a plugin
I'm not very confortable with the proposed solution to add methods to a plugin. According to http://docs.jquery.com/Plugins/Authoring, you should use the pattern .plugin("method", options). Why not creating a generic api plugin to be able to use this structure: var api = $(...).plugin().api(); api.method(options); The generic api plugin should just return this.data('api'), and the plugin developer would be responsible of setting this.data('api', methods) when necessary. Regards, G.
how about a no-frills table plugin with fixed header, vertical scrollbar, and pagination?
There are some good non-jquery table scripts out there, such as TinyTable V3 and others. There are also some impressive jQuery grid plugins, and then a handful of plugins for tables that have one useful feature only. What I'm hoping someone builds is a jquery table plugin that does not exert styling control in the way Flexigrid or jqGrid does, and that offers the following: (1) sorting (2) pagination (3) fixed header (4) vertical scrollbar (horizontal not allowed) TinyTable (non-jQuery) by Michael
Behaviors - simple jQuery extension.
Behaviors as an entity is a declarative way to assign/bind scripting methods to DOM elements. We can think that browsers have following declarations in their default CSS declarations: input[type=text] { binding: TextEditorImpl; } input[type=button] { binding: ButtonImpl; } select { binding: SelectImpl; } ... So when we define <input type="text" /> in our markup we declare that the element will behave as a text editor - it will have set of all needed methods and will generate all associated events.
New Apple Dock menu: should I turn it into a plugin?
I have written a script with jQuery for a sliding menu that resembles the Apple Dock menu. See this demo (the little menu attached to the bottom of the browser) and the source code. It works on a <div> with <img>'s. You can use it as a menu, for displaying social bookmarks or as an alternative for an image slideshow. An Apple Dock style menu plugin already exists, but my menu has different functionality. Extending the existing plugin was not possible. Is this menu useful and should I turn it into
jQuery Plugin Pattern 2.0
Hi everyone, After a long time I've finally written up my latest plugin pattern that allows to namespace your plugin, use traditional OOP method conventions, as well as maintaining full backward compatibility with jQuery's traditional plugin convention. This means now you can write plugins that can be used like $(selector).pluginName.object.method() or even as $(selector).pluginName(args) or even as $(selector).pluginName(args).method() and of course you can pass arguments to your methods as well
The jquery.namespace.js plugin
jquery.namespace.js Use this plugin when you want to create a plugin that is in a namespace not immediately attached to the $.fn namespace. For example, let's say you work for acme.com and all plugins must be in the reverse-domain namespace of com.acme. Simply writing $.fn.com.acme.myplugin = function(){ ... } will not work for a number of reasons. The intermediate objects com and com.acme don't yet exist. Even if you created them, calling $('p').com.acme.myplugin() still will not work because the
JQuery Plugin for "Sign in with Twitter" and / or "Facebook Connect"
It would be great if there's a JQuery Plugin for Sign in With Twitter and Facebook Connect. Like a widget that you could add on your website to access Twitter or Facebook API's and OAuth features with PHP as the server side scripting language. Example Plugin:
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"),
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
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?
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
[autocomplete] adding element to end of autocomplete list
I am using the autocomplete plugin on my website and I wanted to add an element to the end of the of the <div/> that contains the autocomplete list, but only if the list is at it's maximum. Basically, I just wanted to let the user know that they can refine their search to get more results. I have attached a patch of jquery.autocomplete.js where I added my changes. It's probably only a total of about 10 or 15 lines. The diff is from a svn repository, so I'm not 100% confident that it will apply
Finite State Machine plugin to make testing AJAX simpler
I'm working on a Rails site using jQuery, and after reading this great post discussing the similarities between the Given/When/Then integration testing pattern and finite state machines, I've decided to try implementing all my AJAX as a FSM. The benefits of treating AJAX as an FSM is that if you can define all the possible states (S) and the transitions between them (T), then you can also describe all the expected outcomes with S * T tests. This seems like a really powerful observation; it not only