Click here to Skip to main content
Click here to Skip to main content

euDock 2.0.06 JScript Emulation of Dock style MAC OS X bar

, 19 Jun 2007 LGPL3
Rate this:
Please Sign up or sign in to vote.
An Open Source (customizable) JavaScript Emulation of Dock style MAC OS X bar

Live Demo

[on-Line Examples] euDock

Introduction

euDock is a JavaScript emulation of the Dock style MAC OS X bar.
It uses PNG, GIF, JPG (or other Web type) images, objects and transformation functions. PNG images in Internet Explorer are supported.

Using the Code

euDock has a lot of features described in the tutorial.

In the following code, I show the basic configuration of euDock bar.

Place the following inside your <HEAD></HEAD> HTML tag:

<HEAD>
   <script language="JavaScript1.3" src="js/euDock.2.0.js"></script>
   <script language="JavaScript1.3" src="js/euDock.Image.js"></script>
</HEAD>

Later, place everywhere:

<script>
   euEnv.imageBasePath="js/";

   var dock = new euDock();
   
   dock.setBar({
        left      :{euImage:{image:"barImages/dockBg-l.png"}},
        horizontal:{euImage:{image:"barImages/dockBg-c-o.gif"}},
        right     :{euImage:{image:"barImages/dockBg-r.png"}}
       });
   
   dock.setIconsOffset(2);
           
   dock.addIcon(new Array({euImage:{image:"iconsEuDock/cube.png"}}),
                {link:"http://www.codeproject.com"});
   dock.addIcon(new Array({euImage:{image:"iconsEuDock/cube.png"}}),
                {link:"http://www.codeproject.com"});
   dock.addIcon(new Array({euImage:{image:"iconsEuDock/cube.png"}}),
                {link:"http://www.codeproject.com"});
   dock.addIcon(new Array({euImage:{image:"iconsEuDock/cube.png"}}),
                {link:"http://www.codeproject.com"});
   dock.addIcon(new Array({euImage:{image:"iconsEuDock/cube.png"}}),
                {link:"http://eudock.jules.it"});
   dock.addIcon(new Array({euImage:{image:"iconsEuDock/cube.png"}}),
                {link:"http://eudock.jules.it"});
   dock.addIcon(new Array({euImage:{image:"iconsEuDock/cube.png"}}),
                {link:"http://eudock.jules.it"});
   dock.addIcon(new Array({euImage:{image:"iconsEuDock/cube.png"}}),
                {link:"http://eudock.jules.it"});
</script>

I suggest you download the tutorial/demos and take a look at the features. I can't explain everything here.

History

