Projects tagged ‘ajax’ and ‘animation’

jQuery UI is jQuery's official user interface extension. It is a collection of interaction plugins, widgets, and effects that extend jQuery to create a powerful user interface.

MochaUI is a web applications user interface library built on the Mootools javascript framework. Canvas tag graphics are used for much of the Mocha GUI components. IE8 RC1 CompatibilityAs of r426 in ... [More] the SVN, all of the MochaUI demos should now be compatible with IE8 RC1 in both the "IE=7" and "IE=8" X-UA-Compatible modes. As long as it isn't too far off in the future, sometime after the final release of IE8 I will probably release MochaUI 1.0. So if you want to get your sites IE8 compatible before that time please get the code from the SVN. UsesWeb Applications Web Desktops Web Sites Widgets Standalone Windows, Modal Dialogs and Wizards FeaturesLayoutHorizontally and vertically fluid layout module with columns and panels. Optional toolbars. Columns and panels can be collapsed, expanded, and resized. Panels can be tabbed. Panel content can be loaded with innerHTML, XHR, or an iFrame. Toolboxes can be inserted in the toolbars. WindowsThe windows and their drop shadows are drawn with the canvas element. Windows can be focused, dragged, resized, collapsed/expanded, maximized/restored, minimized/restored and closed. Windows are resizable in 8 directions. Adjustable rounded corner radius. Adjustable shadow blur. Windows can have tabs and toolbars. Dynamically create new windows on demand and load their content with innerHTML, XHR, or an iFrame. The ability to create multiple new windows from a single Json data request. Create modal and notification dialog windows. Dynamically update window content. GeneralMinimal HTML markup required. Tested in Firefox 3, Internet Explorer 6 & 7, Safari 3, and Opera 9.5. Validates as XHTML 1.0 Strict if you use no target attributes in your anchors and validates as XHTML 1.0 Transitional if you do. Featured Sites Using MochaUICorbis Stock Photography Career Day by Chase Wilson of Echo::Factory Featured Application Using MochaUIPork.Generator More Sites using MochaUISoundseller Universal Curve Change LogNext ReleaseThemes Split panels and windows Bezier Path Animation IE8 RC1 Compatibility v0.9.5 9/07/2008Added a horizontally and vertically fluid layout module with columns and panels. Columns and panels can be collapsed, expanded, and resized. Panels can be tabbed. Panel content can be loaded with innerHTML, XHR, or an iFrame. Added toolboxes which can be inserted in the toolbars. Added a second toolbar to the windows so you can now have top and bottom toolbars. Added a simple file tree plugin. v0.9 6/11/2008Windows are resizable in 8-directions Adjustable drop-shadow width Gauges (round windows) Sortable dock Tabbed windows Windows can now be collapsed by double-clicking on their titlebars Overhauled code structure to make it more modular Added more window options and events v0.8 3/13/2008Added functionality for creating multiple new windows from a single Json data request Added animated canvas loading icon to xhr and iframe load methods onContentLoaded now works with iframes Added styling options which can be set globally and for individual windows Added global effects option which toggles most of the window transition effects Now you can set individual windows to be draggable, resizable, closable, maximizable, or minimizable, overriding the global settings (Joel Lindau) Added closeAll() method which closes all windows at once Added more examples Fixed scrollbar bug in Firefox 2 on the Mac. Scrollbars no longer bleed through windows that are above them Made speed optimizations (Joel Lindau) v0.7 r22 12/11/2007Iframes now resize when you resize a window Fixed it so that if the desktop toolbars are removed the rest of the code still works Modal windows can now be used standalone without any Mocha UI html markup Removed the inline javascript from the example html Added optional autohide to the dock (Scott F. Frederick) Added the following options to new windows: onContentLoaded, onFocus, onResize, onMinimize, onMaximize, onClose and onCloseComplete (Joel Lindau) Added screens/workspaces (Joel Lindau) Pulled the slider function out of the core class Code optimizations v0.7 - 12/03/2007Added minimize functionality (Scott F. Frederick) Added mouseover "title" to close, maximize, and minimize buttons (Scott F. Frederick) Added onmouseover "title" to minimized window buttons displaying full header title (Scott F. Frederick) The close, maximize, and minimize buttons are now individually optional Added several options for setting the properties and style of new windows Added additional ajax and iframe support Reconfigured how the core class is loaded so it is easier to access the class methods Added optional toolbars to the "desktop" Added modal dialog windows Code optimizations v0.6 - 11/26/2007Fixed the IE6 select issue Added a couple more class options Minor code optimizations v0.5 - 11/17/2007Initial release [Less]

This is a javascript framework use to manage JSON data in browser. You can select, insert, update ... JSON data same working with MySQL database. You can use SQL syntax working with DOM to substitute ... [More] CSS selector in other framework. It support ajax, cache ajax, dragdrop, animation... some demo code: //create new database var oldRequest = K.create.database({ fieldName : ["compare", "responseText", "responseXML"], primaryKey: "compare", ignoreError: true }); //update data oldRequest.Update({ responseText: xhr.responseText, responseXML: xhr.responseXML, where: 'compare == "' + code + '"' }); //select element in DOM var aImg = K.select({ from: K('kombai'), where: "tagName =='IMG' && title == 'copyright uoon'" }); [Less]

