Functions.html 4.15 KB
<html>
</head>
<title>euDock 2.0 examples</title>
<link type="image/x-icon" href="iconsEuDock/euDock.ico" rel="shortcut icon">

<script language="JavaScript1.3" src="js/euDock.2.0.js"></script>
<script language="JavaScript1.3" src="js/euDock.Image.js"></script>
<script language="JavaScript1.3" src="js/euDock.Blank.js"></script>
<script language="JavaScript1.3" src="js/euDock.Label.js"></script>
</head>
<body>
<center>
<table cellpadding=3 style='border:1px solid #8899bb;'>
<tr><td style="border:1px solid #8899bb;">
<center><b>Execute External Functions</b></center>
</td></tr>
<tr><td style="border:1px solid #8899bb;">

You can write and execute external function inside euDock...<br><br>
<center><b>HOW CAN IT IS POSSIBLE?</b></center><br>
</td></tr>
<tr><td style="border:1px solid #8899bb;">
<br>Instead of use "link" tag:
<pre><b>
   dock.addIcon(new Array({euImage:{image:"iconsEuDock/cube.png"}}),
                {link:"http://eudock.jules.it"});
</b></pre>
<br>Try to use "mouseInsideClick" tag:
<pre><b>
   dock.addIcon(new Array({euImage:{image:"iconsEuDock/cube.png"}}),
                {mouseInsideClick : function(x,y){alert("This is an Alert Window"););
                
</b></pre>
</td></tr>
<tr><td style="border:1px solid #8899bb;">
<b>SIMPLE, ISN'T IT?</b>
</td></tr>
<tr><td style="border:1px solid #8899bb;">
<center><b>REMEMBER</b><br>Don't forget to put in your page:
<table cellpadding=5>
<tr><td style='border:1px solid #8899bb;'>
<pre><b>&lt;a href='http://eudock.jules.it'&gt;
&lt;img src='http://eudock.jules.it/littlEuDock.jpg' border=0&gt;&lt;/a&gt;</b></pre>
</td><td>
<a href='http://eudock.jules.it'><img src='littlEuDock.jpg' border=0>
</td></tr>
</table>
!!!If you don't like (of course) a personal Macumba!!!
</center>
</td></tr>
</table>
<a href='index.html'><b>RETURN TO INDEX</b></a>
</center>
<a href='http://eudock.jules.it'>
<img src='littlEuDock.jpg' border=0></a>
</body>
</html>



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

   var dock = new euDock();
   
   dock.setAnimation(euMOUSE,0.3);
   
   dock.setScreenAlign(euLEFT,0);
   
   dock.setBar({
        top       :{euImage:{image:"barImages/dockBg-u.png"}},
        vertical  :{euImage:{image:"barImages/dockBg-c-v.gif"}},
        bottom    :{euImage:{image:"barImages/dockBg-d.png"}},
        left      :{euImage:{image:"barImages/dockBg-l.png"}},
        horizontal:{euImage:{image:"barImages/dockBg-c-o.gif"}},
        right     :{euImage:{image:"barImages/dockBg-r.png"}}
   	});
   
   dock.setIconsOffset(1);
   		
   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"});
   dock.addIcon(new Array({euImage:{image:"iconsEuDock/euDock-red.png"}},
                          {euLabel:{
								object:{euBlank:{width:100,height:100}},
								txt   :"&nbsp;&nbsp;TRY&nbsp;TO&nbsp;&nbsp;<b>!!!CLICK!!!</b>&nbsp;&nbsp;<br>&nbsp;&nbsp;INSIDE&nbsp;&nbsp;<b>THIS</b>&nbsp;ICON&nbsp;&nbsp;",
								style :"background:#eeefff;border-style:solid;border-color:#9Fb6b6;border-width:3px;",
								anchor:euLEFT,
								offsetX:100,
								offsetY:0}}),   
                {mouseInsideClick : function(x,y){alert("!!!WOW!!!\nYou are good to click...");},
                 fadingStep:0.1,
                 fadingType:euFIXED});
   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>