Tags : Browse Projects

Select a tag to browse associated projects and drill deeper into the tag cloud.

hsjn

Compare

  No analysis available

AboutHSJN is a lightweight jQuery DOM Builder plugin designed around a parser for a highly portable JSON-based HTML Snippet notation. The plugin itself is merely the logic engine which takes a Javascript object of properties and creates real DOM nodes. Using HSJNHSJN has a couple key features ... [More] which make it ideal: Usually shorter than the HTML it generates Simple jQuery selector style tag, class, and ID declaration Easily add simple text or append children (or both!) to any node within an HSJN tree. Create complex jQuery chains right inside an HSJN object. Easily define attributes and custom CSS styles easily. Highly portable, can be parsed by the jQuery JSON parser, which means HTML DomBuilder snippets can be sent through AJAX! ExamplesLets say you have the following, straightforward html snippet. " and "$", respectively. See below.) An "Array" is treated as a nest for children HSJN elements. If the array is one level deep (['ul']) it is treated as appending a single child. If the array is two levels deep ([ ['li'], ['li'] ]), each element within the array will be appended as a child of the current element, and as siblings of each other. Declaring Attributes and StylesWith any HSJN object, you have the opportunity to pass in attribute values, and custom CSS styling. HSJN treats a core level Object ( {} ) as an attribute group. CSS styling must be contained within the core level object, indexed by the character "". An example of adding attribute values to the div: ['div#ui-tabs-container.ui-tabs', { ref: '#someCSSSelectorForOtherUse', _: { // CSS Styles backgroundColor: '#565656', position: relative } }, ['ul', ['li', ['a', {href: 'site/page1.html', title: 'Click to Load!'}, ['span', 'Load Page 1'] ] ] ] ]Create jQuery ChainsLets say that we wanted to bind some jQuery methods to the snippet. We can easily add any jQuery methods (ones accessible to $('...').methodName()) to the snippet: ['div#ui-tabs-container.ui-tabs', { ref: '#someCSSSelectorForOtherUse', _: { // CSS Styles backgroundColor: '#565656', position: relative }, $: { appendTo: ['#someElem'], tabs: [{ cache: true }], bind: ['my-custom-event', 'myCallback'], trigger: ['my-custom-event'] } }, ['ul', ['li', ['a', {href: 'site/page1.html', title: 'Click to Load!'}, ['span', 'Load Page 1'] ] ] ] ]Now, when the snippet is done building the HTML and children nodes, it will append itself to the specified element, make itself a tabs() widget, bind a custom event using a globally accessible function named "myCallback", then trigger it. When declaring jQuery chains, there are a few important things to note. You have the ability to declare "dot namespaces" to designate multiple calls to a single function within the hash. (ex. $:{'tabs.new': [], 'tabs.add': ['add', ...], 'tabs.add2': ['add', ...]) If you pass in a string, HSJN will assume you're referencing a function, and will attempt to find it. HSJN will begin looking for your function as a child of "window". (ex. $:{click: 'myClickHandler'}) If you need to use a function internal to an object, you can scope it in. (ex. $:{click: 'myClickHandler::myObject'} will look for window.myObject.myClickHandler) If you pass in an array, jQuery will assume each node of the array is a parameter for the function. (ex. $:{bind: ['click', 'myFunction']) Within an array, the HSJN parser will attempt to resolve any string it finds to a function. If it cannot, it will assume its a flat string, and not a function reference. If you pass in null, undefined, or false as the value of any object, it will simply call the function. (ex $:{show: null} is equivalent to $('...').show();) If you pass in an actual function, it will use the actual function as the parameter. Direct Integration with jQueryIn addition to the HSJN core parser, ( which can be accessed by calling $.hsjn() ), the plugin also features an element modifier, for direct appending. $('#someElement').hsjn( myHSJNObject ) will parse myHSJNObject, and append it as a child of #someElement. [Less]

0 lines of code

0 current contributors

0 since last commit

0 users on Open Hub

Activity Not Available
0.0
 
I Use This
Mostly written in language not available
Licenses: mit

ggejs

Compare

  No analysis available

