Examples


Monday, October 8th, 2007

$: Now with more magic!

Category: Examples, JavaScript, Library

Dustin Diaz is on a roll :) He has posted about Roll out your own JavaScript Interfaces in which he discusses the desire to use style from libraries such as prototype, jquery and friends, yet in a small bit of code where you don’t want to use the library: There are times when using a Read the rest…

Posted by Dion Almaer at 6:47 am
12 Comments

+++--
3.6 rating from 37 votes

Wednesday, September 26th, 2007

Traffik: Using the cross domain read write API

Category: Examples, JavaScript, Showcase

Justin Meyer and Brian Moschel created an application, Traffik, that “lists events from Google Calendar and shows the locations of those events in a map. Traffik shows only events with locations.” Where it differs from the usual calendar » maps mashup is that you can login, and the application can read private calendar data, and Read the rest…

Posted by Dion Almaer at 9:04 am
2 Comments

++++-
4 rating from 26 votes

Monday, September 10th, 2007

Asynchronous File Upload with YUI

Category: Examples, Yahoo!

Cuong Tham has written up an example of implementing asynchronous file upload using YUI. His example walks through the steps required to build the functionality, and ends up with the following simple meat: < View plain text > javascript function init(){   var onUploadButtonClick = function(e){     //the second argument of setForm is crucial, Read the rest…

Posted by Dion Almaer at 4:34 am
6 Comments

++---
2.9 rating from 54 votes

Thursday, August 9th, 2007

Sync Progress and Contact Management with Gears

Category: Examples, Gears

A couple of Gears samples have been released. Arjun Kalura has created a database sync module that shows the progress of a sync between a remote database, and a local one. The example also uses the worker pool to execute SQL in its own thread and hence keeping the user interface freed up to show Read the rest…

Posted by Dion Almaer at 10:55 am
Comment here

+++--
3.5 rating from 22 votes

Wednesday, June 13th, 2007

Mandelbrot Demo using a WorkerPool

Category: Examples, Gears, Google

Nick Edgar started to play around with the Workerpool component and decided to build a distributed Mandelbrot generator: A UI/administrator task would farm out work (columns in the Mandelbrot set) to different worker tasks, possibly running on different machines. As each worker sent in its result, the UI would draw the column, and respond with Read the rest…

Posted by Dion Almaer at 12:33 pm
5 Comments

+++--
3.2 rating from 31 votes

Monday, May 21st, 2007

Moo Image Gallery

Category: Component, Examples, JavaScript, Library

Asad Sheth has created an image gallery in 182 lines of code that work with Prototype and Moo.fx.

Posted by Dion Almaer at 5:32 am
15 Comments

+++--
3.8 rating from 112 votes

Friday, May 18th, 2007

ADF Faces Rich Client Components Demo

Category: Examples, Java

Sometimes I feel a little bad when people enjoy a new component here or there, when there are tools such as TIBCO, Backbase, and Oracle ADF that have hundreds of them :) Oracle has released ADF Faces Rich Client Components Demo: A first technology preview of the Oracle ADF Faces Rich Client components is contained Read the rest…

Posted by Dion Almaer at 6:26 am
7 Comments

+++--
3.2 rating from 49 votes

Thursday, May 17th, 2007

One-Line JavaScript Memoization

Category: Examples, JavaScript, Library

Oliver Steele has written up some of his implementations of memoization in JavaScript. He ends up with: < View plain text > javascript function memoizeConstantMethod(o, p) {   var f = o[p], mf;   var s = function(v) {return o[p]=v||mf};   ((mf = function() {     (s(function(){return value})).reset = mf.reset;     return value Read the rest…

Posted by Dion Almaer at 7:24 am
5 Comments

++++-
4.1 rating from 35 votes

Wednesday, May 16th, 2007

Flash Tooltips using jQuery

Category: Examples, Flash, JavaScript, Library

Peter Goodman wanted really rich tooltips, so he decided to experiment with Flash tooltips using jQuery. jQuery has a Flash plugin that lets you embed Flash movies with code such as: < View plain text > javascript $(‘#hello’).flash({     src: ‘hello.swf’,     width: 320,     height: 240 }); It may be a Read the rest…

Posted by Dion Almaer at 8:37 am
5 Comments

++---
2.9 rating from 81 votes

Tuesday, May 15th, 2007

Velocity2JS: Templating within

Category: Examples, JavaScript, Library

Velocity is a popular templating system for Java developers. Velocity2JS takes the engine and has it output JavaScript functions. Example Velocity Template < View plain text > HTML <html> <body> Hello $world.name! <table> #foreach( $greeting in $greetings )    <tr>     <td>$greeting.language</td>     <td>$greeting.text</td>    </tr> #end </table> </body> </html> JS Output < Read the rest…

Posted by Dion Almaer at 6:31 am
18 Comments

++---
2.9 rating from 35 votes

Thursday, May 10th, 2007

MooTools Video Tutorial

Category: Examples, MooTools, Recording, Screencast

Rick Blalock has released a free version of his MooTools video tutorial that covers: Lesson Two – De-Cluttering the Membership Page Lesson Three – Using MooTabs to Condense Related Products Lesson Four – Using a MooTools ‘Light Box’ to Create a Friendly Gallery Lesson Five – Using Fx.Styles to Control Font Size Lesson Six – Read the rest…

Posted by Dion Almaer at 9:06 am
17 Comments

+++--
3 rating from 127 votes

Wednesday, May 9th, 2007

XAJAX PHP Live Datagrid

Category: Examples, JavaScript, PHP

Timothy Lorens has created a XAJAX PHP Live Datagrid that is as simple to setup as: < View plain text > HTML <div id=“dataGrid” align=“center”></div> <script type=“text/javascript”>   xajax_showDataGrid(); </script> xajax_showDataGrid is a callback where you get to implement methods such as passing back how many rows there are, and the rows to show.

Posted by Dion Almaer at 6:49 am
18 Comments

+++--
3.7 rating from 184 votes

Friday, April 20th, 2007

Unobtrusive JavaScript, Microformats, and the Google AJAX Feed API

Category: Examples, JavaScript, Unobtrusive JS

Over on my personal blog I discussed Unobtrusive JavaScript, Microformats, and the Google AJAX Feed API. The posting discusses an example that creates a Feed Billboard using the Google AJAX Feed API released the other day. Here is the outcome: The fun part was creating a microformat that would degrade nicely: < View plain text Read the rest…

Posted by Dion Almaer at 9:55 am
4 Comments

+++--
3.4 rating from 29 votes

Monday, March 19th, 2007

Fancy Menu: CSS and JS fun

Category: Examples, JavaScript, Library, Showcase

Guillermo Rauch is a sixteen year old hacker who created a fancy menu using CSS and JavaScript based on mootools. You can use his SlideList and attach away. < View plain text > javascript window.addEvent(‘domready’, function() {   new SlideList($E(‘ul’, ‘fancymenu’), {transition: Fx.Transitions.backOut, duration: 700, onClick: function(ev, item) { ev.stop(); }}); }); Now you too Read the rest…

Posted by Dion Almaer at 4:44 am
9 Comments

+++--
3.9 rating from 75 votes

Tuesday, March 13th, 2007

Auto scrolling page navigation with $$

Category: Examples, Prototype

Tobie Langel likes a fistful of dollars and uses them to explain how to use auto scrolling page navigation with the new $$ operator in Prototype 1.5.1 RC. The article takes the initial: < View plain text > HTML <a href="#about" onclick="new Effect.ScrollTo(‘about’,{offset:-140}); return false">About</a> and gets it down to the unobtrusive: < View plain Read the rest…

Posted by Dion Almaer at 8:16 am
16 Comments

+++--
3.8 rating from 67 votes

Thursday, February 1st, 2007

jMaki Revolver

Category: Component, Examples, Java, JavaScript, jMaki

Greg Murray of Sun has put together a sample jMaki widget revolver that you use like this: < View plain text > javascript window.onload = function() {     var wargs = {uuid : ‘jmaki-revolver’};     wargs.value = [       {"title" : "jMaki Craigs List Sample", imgSrc : "../images/cl-mashup.jpg", href :"http://ajax.dev.java.net/samples/samples.html#cl-mashup"},   Read the rest…

Posted by Dion Almaer at 7:55 am
9 Comments

+++--
3.3 rating from 52 votes