nyroModal is a highly customizable modal window plugin for jQuery. You'll be able to customize either the look by CSS and the animation by creating your own using the jQuery animation function. Support in French or English.

Jelly JavaScript is an easy to use, extensible, standards-based JavaScript library. OverviewJelly (JavaScript) simply provides a set of intuitively named utility functions and classes ... [More] that you can build upon. It does not try to change JavaScript, but instead provides a more powerful and consistent toolset for working in the language. Jelly is designed around some core ideas: One global variable While it is preferable not to have more than one party adding script to a page, the reality is that often there will be several. Contributing only one variable to the global namespace minimizes the chance of collisions. Standards-based The API follows existing ECMAScript and DOM naming conventions and terminologies where possible. The advantage is that you can stay close to the standard, rather than using more derivative abstractions that have an uncertain lifetime. Conservative native prototype extensions Native extensions follow the language spec so useful features can be used before all the browsers have caught up. This also avoids collision with other libraries that liberally extend native prototypes with non-standard members. Lightweight Because Jelly makes extensive use of closures, JavaScript compressors can efficiently munge local variables, and yield optimally low file sizes. Easily configured Jelly is designed to be easily configured and compiled via command line tools. How it worksRead the QuickStart guide, for a short introduction on how the library works. Browser supportJelly has been tested to work in Internet Explorer 6+, Firefox 2+, Opera 9+, Safari 3+ and Google Chrome PluginsA growing number of plugins are now in the trunk, from date-pickers to drag and drop. Browse the source for latest updates. DocumentationThere is a small amount of documentation currently written inline; however, I plan to build on this over time. Any feedback, critiques or suggestions are welcome; send to pete (at) the-echoplex.net [Less]

A standards-based, online, collaborative multimedia authoring platform. Find updates to the Ajax Animator on my blog: http://antimatter15.110mb.com/wp/ Or try out the app for yourself. http://antimatter15.110mb.com/ajaxanimator

My javascript framework... more description will come later.

The loading plug-in is a easy to use function for displaying an image in the window during an ajax call. The zip file comes with pre-selected animations from the preloaders project at ... [More] http://preloaders.net and can be called with only one argument. Example: $("#mycontainer").loading("show");The above line of code with display the default animation (A spinning globe) in the middle-center of the window. You can also customize the results by passing in a few options. Example: $("#mycontianer").loading("show", { animation: "3D-Arrows", position : "bottom_left", zIndex : "500", parentContainer : "#anotherdiv", loadingFolderRelativePath : "js/loading" } );The above example will display 3d animated arrows instead of the globe, place it in the bottom left hand corner of the specified container (as long as the container's position is relative) , specify its zindex (default is max for 32 bit int), and tells the plugin where the loading directory is so it can find the animation. This project is a work in progress as there are a few more options I want to include (such as modal and border specification) but works well as it sits. Available positions:top_left, top_center, top_right, middle_left, middle_center, middle_right, bottom_left, bottom_center, bottom_right Available animations:3D-Arrows, 3D-Biohazard, 3D-DNA, 3D-DollarSign, 3D-Globe, 3D-House, 3D-People, 3D-Umbrella, 3D-UN Real World Example: $(document).ready(function() { $.ajaxStart(function() { $("#mydiv").loading("show", {animation: "3D-House"}); }); $.ajaxComplete(function() { $("#mydiv").loading("hide"); }); }); [Less]

Ojay: a developer-friendly wrapper for the Yahoo! User Interface libraryCopyright (c) 2007-08 the OTHER media Limited, written by James Coglan. http://ojay.othermedia.org INTRODUCTIONOjay is a ... [More] JavaScript programming interface that wraps the Yahoo! User Interface library. It aims to make code easier to read and write, by allowing more sentence-like OO syntax and minimizing repetition. Further information and docs are available on the Ojay site: http://ojay.othermedia.org HELP? FEEDBACK?Leave a message in the discussion group: http://groups.google.com/group/ojay-talk/ DEVELOPMENTIf you're checking this code out from the repository, you'll need to build the library from the source files (contained in the /source directory). To do this, you'll need Ruby installed. You can get Ruby for any platform from their web site: http://www.ruby-lang.org/en/downloads/ You'll also need the Jake gem to generate build files, and the staticmatic gem to view the doc site and run tests. gem install jake gem install staticmaticOnce you've got Ruby installed, open a command prompt in the root directory (one level up from /source) and type 'jake'. That command will combine and compress the source files and place them in the /build directory. Note that you must build the library from within the Subversion working copy, as the build process uses SVN to extract version information. To start a server for the docs/test site, type staticmatic preview site The site is then available at http://localhost:3030, and the test suite at http://localhost:3030/test/ [Less]

Alladyn is a JavaScript library with key-frame based Animation module, plugins and real time effect system. Alladyn 1.x was cross-browser (NS4,IE,Gecko), while Alladyn 2.x will be focused on making ... [More] the web applications dynamic, serving in AJAX, animations for SVG, XHTML etc. with modules like real time key frame based animation. The code is currently being relicensed to MPL/GPL/LGPL tri-license. All sources available from SVN are MPL/GPL/LGPL licensed no matter what (obsolate) docs says. We will update the source docs soon. [Less]