Ver 2.0.06 (17 June 2007) features

  • BUG FIX: euDock will SURVIVE on Safari... (I don't have enough money for a Mac)
  • Added delete Icon feature
  • Added (optional) Target Link Location
  • Now Cursor Pointer will change
  • [Examples]

Ver 2.0.04 (9 November 2006) features

  • BUG FIX: euDock can (now) SURVIVE with all kinds of prototype scripts
  • Added euCENTER align feature to euLabel object
  • Added a NEW tutorial page
  • [EXTERNAL FUNCTIONS EXAMPLES]

Ver 2.0.02 (12 July 2006) features

  • Added new generic align functions (euCENTER euHORIZONTAL euVERTICAL)
  • [ALIGN EXAMPLES]

Ver 2.0 (6 July 2006) features

  • Various Effect objects
  • Improved performances with PNG images on Internet Explorer
  • Programmable zooming functions
  • New tutorial and examples

Ver 2.00a (28 June 2006) features

Ver 1.06 features

  • Hook and align to a fixed position
  • Some bug fixes

Ver 1.04 features

  • Hook and align to HTML objects

Ver 1.02 features

  • Screen align: top, bottom, left, right
  • Resizing images
  • Link to external events
  • Fading images

License

This article, along with any associated source code and files, is licensed under The GNU Lesser General Public License (LGPLv3)

Share

About the Author

Pier...
Web Developer
Italy Italy
No Biography provided

Comments and Discussions

 
GeneralSubmenus PinmemberPajeroExceed26-Jan-10 9:42 
GeneralRe: Submenus PinmemberPier...27-Jan-10 2:45 
GeneralRe: Submenus PinmemberPajeroExceed27-Jan-10 3:55 
GeneralRe: Submenus PinmemberPier...27-Jan-10 8:18 
GeneralRe: Submenus PinmemberPajeroExceed27-Jan-10 9:57 
GeneralCompatibility with IE 8 PinmemberMember 99163529-Sep-09 0:34 
GeneralRe: Compatibility with IE 8 PinmemberPier...1-Oct-09 2:28 
GeneralRe: Compatibility with IE 8 PinmemberMember 9916357-Oct-09 4:45 
GeneralRe: Compatibility with IE 8 PinmemberPier...7-Oct-09 22:48 
GeneralRe: Compatibility with IE 8 PinmemberMember 9916358-Oct-09 1:26 
GeneralRe: Compatibility with IE 8 PinmemberRiepi22-Feb-10 3:08 
GeneralRe: Compatibility with IE 8 PinmemberPier...24-Feb-10 23:41 
GeneralRe: Compatibility with IE 8 PinmemberRiepi26-Feb-10 1:09 
GeneralChanging menu without postback PinmemberMember 99163531-Oct-08 2:54 
GeneralRe: Changing menu without postback PinmemberMember 99163531-Oct-08 5:40 
GeneralRe: Changing menu without postback PinmemberPier...2-Nov-08 22:34 
QuestionTrouble using labels PinmemberJordan Van Schyndel21-Jul-08 10:41 
AnswerRe: Trouble using labels PinmemberPier...22-Jul-08 2:13 
GeneralRe: Trouble using labels PinmemberJordan Van Schyndel22-Jul-08 3:26 
GeneralRe: Trouble using labels PinmemberPier...22-Jul-08 3:56 
QuestionThis is possible in Windows Forms .net ? Pinmemberjoaoalbertofn10-Oct-07 4:25 
GeneralNew Link Target in version 2.0.0.6 PinmemberMynetguy20-Jun-07 8:40 
GeneralRe: New Link Target in version 2.0.0.6 PinmemberPier...20-Jun-07 11:13 
Generalin asp.net how i generate clik event for enery image in the dock Pinmemberram krishna pattnayak6-Jun-07 4:24 
GeneralRe: in asp.net how i generate clik event for enery image in the dock PinmemberPier...19-Jun-07 11:20 
GeneralAdd target element to clicks to work on frames. PinmemberMario Zaizar27-Feb-07 15:55 
GeneralRe: Add target element to clicks to work on frames. PinmemberPier...27-Feb-07 21:14 
QuestionNot working - Labels? Pinmembervectran2-Feb-07 19:05 
AnswerRe: Not working - Labels? PinmemberPier...2-Feb-07 23:45 
GeneralDelete a Icon and replace image of selected icon Pinmemberjllopezm24-Nov-06 22:58 
Generallarger initial start size Pinmemberheyitssteve19-Sep-06 16:03 
GeneralRe: larger initial start size PinmemberPier...19-Sep-06 21:48 
GeneralRe: larger initial start size Pinmemberheyitssteve20-Sep-06 13:34 
GeneralRe: larger initial start size [modified] PinmemberPier...20-Sep-06 21:04 
GeneralSmall Request [modified] PinmemberPeter.Chan11-Jul-06 20:54 
GeneralRe: Small Request PinmemberPier...11-Jul-06 22:15 
GeneralRe: Small Request PinmemberPier...12-Jul-06 0:16 
GeneralRe: Small Request [modified] PinmemberPeter.Chan12-Jul-06 2:17 
GeneralRe: Small Request [modified] PinmemberPier...12-Jul-06 6:52 
GeneralRe: Small Request PinmemberPier...13-Jul-06 0:18 
GeneralRe: Small Request PinmemberPeter.Chan20-Aug-06 21:17 
GeneralASCII ART [modified] PinmemberPier...12-Jul-06 0:39 
GeneralRequest for label PinmemberPeter.Chan10-Jul-06 22:54 
GeneralRe: Request for label PinmemberPier...11-Jul-06 2:21 
GeneralRe: Request for label PinmemberPeter.Chan11-Jul-06 5:59 
GeneralRe: Request for label PinmemberPier...11-Jul-06 6:26 
Generalopen in new window ( or tab) Pinmemberanga16-Jun-06 3:21 
GeneralRe: open in new window ( or tab) [modified] PinmemberPier...16-Jun-06 4:57 
GeneralRe: open in new window ( or tab) ANOTHER EXAMPLE [modified] PinmemberPier...16-Jun-06 5:04 
GeneralChanged to support multiple docks [modified] Pinmembertvidigal6-Jun-06 2:06 

General General    News News    Suggestion Suggestion    Question Question    Bug Bug    Answer Answer    Joke Joke    Rant Rant    Admin Admin   

Use Ctrl+Left/Right to switch messages, Ctrl+Up/Down to switch threads, Ctrl+Shift+Left/Right to switch pages.

| Advertise | Privacy | Mobile
Web02 | 2.8.141015.1 | Last Updated 19 Jun 2007
Article Copyright 2006 by Pier...
Everything else Copyright © CodeProject, 1999-2014
Terms of Service
Layout: fixed | fluid