Projects

golfdom

golfdom is a DOM implementation and browser environment written in JavaScript. It aims to be compatible with Mozilla's Gecko, and to support popular JavaScript libraries like jQuery and Prototype for use server-side or anywhere else a DOM is required but a browser is unavailable. golfdom is ... [More] close to basic functionality and can run Prototype 1.6 with some modifications to the Prototype source. Statusgolfdom is unfortunately nowhere near completion. Some of the things it's lacking: event handler support lots of other stuff DevelopmentI've been testing golfdom with SEE, a fantastic JavaScript interpreter library. SEE comes packaged with an interpreter that can be used to develop and run golfdom. How to UseGet a JavaScript interpreter like SEE (C), Rhino (Java) or SpiderMonkey (C). Change the println() statements in document.js to the native output function of the interpreter you're using. In see-shell, the one packaged with libSEE, it's print(). Put together a simple test script that includes document.js and element.js, and use document.render() to print your browser-less DOM tree. Simple Exampledocument = new Document(); document.title = "golfdom is Awesome"; p1 = document.createElement("p"); p1.innerHTML = "this is the first paragraph."; p1.id = "first_paragraph"; document.body.appendChild(p1); p2 = document.createElement("p"); p2.innerHTML = "this is the second paragraph"; document.body.appendChild(p2); if(document.getElementById("first_paragraph")) { p2.innerHTML = "I found an element id using the dom interface."; }else{ p2.innerHTML = "I didn't find an element id using the dom interface."; } document.render(); [Less]

dom-resource

Write Ajax code towards your REST web applications with a very simple Rails like API. resource.js uses prototype.js and specially marked up html code. If you follow rails conventions for dom id's and and use Rail's restful controllers you should be all set to use resource. A quick ... [More] example: Given a DIV with the id 'person_12'. Call '$REC('person_12').destroy()' will send a http delete action to '/people/12' on your server. [Less]

protolite

Protolite is a light-weight javascript framework based on the Prototype.js Framework. It includes basic extensions and adds new ones (like simple effects, Mouse capture, ...).

customselect

What is customselect.js?This script automatically gets all or a specific array of 'select' elements in a page and replaces them with fully customizable lists. The gain is real for your website design: you don't need to change anything, your forms keep functional. But now you can really ... [More] have customized selects and have the benefits of a fully CSSizable element. FeaturesFully customizable with simple CSS Working with prototype.js Not intrusive and no invalid code generated ExampleA simple code example for replacing all selects in a page: If you want all select elements to be customizable: // If you want a particular elements to be customizable : // Known issuesThis script is not working with IE lower than version 6 [Less]

pro2js

Prototype ProfilerOverviewPrototype Profiler (pro2js) is a utility that can be used to detect poorly performing JavaScript code. In contrast to other profilers, pro2js supports all commonly used browsers (including IE6). It allows you to work with test results easily and performance is excellent. ... [More] Features:Prototype profiler is a "monkey patch" for the prototype library. It does not require modifications of the prototype code and it can be easily disabled (for example, in different environments). Prototype profiler logs all DOM–selectors and classifies them by selector type (for example: p#id7 ~ p -> element#id~element). Therefore, you can easily detect expensive DOM–selectors and avoid executing similar selectors multiple times. Prototype profiler will log the number of results returned by each of the selectors. This allows a user to find useless selectors or selectors which return an excessive number of results. Prototype profiler will also log all executed dom:load event handlers (dom:load event observers) and measure the speed at which they are executed in addition to displaying the list of selectors that were executed during the handler’s work. The utility is compatible with ie6+, FF, safari, opera, chrome, as well as with several mobile browsers (it was tested on iPhone and Nokia E-series). Usage exampleFirst of all, include pro2js lib right after the prototype library: Now you can create an instance of the profiler class and pass callbacks & options into it: var myDecoProfiler = new PrototypeProfiler({ 'onSelectorAdded': demoApp.updateSelectorsLog, 'onOnLoadEventAdded': demoApp.updateEventLog, 'namespace': 'demoApp' });And finally, define your callbacks: var demoApp = { updateSelectorsLog: function (profiler) { alert(Object.toJSON(profiler.selectors)); }, updateEventLog: function (profiler) { alert(Object.toJSON(profiler.events)); } };Below you can find examples of callback output: { "#id": [{ "query": "#events-log", "count": 0 }, { "query": "#events-log", "count": 0 }, { "query": "#events-log", "count": 0 }, { "query": "#sandbox", "count": 1 }] }[{ "name": "demoApp.sandbox.init()", "time": 20, "selectors": ["#sandbox", "#events-log"] }, { "name": "demoApp.selectorForm.init()", "time": 20, "selectors": ["#app", "form", "#anonymous_element_1", "#selector", "#events-log"] }, { "name": "function (e) {\n $(\"selector\").focus();\n}", "time": 16, "selectors": ["#selector", "#events-log"] }]Get more infoDownload pro2js and demo. Try live demo. Get the utility from the repository. View JSDoc documentation. Usersmydeco.com acunote If you use pro2js, please let me know so that I can add you to the list ThanksSpecial thanks to Mom and Dad, mydeco.com team, Paul Egan for his code review, Shane Evans for his help with docs and to Ilya Furman for beta-testing. [Less]

mkup

Mkup is a small tool that can be used to create DOM nodes using Javascript, using a convenient API that makes building complex DOM structures easy, maintainable and fast. Currently, Mkup is (minified) 2.3 kb small and depends on Prototype (Tested with 1.6, but should work from at least 1.5 on). A ... [More] jQuery Plugin version of it in the works, but currently, getting a useful and stable API is needed first. File a bug if you want to use it as jQuery plugin, this may speed things up :-) Mkup implements the builder pattern, much like the ones found in Groovy. If you want to give it a try, have a look at the Examples, or open the workbench, where you can try the API without hassle or installation - just type some code and click "run"! Comments, suggestions and patches are very welcome! [Less]