euDock 2.0 examples
This is a cell
Align Tutorial euDock 2.0
Align Functions:
I gues that euDock creation is not a problem (is explained in the previous tutorial).
After the creation of an euDock object, you can align it to the screen or
to an HTML object or to a fixed position (a little example is on the top left of this page)
Align to screen:
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>
// Instance your euDock object
var dock = new euDock();
/*
* (euDock object).setScreenAlign(align,offset)
*
* align euDock to the screen borders
* align : (euUP,euDOWN,euLEFT,euRIGHT)
* offset : the distance between screen border and euDock
*/
dock.setScreenAlign(euRIGHT,3);
</script>
Align an HTML object:
<script>
// Instance your euDock object
var dock = new euDock();
/*
* (euDock object).setObjectAlign(objectID,objectAlign,offset,euDockPosition)
*
* align euDock to an HTML object
* objectID : the id of the object to be retrieve with the javascript function
* : document.getElementById(objectID);
*
* objectAlign : (euUP,euDOWN,euLEFT,euRIGHT)
* : Align to the middle (TOP,DOWN,LEFT,RIGHT) of the object
*
* offset : The distance from HTML object
*
* euDockPosition : (euUP,euDOWN,euLEFT,euRIGHT)
* : put euDock on the (TOP,DOWN,LEFT,RIGHT)
* : of the middle edge position of the object
* : (If you don't understand see the sources)
*/
dock.setObjectAlign('tableAlign',euLEFT,10,euLEFT);
</script>
Align to a fixed position:
<script>
// Instance your euDock object
var dock = new euDock();
/*
* (euDock object).setPointAlign(x,y,euDockPosition)
*
* align euDock to a fixed position
* [x,y] : obvious
* euDockPosition : (euUP,euDOWN,euLEFT,euRIGHT)
* : put euDock on the (TOP,DOWN,LEFT,RIGHT)
* : of the x,y point
*/
dock.setPointAlign(150,50,euDOWN);
</script>
REMEMBER
Don't forget to put in your page:
<a href='http://eudock.jules.it'>
<img src='http://eudock.jules.it/littlEuDock.jpg' border=0></a>
!!!If you don't like (of course) a personal Macumba!!!
RETURN TO INDEX