Blogs

Here’s how to build it (Dreamweaver + Nitobi Style):

1. Use the Nitobi Fisheye Component (Dreamweaver Extension) this set ups the Ajax component on the page, and configures the component by setting the properties for display, animation and images:
2. Sets up the Declaration:

   


   …You get the idea, this repeats for all the menu items.

3. Includes the script and CSS
   

   
   

   


4. Onload Function
   function onLoad()
{
nitobi.loadComponent("myEyeObj");
5. Add a a function to call when the a menu item is clicked to open a new AIR window and load a given URL.
   function runWindow(wid) {
var bla = window.open("http://" + wid, wid, "width=800, height=600"); }

6. Add the capability to click and drag the app around the screen when the bar above the menu is clicked with the mouse.
   nitobi.html.attachEvent($("grabby"), "mousedown", function() {window.nativeWindow.startMove();});
....

7. Then Package as an AIR application with the System Chrome set to “None” and set it to “Transparent”.

More Info and files. Download the code and AIR file to play around with it.. Check out Alexei’s original Ajax Fisheye post.

Technorati Tags: ajax, air, nitobi, adobe, onairbustour, component, fisheye, macdock, dreamweaver, extension