To make this possible you must write inside your page:
If you have a frameset like this:
<frameset rows="70%,30%">
<frame src="NotSoSimple_frame_top.html">
<frame src="NotSoSimple_frame_down.html" name="pippo">
</frameset>
In "NotSoSimple_frame_top.html"
Place 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>
<script>
euEnv.imageBasePath="js/";
var dock = new euDock();
//added from previous (simple fading images) tutorial
dock.setAnimation(euMOUSE,0.3);
//added from previous (simple) tutorial
dock.setScreenAlign(euUP,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",
target:"pippo"});
dock.addIcon(new Array({euImage:{image:"iconsEuDock/cube.png"}}),
{link:"http://eudock.jules.it",
target:"pippo"});
dock.addIcon(new Array({euImage:{image:"iconsEuDock/cube.png"}}),
{link:"http://eudock.jules.it",
target:"pippo"});
dock.addIcon(new Array({euImage:{image:"iconsEuDock/cube.png"}}),
{link:"http://eudock.jules.it",
target:"pippo"});
dock.addIcon(new Array({euImage:{image:"iconsEuDock/cube.png"}}),
{link:"http://eudock.jules.it",
target:"pippo"});
dock.addIcon(new Array({euImage:{image:"iconsEuDock/cube.png"}}),
{link:"http://eudock.jules.it",
target:"pippo"});
dock.addIcon(new Array({euImage:{image:"iconsEuDock/cube.png"}}),
{link:"http://eudock.jules.it",
target:"pippo"});
dock.addIcon(new Array({euImage:{image:"iconsEuDock/cube.png"}}),
{link:"http://eudock.jules.it",
target:"pippo"});
dock.addIcon(new Array({euImage:{image:"iconsEuDock/cube.png"}}),
{link:"http://eudock.jules.it",
target:"pippo"});
dock.addIcon(new Array({euImage:{image:"iconsEuDock/cube.png"}}),
{link:"http://eudock.jules.it",
target:"pippo"});
dock.addIcon(new Array({euImage:{image:"iconsEuDock/cube.png"}}),
{link:"http://eudock.jules.it",
target:"pippo"});
</script>
|