Activate your free membership today | Log-in

Monday, December 4th, 2006

Dojo Fisheye Example

Category: Dojo, Showcase

<p>Richard Sharples has written up his experience mixing Dojo with Roller.

It consists of setting up the Dojo library and then:

Category Changing JS

JAVASCRIPT:
  1.  
  2. function selectCategory(catname){
  3.   var url;
  4.  
  5.   if (catname == 'All' ) {
  6.     url="$url.home"
  7.   } else {
  8.     url="${url.home}category/"+catname
  9.   }
  10.   window.location.replace ( url );
  11. }
  12.  

HTML Dojo Component

HTML:
  1.  
  2. <div class="chooser">
  3.     <div class="dojo-FisheyeList"
  4.         dojo:itemWidth="110" dojo:itemHeight="40"
  5.         dojo:itemMaxWidth="250" dojo:itemMaxHeight="90"
  6.         dojo:orientation="horizontal"
  7.         dojo:effectUnits="1"
  8.         dojo:itemPadding="0"
  9.         dojo:attachEdge="top"
  10.         dojo:labelEdge="bottom"
  11.         dojo:enableCrappySvgSupport="false">
  12.  
  13.         <div class="dojo-FisheyeListItem" onClick="selectCategory('All');"
  14.             dojo:iconsrc="$IMAGES/cat-All.png"
  15.         </div>
  16.  
  17.         <div class="dojo-FisheyeListItem" onClick="selectCategory('About Me');"
  18.             dojo:iconsrc="$IMAGES/cat-AboutMe.png">
  19.         </div>
  20.  
  21.         <div class="dojo-FisheyeListItem" onClick="selectCategory('Books');"
  22.             dojo:iconsrc="$IMAGES/cat-Books.png">
  23.         </div>
  24.  
  25.         <div class="dojo-FisheyeListItem" onClick="selectCategory('Roller');"
  26.             dojo:iconsrc="$IMAGES/cat-Hacking.png">
  27.         </div>
  28.  
  29.         <div class="dojo-FisheyeListItem" onClick="selectCategory('General');"
  30.             dojo:iconsrc="$IMAGES/cat-General.png">
  31.         </div>
  32.  
  33.         <div class="dojo-FisheyeListItem" onClick="selectCategory('Java');"
  34.             dojo:iconsrc="$IMAGES/cat-Java.png">
  35.         </div>
  36.  
  37.         <div class="dojo-FisheyeListItem" onClick="selectCategory('Home Life');"
  38.             dojo:iconsrc="$IMAGES/cat-HomeLife.png">
  39.         </div>
  40.  
  41.         <div class="dojo-FisheyeListItem" onClick="selectCategory('Gadgets');"
  42.             dojo:iconsrc="$IMAGES/cat-Gadgets.png">
  43.         </div>
  44.  
  45.         <div class="dojo-FisheyeListItem" onClick="selectCategory('W3');"
  46.             dojo:iconsrc="$IMAGES/cat-W3.png">
  47.         </div>
  48.     </div>
  49. </div></div>
  50.  

Richard Sharples Dojo Fisheye

Related Content:

  • IBM goes open source with Ajax
    IBM is partnering with the Open Source Dojo Foundation in its quest to improve Ajax development. Big Blue also donated code to Dojo to help jumpstart...
  • jQuery finds important role in Ajax-style open source framework development
    The jQuery open source library and framework has gained greater attention among a slate of frameworks that includes Dojo, Prototype, GWT and others....
  • Sun gets serious about Ajax
    Sun Microsystems Inc. demonstrates a commitment to Ajax with its new involvement with to alliances working on Ajax technology, the OpenAJAX Alliance...
  • EGL Rich UI on IBM i: Do you Dojo?
    Taking advantage of the Rich UI features of EGL architecture on the AS/400 can save you time and complexity. Rich internet applications can be...
  • Ajax framework released
    Simplified Ajax development is the goal of a new framework from Emergetk, released under the General Public License (GPL). It is written in C# and the...

Posted by Dion Almaer at 7:04 am
6 Comments

++++-
4 rating from 50 votes

6 Comments »

Comments feed TrackBack URI

Why is crap like this being published on Ajaxian?

Comment by Victor — December 4, 2006

Real men don’t use Dojo.

Comment by Roger Svensson — December 4, 2006

Shut up Roger ….Ask your Mom who is your real daddy …

Comment by Your Dad — January 12, 2007

This is sick Man!

Comment by vishin — June 20, 2007

This is not a crap and dojo is a nice toolkit…

Comment by wappy — August 13, 2007

dsfg

Comment by aaaaaaa — September 13, 2007

Leave a comment

You must be logged in to post a comment.