Last Updated 2009-04-12 OverviewGGEjs is a small, easy to learn and use javascript engine. It's designed to simplify the creation of fast browser-based games. If you know javascript, HTML and CSS, you can get started making games with GGEjs. Best of all, it's free. GoalThe goal of this ... [More] project is to provide a stable, cross-browser game engine that uses readily available, free and open resources: HTML, Javascript, and CSS. Browser RequirementsMost games made with GGEjs will run ok on just about any standard computer that has a browser. Users will get the best experience if they have a computer less than 5 years old, and are running a modern browser such as: FF2+, IE6+, Webkit (Safari, Chrome) or Opera. Game Developer SkillsAt a minimum, you'll need to know some javascript, CSS and a little HTML. Having a game you want to make is a good idea, but not necessary. You can mod the example games that come with the GGEjs source and create new games that way. Optimally, you should have a solid grasp of javascript, an idea for a game, and the patience to work on creating your game. Don't worry if you don't have great programming skills. The code is not that complex or hard to understand once you get used to it. With a little perseverence, you can learn a lot about how to make your own video games. Where's the code?It's coming! There's a few things to do first, like setting up the project here in google code, cleaning up some documentation, and organizing the code for google's svn repository. The engine is already well underway, and is currently at a stable version. It just needs to be set free so others can enjoy it too. You can check out some games created with GGEjs at http://gogomakeplay.com/ . There's now a GGEjs game dev discussion group, for help with making games and getting the most out of the engine. [Less]

0 lines of code

0 current contributors

0 since last commit

0 users on Open Hub

Activity Not Available
0.0
 
I Use This
Mostly written in language not available
Licenses: mit

libjsxml

Compare

  No analysis available

JavaScript XML/XSLT library is used for client-side manipulations with XML strings and DOM objects, including XSL transformations. Provides single API for different browsers. Can use remote files as XML and XSL sources.

0 lines of code

0 current contributors

0 since last commit

0 users on Open Hub

Activity Not Available
0.0
 
I Use This
Mostly written in language not available
Licenses: mit

pirate-js

Compare

  No analysis available

pirate! attempts to solve several major problems in the world of JavaScript development. 1. Various libraries redoing the work of others to solve the same problem. 2. Namespace collision. 3. Bloated code. 4. Broken interaction of different libraries. pirate! solves these problems by existing as ... [More] the wrapper around which JavaScript libraries should be developed. pirate! is the library for people developing libraries. [Less]

0 lines of code

0 current contributors

0 since last commit

0 users on Open Hub

Activity Not Available
0.0
 
I Use This
Mostly written in language not available
Licenses: bsd

flowerpot

Compare

  No analysis available

The Flowerpot is a jQuery plugin that allows you to overlay images, DOM elements, AJAX content, and iframes onto a web page. You can overlay a single item or associate multiple items (of any type) in a gallery. FeaturesEasy to use Just add class="flowerpot" to a link and let The Flowerpot's ... [More] automatic link detection do the rest for you Easy to customize Built-in functions for changing locale strings (i18n) and settings, keeping you in control (including turning on/off automatic type detection and gallery thumbnails) Smart Automatically scales the overlay, regardless of the overlay type Standards-compliant Valid CSS and (X)HTML Works in all major browsers IE 6+, Firefox 2+, Safari 3+, Opera 9+, and Chrome 1+ RequirementsThe Flowerpot relies on the jQuery (1.3+) library. You'll need to load the included CSS as well. UsageAssuming jQuery is already loaded, include The Flowerpot's CSS and JavaScript files: @import url(flowerpot.css); Any element on the page with the class "flowerpot" will launch an overlay. To get a linked image to appear in an overlay, it's as easy as Image. And with automatic type detection, you can link to images, inline divs, YouTube/Vimeo videos, pages on your domain (for AJAX), or external sites (for iFrames). ImagesImagewill open "photo.jpg" in an overlay. The image will be scaled down if it exceeds the size of the browser window. DOM ElementsWatch Videowill display the element on the page with the ID "video" in the overlay. AJAX ContentLoad Contentwill display the text/HTML returned by "ajax.html" in the overlay. iFrameApple Canadawill display the URL inside the href attribute in the overlay, using an inline frame. YouTube VideoYouTube Music Videowill display the YouTube video at the link specified (The Flowerpot automatically gets the appropriate data from the URL). GalleriesMultiple items can be viewed one after another without closing the overlay by adding rel="gallery[NAME]" to each element that should be part of that gallery. You can have as many galleries as you like, with as many items as you'd like, and you can mix all kinds of content in a gallery (i.e. images and iFrames in the same gallery). LicenseIn keeping with jQuery and most of its plugins, The Flowerpot is dual-licensed under the MIT and GPL (v2 or later) licenses. This means you can pick whichever license you want to use for your project. [Less]

0 lines of code

0 current contributors

0 since last commit

0 users on Open Hub

Activity Not Available
0.0
 
I Use This
Mostly written in language not available
Licenses: mit

dom-gettext

Compare

  No analysis available

This project aims to provide a gettext-like API for JavaScript. It will provide an object-oriented approach. implement a formatting function like printf or python’s string formatting. make live changes of translated DOM nodes possible. use a flexible loader/caching mechanism for message ... [More] catalogs. provide command-line tools to extract messages into .po(t) files and convert .po files to JSON. [Less]

0 lines of code

0 current contributors

0 since last commit

0 users on Open Hub

Activity Not Available
0.0
 
I Use This
Mostly written in language not available
Licenses: mit