Commit baa9c761e142c91eff9c7d44a2abeb9ef685aa69
1 parent
39451400
Exists in
master
and in
7 other branches
Inclusão da biblioteca EuDock para barra de ferramentas do tipo olho de peixe
Showing
87 changed files
with
5013 additions
and
0 deletions
Show diff stats
| ... | ... | @@ -0,0 +1,237 @@ |
| 1 | +<html> | |
| 2 | +</head> | |
| 3 | +<title>euDock 2.0 examples</title> | |
| 4 | +<link type="image/x-icon" href="iconsEuDock/euDock.ico" rel="shortcut icon"> | |
| 5 | +<script language="JavaScript1.3" src="js/euDock.2.0.js"></script> | |
| 6 | +<script language="JavaScript1.3" src="js/euDock.Image.js"></script> | |
| 7 | +</head> | |
| 8 | +<body> | |
| 9 | +<center> | |
| 10 | +<br><br><br><br> | |
| 11 | +<table id='tableAlign' cellspacing=5 style='width:300;height:200;border:1px solid #8899bb;'> | |
| 12 | +<tr><td id='cellAlign' style="border:1px solid #8899bb;"><center><br><br><br>This is a cell</center> | |
| 13 | +</td></tr> | |
| 14 | +</table> | |
| 15 | +<br> | |
| 16 | +<table cellpadding=3 style='border:1px solid #8899bb;'> | |
| 17 | +<tr><td style="border:1px solid #8899bb;"> | |
| 18 | +<center><b>Align Tutorial euDock 2.0</b></center> | |
| 19 | +</td></tr> | |
| 20 | +<tr><td style="border:1px solid #8899bb;"> | |
| 21 | +<center><b>Align Functions:</b></center> | |
| 22 | +I gues that euDock creation is not a problem (is explained in the previous tutorial).<br><br> | |
| 23 | +After the creation of an euDock object, you can align it to the screen or<br> | |
| 24 | +to an HTML object or to a fixed position (a little example is on the top left of this page) | |
| 25 | +</td></tr> | |
| 26 | +<tr><td style="border:1px solid #8899bb;"><b>Align to screen:</b> | |
| 27 | +<br>Place inside your <HEAD></HEAD> HTML tag: | |
| 28 | +<pre> | |
| 29 | +<HEAD> | |
| 30 | + <script language="JavaScript1.3" src="js/euDock.2.0.js"></script> | |
| 31 | + <script language="JavaScript1.3" src="js/euDock.Image.js"></script> | |
| 32 | +</HEAD> | |
| 33 | +<pre> | |
| 34 | +<script> | |
| 35 | + // Instance your euDock object<b> | |
| 36 | + var dock = new euDock();</b> | |
| 37 | + | |
| 38 | + /* | |
| 39 | + * (euDock object).setScreenAlign(align,offset) | |
| 40 | + * | |
| 41 | + * align euDock to the screen borders | |
| 42 | + * align : (euUP,euDOWN,euLEFT,euRIGHT) | |
| 43 | + * offset : the distance between screen border and euDock | |
| 44 | + */<b> | |
| 45 | + dock.setScreenAlign(euRIGHT,3);</b> | |
| 46 | +</script> | |
| 47 | +</pre> | |
| 48 | +</td></tr> | |
| 49 | +<tr><td style="border:1px solid #8899bb;"> | |
| 50 | +<b>Align an HTML object:</b> | |
| 51 | +<pre> | |
| 52 | +<script> | |
| 53 | + // Instance your euDock object<b> | |
| 54 | + var dock = new euDock();</b> | |
| 55 | + | |
| 56 | + /* | |
| 57 | + * (euDock object).setObjectAlign(objectID,objectAlign,offset,euDockPosition) | |
| 58 | + * | |
| 59 | + * align euDock to an HTML object | |
| 60 | + * objectID : the id of the object to be retrieve with the javascript function | |
| 61 | + * : document.getElementById(objectID); | |
| 62 | + * | |
| 63 | + * objectAlign : (euUP,euDOWN,euLEFT,euRIGHT,euCENTER) | |
| 64 | + * : Align to the middle (TOP,DOWN,LEFT,RIGHT,CENTER) of the object | |
| 65 | + * : (In the euCENTER case, offset will move the bar | |
| 66 | + * : up [horizontal bar] or | |
| 67 | + * : right [vertical bar] ) | |
| 68 | + * | |
| 69 | + * offset : The distance from HTML object | |
| 70 | + * | |
| 71 | + * euDockPosition : (euUP,euDOWN,euLEFT,euRIGHT,euHORIZONTAL,euVERTICAL) | |
| 72 | + * : put euDock on the (TOP,DOWN,LEFT,RIGHT,centerHORIZONTAL,centerVERTICAL) | |
| 73 | + * : of the middle edge position of the object | |
| 74 | + * : (If you don't understand see the sources) | |
| 75 | + */<b> | |
| 76 | + dock.setObjectAlign('tableAlign',euLEFT,10,euLEFT);</b> | |
| 77 | +</script> | |
| 78 | +</pre> | |
| 79 | +</td></tr> | |
| 80 | +<tr><td style="border:1px solid #8899bb;"> | |
| 81 | +<b>Align to a fixed position:</b> | |
| 82 | +<pre> | |
| 83 | +<script> | |
| 84 | + // Instance your euDock object<b> | |
| 85 | + var dock = new euDock();</b> | |
| 86 | + | |
| 87 | + /* | |
| 88 | + * (euDock object).setPointAlign(x,y,euDockPosition) | |
| 89 | + * | |
| 90 | + * align euDock to a fixed position | |
| 91 | + * [x,y] : obvious | |
| 92 | + * euDockPosition : (euUP,euDOWN,euLEFT,euRIGHT,euHORIZONTAL,euVERTICAL) | |
| 93 | + * : put euDock on the (TOP,DOWN,LEFT,RIGHT,centerHORIZONTAL,centerVERTICAL) | |
| 94 | + * : of the x,y point | |
| 95 | + */<b> | |
| 96 | + dock.setPointAlign(150,50,euDOWN);</b> | |
| 97 | +</script> | |
| 98 | +</pre> | |
| 99 | +</td></tr> | |
| 100 | +<tr><td style="border:1px solid #8899bb;"> | |
| 101 | +<center><b>REMEMBER</b><br>Don't forget to put in your page: | |
| 102 | +<table cellpadding=5> | |
| 103 | +<tr><td style='border:1px solid #8899bb;'> | |
| 104 | +<pre><b><a href='http://eudock.jules.it'> | |
| 105 | +<img src='http://eudock.jules.it/littlEuDock.jpg' border=0></a></b></pre> | |
| 106 | +</td><td> | |
| 107 | +<a href='http://eudock.jules.it'><img src='littlEuDock.jpg' border=0> | |
| 108 | +</td></tr> | |
| 109 | +</table> | |
| 110 | +!!!If you don't like (of course) a personal Macumba!!! | |
| 111 | +</center> | |
| 112 | +</td></tr> | |
| 113 | +</table> | |
| 114 | +<a href='index.html'><b>RETURN TO INDEX</b></a> | |
| 115 | +</center> | |
| 116 | +<a href='http://eudock.jules.it'> | |
| 117 | +<img src='littlEuDock.jpg' border=0></a> | |
| 118 | +</body> | |
| 119 | +</html> | |
| 120 | + | |
| 121 | + | |
| 122 | + | |
| 123 | +<script> | |
| 124 | + euEnv.imageBasePath="js/"; | |
| 125 | + | |
| 126 | + var dock_1 = new euDock(); | |
| 127 | + dock_1.setScreenAlign(euLEFT,0); | |
| 128 | + dock_1.setBar({top:{euImage:{image:"barImages/dockBg-u.png"}},vertical:{euImage:{image:"barImages/dockBg-c-v.gif"}},bottom:{euImage:{image:"barImages/dockBg-d.png"}}}); | |
| 129 | + dock_1.setIconsOffset(2); | |
| 130 | + dock_1.addIcon(new Array({euImage:{image:"iconsEuDock/cube.png"}}),{link:"http://eudock.jules.it"}); | |
| 131 | + dock_1.addIcon(new Array({euImage:{image:"iconsEuDock/cube.png"}}),{link:"http://eudock.jules.it"}); | |
| 132 | + dock_1.addIcon(new Array({euImage:{image:"iconsEuDock/cube.png"}}),{link:"http://eudock.jules.it"}); | |
| 133 | + | |
| 134 | + var dock_2 = new euDock(); | |
| 135 | + dock_2.setScreenAlign(euRIGHT,3); | |
| 136 | + dock_2.setBar({top:{euImage:{image:"barImages/dockBg-u.png"}},vertical:{euImage:{image:"barImages/dockBg-c-v.gif"}},bottom:{euImage:{image:"barImages/dockBg-d.png"}}}); | |
| 137 | + dock_2.setIconsOffset(2); | |
| 138 | + dock_2.addIcon(new Array({euImage:{image:"iconsEuDock/cube.png"}}),{link:"http://eudock.jules.it"}); | |
| 139 | + dock_2.addIcon(new Array({euImage:{image:"iconsEuDock/cube.png"}}),{link:"http://eudock.jules.it"}); | |
| 140 | + dock_2.addIcon(new Array({euImage:{image:"iconsEuDock/cube.png"}}),{link:"http://eudock.jules.it"}); | |
| 141 | + | |
| 142 | + var dock_3 = new euDock(); | |
| 143 | + dock_3.setScreenAlign(euUP,0); | |
| 144 | + dock_3.setBar({left:{euImage:{image:"barImages/dockBg-l.png"}},horizontal:{euImage:{image:"barImages/dockBg-c-o.gif"}},right:{euImage:{image:"barImages/dockBg-r.png"}}}); | |
| 145 | + dock_3.setIconsOffset(2); | |
| 146 | + dock_3.addIcon(new Array({euImage:{image:"iconsEuDock/cube.png"}}),{link:"http://eudock.jules.it"}); | |
| 147 | + dock_3.addIcon(new Array({euImage:{image:"iconsEuDock/cube.png"}}),{link:"http://eudock.jules.it"}); | |
| 148 | + dock_3.addIcon(new Array({euImage:{image:"iconsEuDock/cube.png"}}),{link:"http://eudock.jules.it"}); | |
| 149 | + | |
| 150 | + var dock_4 = new euDock(); | |
| 151 | + dock_4.setScreenAlign(euDOWN,0); | |
| 152 | + dock_4.setBar({left:{euImage:{image:"barImages/dockBg-l.png"}},horizontal:{euImage:{image:"barImages/dockBg-c-o.gif"}},right:{euImage:{image:"barImages/dockBg-r.png"}}}); | |
| 153 | + dock_4.setIconsOffset(2); | |
| 154 | + dock_4.addIcon(new Array({euImage:{image:"iconsEuDock/cube.png"}}),{link:"http://eudock.jules.it"}); | |
| 155 | + dock_4.addIcon(new Array({euImage:{image:"iconsEuDock/cube.png"}}),{link:"http://eudock.jules.it"}); | |
| 156 | + dock_4.addIcon(new Array({euImage:{image:"iconsEuDock/cube.png"}}),{link:"http://eudock.jules.it"}); | |
| 157 | + | |
| 158 | + var dock_5 = new euDock(); | |
| 159 | + dock_5.setObjectAlign('cellAlign',euDOWN,0,euUP); | |
| 160 | + dock_5.setBar({left:{euImage:{image:"barImages/dockBg-l.png"}},horizontal:{euImage:{image:"barImages/dockBg-c-o.gif"}},right:{euImage:{image:"barImages/dockBg-r.png"}}}); | |
| 161 | + dock_5.setIconsOffset(2); | |
| 162 | + dock_5.addIcon(new Array({euImage:{image:"iconsEuDock/cube.png"}}),{link:"http://eudock.jules.it"}); | |
| 163 | + dock_5.addIcon(new Array({euImage:{image:"iconsEuDock/cube.png"}}),{link:"http://eudock.jules.it"}); | |
| 164 | + dock_5.addIcon(new Array({euImage:{image:"iconsEuDock/cube.png"}}),{link:"http://eudock.jules.it"}); | |
| 165 | + | |
| 166 | + var dock_6 = new euDock(); | |
| 167 | + dock_6.setObjectAlign('tableAlign',euRIGHT,0,euRIGHT); | |
| 168 | + dock_6.setBar({top:{euImage:{image:"barImages/dockBg-u.png"}},vertical:{euImage:{image:"barImages/dockBg-c-v.gif"}},bottom:{euImage:{image:"barImages/dockBg-d.png"}}}); | |
| 169 | + dock_6.setIconsOffset(2); | |
| 170 | + dock_6.addIcon(new Array({euImage:{image:"iconsEuDock/cube.png"}}),{link:"http://eudock.jules.it"}); | |
| 171 | + dock_6.addIcon(new Array({euImage:{image:"iconsEuDock/cube.png"}}),{link:"http://eudock.jules.it"}); | |
| 172 | + dock_6.addIcon(new Array({euImage:{image:"iconsEuDock/cube.png"}}),{link:"http://eudock.jules.it"}); | |
| 173 | + | |
| 174 | + var dock_7 = new euDock(); | |
| 175 | + dock_7.setObjectAlign('tableAlign',euLEFT,10,euLEFT); | |
| 176 | + dock_7.setBar({top:{euImage:{image:"barImages/dockBg-u.png"}},vertical:{euImage:{image:"barImages/dockBg-c-v.gif"}},bottom:{euImage:{image:"barImages/dockBg-d.png"}}}); | |
| 177 | + dock_7.setIconsOffset(2); | |
| 178 | + dock_7.addIcon(new Array({euImage:{image:"iconsEuDock/cube.png"}}),{link:"http://eudock.jules.it"}); | |
| 179 | + dock_7.addIcon(new Array({euImage:{image:"iconsEuDock/cube.png"}}),{link:"http://eudock.jules.it"}); | |
| 180 | + dock_7.addIcon(new Array({euImage:{image:"iconsEuDock/cube.png"}}),{link:"http://eudock.jules.it"}); | |
| 181 | + | |
| 182 | + var dock_8 = new euDock(); | |
| 183 | + dock_8.setPointAlign(150,50,euDOWN); | |
| 184 | + dock_8.setBar({left:{euImage:{image:"barImages/dockBg-l.png"}},horizontal:{euImage:{image:"barImages/dockBg-c-o.gif"}},right:{euImage:{image:"barImages/dockBg-r.png"}}}); | |
| 185 | + dock_8.setIconsOffset(2); | |
| 186 | + dock_8.addIcon(new Array({euImage:{image:"iconsEuDock/cube.png"}}),{link:"http://eudock.jules.it"}); | |
| 187 | + dock_8.addIcon(new Array({euImage:{image:"iconsEuDock/cube.png"}}),{link:"http://eudock.jules.it"}); | |
| 188 | + dock_8.addIcon(new Array({euImage:{image:"iconsEuDock/cube.png"}}),{link:"http://eudock.jules.it"}); | |
| 189 | + | |
| 190 | + var dock_9 = new euDock(); | |
| 191 | + dock_9.setAnimation(euMOUSE,0.3); | |
| 192 | + dock_9.setPointAlign(200,150,euHORIZONTAL); | |
| 193 | + dock_9.setBar({left:{euImage:{image:"barImages/dockBg-l.png"}},horizontal:{euImage:{image:"barImages/dockBg-c-o.gif"}},right:{euImage:{image:"barImages/dockBg-r.png"}}}); | |
| 194 | + dock_9.setIconsOffset(0); | |
| 195 | + dock_9.addIcon(new Array({euImage:{image:"iconsEuDock/cube.png"}}),{link:"http://eudock.jules.it"}); | |
| 196 | + dock_9.addIcon(new Array({euImage:{image:"iconsEuDock/cube.png"}}),{link:"http://eudock.jules.it"}); | |
| 197 | + dock_9.addIcon(new Array({euImage:{image:"iconsEuDock/cube.png"}}),{link:"http://eudock.jules.it"}); | |
| 198 | + dock_9.addIcon(new Array({euImage:{image:"iconsEuDock/cube.png"}}),{link:"http://eudock.jules.it"}); | |
| 199 | + dock_9.addIcon(new Array({euImage:{image:"iconsEuDock/cube.png"}}),{link:"http://eudock.jules.it"}); | |
| 200 | + dock_9.addIcon(new Array({euImage:{image:"iconsEuDock/cube.png"}}),{link:"http://eudock.jules.it"}); | |
| 201 | + dock_9.addIcon(new Array({euImage:{image:"iconsEuDock/cube.png"}}),{link:"http://eudock.jules.it"}); | |
| 202 | + | |
| 203 | + var dock_A = new euDock(); | |
| 204 | + dock_A.setPointAlign(100,350,euVERTICAL); | |
| 205 | + dock_A.setBar({top:{euImage:{image:"barImages/dockBg-u.png"}},vertical:{euImage:{image:"barImages/dockBg-c-v.gif"}},bottom:{euImage:{image:"barImages/dockBg-d.png"}}}); | |
| 206 | + dock_A.setIconsOffset(0); | |
| 207 | + dock_A.addIcon(new Array({euImage:{image:"iconsEuDock/cube.png"}}),{link:"http://eudock.jules.it"}); | |
| 208 | + dock_A.addIcon(new Array({euImage:{image:"iconsEuDock/cube.png"}}),{link:"http://eudock.jules.it"}); | |
| 209 | + dock_A.addIcon(new Array({euImage:{image:"iconsEuDock/cube.png"}}),{link:"http://eudock.jules.it"}); | |
| 210 | + dock_A.addIcon(new Array({euImage:{image:"iconsEuDock/cube.png"}}),{link:"http://eudock.jules.it"}); | |
| 211 | + dock_A.addIcon(new Array({euImage:{image:"iconsEuDock/cube.png"}}),{link:"http://eudock.jules.it"}); | |
| 212 | + dock_A.addIcon(new Array({euImage:{image:"iconsEuDock/cube.png"}}),{link:"http://eudock.jules.it"}); | |
| 213 | + dock_A.addIcon(new Array({euImage:{image:"iconsEuDock/cube.png"}}),{link:"http://eudock.jules.it"}); | |
| 214 | + | |
| 215 | + var dock_B = new euDock(); | |
| 216 | + dock_B.setObjectAlign('tableAlign',euUP,16,euHORIZONTAL); | |
| 217 | + dock_B.setBar({left:{euImage:{image:"barImages/dockBg-l.png"}},horizontal:{euImage:{image:"barImages/dockBg-c-o.gif"}},right:{euImage:{image:"barImages/dockBg-r.png"}}}); | |
| 218 | + dock_B.setIconsOffset(0); | |
| 219 | + dock_B.addIcon(new Array({euImage:{image:"iconsEuDock/cube.png"}}),{link:"http://eudock.jules.it"}); | |
| 220 | + dock_B.addIcon(new Array({euImage:{image:"iconsEuDock/cube.png"}}),{link:"http://eudock.jules.it"}); | |
| 221 | + dock_B.addIcon(new Array({euImage:{image:"iconsEuDock/cube.png"}}),{link:"http://eudock.jules.it"}); | |
| 222 | + dock_B.addIcon(new Array({euImage:{image:"iconsEuDock/cube.png"}}),{link:"http://eudock.jules.it"}); | |
| 223 | + dock_B.addIcon(new Array({euImage:{image:"iconsEuDock/cube.png"}}),{link:"http://eudock.jules.it"}); | |
| 224 | + dock_B.addIcon(new Array({euImage:{image:"iconsEuDock/cube.png"}}),{link:"http://eudock.jules.it"}); | |
| 225 | + dock_B.addIcon(new Array({euImage:{image:"iconsEuDock/cube.png"}}),{link:"http://eudock.jules.it"}); | |
| 226 | + | |
| 227 | + var dock_C = new euDock(); | |
| 228 | + dock_C.setObjectAlign('tableAlign',euCENTER,0,euHORIZONTAL); | |
| 229 | + dock_C.setBar({left:{euImage:{image:"barImages/dockBg-l.png"}},horizontal:{euImage:{image:"barImages/dockBg-c-o.gif"}},right:{euImage:{image:"barImages/dockBg-r.png"}}}); | |
| 230 | + dock_C.setIconsOffset(0); | |
| 231 | + dock_C.addIcon(new Array({euImage:{image:"iconsEuDock/cube.png"}}),{link:"http://eudock.jules.it"}); | |
| 232 | + dock_C.addIcon(new Array({euImage:{image:"iconsEuDock/cube.png"}}),{link:"http://eudock.jules.it"}); | |
| 233 | + dock_C.addIcon(new Array({euImage:{image:"iconsEuDock/cube.png"}}),{link:"http://eudock.jules.it"}); | |
| 234 | +</script> | |
| 235 | + | |
| 236 | + | |
| 237 | + | ... | ... |
| ... | ... | @@ -0,0 +1,152 @@ |
| 1 | +<html> | |
| 2 | +</head> | |
| 3 | +<title>euDock 2.0 examples</title> | |
| 4 | +<link type="image/x-icon" href="iconsEuDock/euDock.ico" rel="shortcut icon"> | |
| 5 | + | |
| 6 | +<script language="JavaScript1.3" src="js/euDock.2.0.js"></script> | |
| 7 | +<script language="JavaScript1.3" src="js/euDock.Image.js"></script> | |
| 8 | +<script language="JavaScript1.3" src="js/euDock.Ghost.js"></script> | |
| 9 | +<script language="JavaScript1.3" src="js/euDock.Blank.js"></script> | |
| 10 | +<script language="JavaScript1.3" src="js/euDock.Label.js"></script> | |
| 11 | + | |
| 12 | +</head> | |
| 13 | +<body> | |
| 14 | +<center> | |
| 15 | +<b> | |
| 16 | +<a href="javascript:dock.delIcon(pippo);"> pippo </a> | |
| 17 | +<a href="javascript:dock.delIcon(pluto);"> pluto </a> | |
| 18 | +<a href="javascript:dock.delIcon(paperino);"> paperino </a> | |
| 19 | +</b> | |
| 20 | + | |
| 21 | +<table cellpadding=3 style='border:1px solid #8899bb;'> | |
| 22 | +<tr><td style="border:1px solid #8899bb;"> | |
| 23 | +<center><b>Execute External Functions</b></center> | |
| 24 | +</td></tr> | |
| 25 | +<tr><td style="border:1px solid #8899bb;"> | |
| 26 | + | |
| 27 | +You can delete Icons (If you want)...<br> | |
| 28 | +<center><b>!!!!WOOOOOOOOOOOOOOOOOOOOOOOO!!!<br><br> | |
| 29 | +HOW CAN IT IS POSSIBLE?</b></center><br> | |
| 30 | +</td></tr> | |
| 31 | +<tr><td style="border:1px solid #8899bb;"> | |
| 32 | +<br>In (for Example) var pippo, I put inside an Icon; | |
| 33 | +<pre><b> | |
| 34 | + var pippo = dock.addIcon(new Array({euImage:{image:"iconsEuDock/cube.png"}}), | |
| 35 | + {link:"http://eudock.jules.it"}); | |
| 36 | +</b></pre> | |
| 37 | +<br>After, with a simple euDock command: | |
| 38 | +<pre><b> | |
| 39 | + dock.delIcon(pippo); | |
| 40 | +</b></pre> | |
| 41 | +<br> | |
| 42 | +I can delete it... | |
| 43 | +(Try links on the top of this page) | |
| 44 | +</td></tr> | |
| 45 | +<tr><td style="border:1px solid #8899bb;"> | |
| 46 | +<b>SIMPLE, ISN'T IT?</b> | |
| 47 | +</td></tr> | |
| 48 | +<tr><td style="border:1px solid #8899bb;"> | |
| 49 | +<center><b>REMEMBER</b><br>Don't forget to put in your page: | |
| 50 | +<table cellpadding=5> | |
| 51 | +<tr><td style='border:1px solid #8899bb;'> | |
| 52 | +<pre><b><a href='http://eudock.jules.it'> | |
| 53 | +<img src='http://eudock.jules.it/littlEuDock.jpg' border=0></a></b></pre> | |
| 54 | +</td><td> | |
| 55 | +<a href='http://eudock.jules.it'><img src='littlEuDock.jpg' border=0> | |
| 56 | +</td></tr> | |
| 57 | +</table> | |
| 58 | +!!!If you don't like (of course) a personal Macumba!!! | |
| 59 | +</center> | |
| 60 | +</td></tr> | |
| 61 | +</table> | |
| 62 | +<a href='index.html'><b>RETURN TO INDEX</b></a> | |
| 63 | +</center> | |
| 64 | +<a href='http://eudock.jules.it'> | |
| 65 | +<img src='littlEuDock.jpg' border=0></a> | |
| 66 | +</body> | |
| 67 | +</html> | |
| 68 | + | |
| 69 | + | |
| 70 | + | |
| 71 | +<script> | |
| 72 | + euEnv.imageBasePath="js/"; | |
| 73 | + | |
| 74 | + var dock = new euDock(); | |
| 75 | + | |
| 76 | + dock.setBar({ | |
| 77 | + left :{euImage:{image:"barImages/dockBg-l.png"}}, | |
| 78 | + horizontal:{euImage:{image:"barImages/dockBg-c-o.gif"}}, | |
| 79 | + right :{euImage:{image:"barImages/dockBg-r.png"}} | |
| 80 | + }); | |
| 81 | + | |
| 82 | + dock.setIconsOffset(2); | |
| 83 | + | |
| 84 | + | |
| 85 | + dock.addIcon(new Array({euBlank:{width:100,height:100}}, | |
| 86 | + {euGhost:{ | |
| 87 | + ghost : "ghostImages/ghost_red-1.png", | |
| 88 | + eyeball : "ghostImages/eyes.png", | |
| 89 | + eyespot_1 : "ghostImages/eye-spot-1.png", | |
| 90 | + eyespot_2 : "ghostImages/eye-spot-2.png", | |
| 91 | + shadow : "ghostImages/eyes-shadow.png", | |
| 92 | + shadowPos : {x:5,y:10}, | |
| 93 | + spotCoord1: {x:36,y:36,rad:13}, | |
| 94 | + spotCoord2: {x:72,y:38,rad:7} | |
| 95 | + }}), | |
| 96 | + {link:"http://eudock.jules.it"}); | |
| 97 | + dock.addIcon(new Array({euImage:{image:"iconsEuDock/cube.png"}}), | |
| 98 | + {link:"http://eudock.jules.it"}); | |
| 99 | + dock.addIcon(new Array({euImage:{image:"iconsEuDock/cube.png"}}), | |
| 100 | + {link:"http://eudock.jules.it"}); | |
| 101 | + dock.addIcon(new Array({euImage:{image:"iconsEuDock/cube.png"}}), | |
| 102 | + {link:"http://eudock.jules.it"}); | |
| 103 | + dock.addIcon(new Array({euImage:{image:"iconsEuDock/euDock-green.png"}}), | |
| 104 | + {link:"http://eudock.jules.it"}); | |
| 105 | + var pippo = dock.addIcon(new Array({euImage:{image:"iconsEuDock/euDock-blue.png"}}), | |
| 106 | + {link:"http://eudock.jules.it"}); | |
| 107 | + var pluto = dock.addIcon(new Array({euBlank:{width:100,height:100}}, | |
| 108 | + {euGhost:{ | |
| 109 | + ghost : "ghostImages/ghost_red-1.png", | |
| 110 | + eyeball : "ghostImages/eyes.png", | |
| 111 | + eyespot_1 : "ghostImages/eye-spot-1.png", | |
| 112 | + eyespot_2 : "ghostImages/eye-spot-2.png", | |
| 113 | + shadow : "ghostImages/eyes-shadow.png", | |
| 114 | + shadowPos : {x:5,y:10}, | |
| 115 | + spotCoord1: {x:36,y:36,rad:13}, | |
| 116 | + spotCoord2: {x:72,y:38,rad:7} | |
| 117 | + }}), | |
| 118 | + {link:"http://eudock.jules.it"}); | |
| 119 | + var paperino = dock.addIcon(new Array({euLabel:{ | |
| 120 | + object:{euBlank:{width:100,height:100}}, | |
| 121 | + txt :" HI... I'M a <b>LABEL</b> ", | |
| 122 | + style :"background:#eeefff;border-style:solid;border-color:#9Fb6b6;border-width:3px;", | |
| 123 | + anchor:euDOWN, | |
| 124 | + offsetX:0, | |
| 125 | + offsetY:-120}}, | |
| 126 | + {euGhost:{ | |
| 127 | + ghost : "ghostImages/ghost_red-1.png", | |
| 128 | + eyeball : "ghostImages/eyes.png", | |
| 129 | + eyespot_1 : "ghostImages/eye-spot-1.png", | |
| 130 | + eyespot_2 : "ghostImages/eye-spot-2.png", | |
| 131 | + shadow : "ghostImages/eyes-shadow.png", | |
| 132 | + shadowPos : {x:5,y:10}, | |
| 133 | + spotCoord1: {x:36,y:36,rad:13}, | |
| 134 | + spotCoord2: {x:72,y:38,rad:7} | |
| 135 | + }}), | |
| 136 | + {link:"http://eudock.jules.it"}); | |
| 137 | + dock.addIcon(new Array({euImage:{image:"iconsEuDock/euDock-purple.png"}}), | |
| 138 | + {link:"http://eudock.jules.it"}); | |
| 139 | + dock.addIcon(new Array({euImage:{image:"iconsEuDock/cube.png"}}), | |
| 140 | + {link:"http://eudock.jules.it"}); | |
| 141 | + dock.addIcon(new Array({euImage:{image:"iconsEuDock/cube.png"}}), | |
| 142 | + {link:"http://eudock.jules.it"}); | |
| 143 | + dock.addIcon(new Array({euImage:{image:"iconsEuDock/cube.png"}}), | |
| 144 | + {link:"http://eudock.jules.it"}); | |
| 145 | + dock.addIcon(new Array({euImage:{image:"iconsEuDock/cube.png"}}), | |
| 146 | + {link:"http://eudock.jules.it"}); | |
| 147 | + dock.addIcon(new Array({euImage:{image:"iconsEuDock/cube.png"}}), | |
| 148 | + {link:"http://eudock.jules.it"}); | |
| 149 | +</script> | |
| 150 | + | |
| 151 | + | |
| 152 | + | ... | ... |
| ... | ... | @@ -0,0 +1,111 @@ |
| 1 | +<html> | |
| 2 | +</head> | |
| 3 | +<title>euDock 2.0 examples</title> | |
| 4 | +<link type="image/x-icon" href="iconsEuDock/euDock.ico" rel="shortcut icon"> | |
| 5 | + | |
| 6 | +<script language="JavaScript1.3" src="js/euDock.2.0.js"></script> | |
| 7 | +<script language="JavaScript1.3" src="js/euDock.Image.js"></script> | |
| 8 | +<script language="JavaScript1.3" src="js/euDock.Blank.js"></script> | |
| 9 | +<script language="JavaScript1.3" src="js/euDock.Label.js"></script> | |
| 10 | +</head> | |
| 11 | +<body> | |
| 12 | +<center> | |
| 13 | +<table cellpadding=3 style='border:1px solid #8899bb;'> | |
| 14 | +<tr><td style="border:1px solid #8899bb;"> | |
| 15 | +<center><b>Execute External Functions</b></center> | |
| 16 | +</td></tr> | |
| 17 | +<tr><td style="border:1px solid #8899bb;"> | |
| 18 | + | |
| 19 | +You can write and execute external function inside euDock...<br><br> | |
| 20 | +<center><b>HOW CAN IT IS POSSIBLE?</b></center><br> | |
| 21 | +</td></tr> | |
| 22 | +<tr><td style="border:1px solid #8899bb;"> | |
| 23 | +<br>Instead of use "link" tag: | |
| 24 | +<pre><b> | |
| 25 | + dock.addIcon(new Array({euImage:{image:"iconsEuDock/cube.png"}}), | |
| 26 | + {link:"http://eudock.jules.it"}); | |
| 27 | +</b></pre> | |
| 28 | +<br>Try to use "mouseInsideClick" tag: | |
| 29 | +<pre><b> | |
| 30 | + dock.addIcon(new Array({euImage:{image:"iconsEuDock/cube.png"}}), | |
| 31 | + {mouseInsideClick : function(x,y){alert("This is an Alert Window");); | |
| 32 | + | |
| 33 | +</b></pre> | |
| 34 | +</td></tr> | |
| 35 | +<tr><td style="border:1px solid #8899bb;"> | |
| 36 | +<b>SIMPLE, ISN'T IT?</b> | |
| 37 | +</td></tr> | |
| 38 | +<tr><td style="border:1px solid #8899bb;"> | |
| 39 | +<center><b>REMEMBER</b><br>Don't forget to put in your page: | |
| 40 | +<table cellpadding=5> | |
| 41 | +<tr><td style='border:1px solid #8899bb;'> | |
| 42 | +<pre><b><a href='http://eudock.jules.it'> | |
| 43 | +<img src='http://eudock.jules.it/littlEuDock.jpg' border=0></a></b></pre> | |
| 44 | +</td><td> | |
| 45 | +<a href='http://eudock.jules.it'><img src='littlEuDock.jpg' border=0> | |
| 46 | +</td></tr> | |
| 47 | +</table> | |
| 48 | +!!!If you don't like (of course) a personal Macumba!!! | |
| 49 | +</center> | |
| 50 | +</td></tr> | |
| 51 | +</table> | |
| 52 | +<a href='index.html'><b>RETURN TO INDEX</b></a> | |
| 53 | +</center> | |
| 54 | +<a href='http://eudock.jules.it'> | |
| 55 | +<img src='littlEuDock.jpg' border=0></a> | |
| 56 | +</body> | |
| 57 | +</html> | |
| 58 | + | |
| 59 | + | |
| 60 | + | |
| 61 | +<script> | |
| 62 | + euEnv.imageBasePath="js/"; | |
| 63 | + | |
| 64 | + var dock = new euDock(); | |
| 65 | + | |
| 66 | + dock.setAnimation(euMOUSE,0.3); | |
| 67 | + | |
| 68 | + dock.setScreenAlign(euLEFT,0); | |
| 69 | + | |
| 70 | + dock.setBar({ | |
| 71 | + top :{euImage:{image:"barImages/dockBg-u.png"}}, | |
| 72 | + vertical :{euImage:{image:"barImages/dockBg-c-v.gif"}}, | |
| 73 | + bottom :{euImage:{image:"barImages/dockBg-d.png"}}, | |
| 74 | + left :{euImage:{image:"barImages/dockBg-l.png"}}, | |
| 75 | + horizontal:{euImage:{image:"barImages/dockBg-c-o.gif"}}, | |
| 76 | + right :{euImage:{image:"barImages/dockBg-r.png"}} | |
| 77 | + }); | |
| 78 | + | |
| 79 | + dock.setIconsOffset(1); | |
| 80 | + | |
| 81 | + dock.addIcon(new Array({euImage:{image:"iconsEuDock/cube.png"}}), | |
| 82 | + {link:"http://eudock.jules.it"}); | |
| 83 | + dock.addIcon(new Array({euImage:{image:"iconsEuDock/cube.png"}}), | |
| 84 | + {link:"http://eudock.jules.it"}); | |
| 85 | + dock.addIcon(new Array({euImage:{image:"iconsEuDock/cube.png"}}), | |
| 86 | + {link:"http://eudock.jules.it"}); | |
| 87 | + dock.addIcon(new Array({euImage:{image:"iconsEuDock/cube.png"}}), | |
| 88 | + {link:"http://eudock.jules.it"}); | |
| 89 | + dock.addIcon(new Array({euImage:{image:"iconsEuDock/euDock-red.png"}}, | |
| 90 | + {euLabel:{ | |
| 91 | + object:{euBlank:{width:100,height:100}}, | |
| 92 | + txt :" TRY TO <b>!!!CLICK!!!</b> <br> INSIDE <b>THIS</b> ICON ", | |
| 93 | + style :"background:#eeefff;border-style:solid;border-color:#9Fb6b6;border-width:3px;", | |
| 94 | + anchor:euLEFT, | |
| 95 | + offsetX:100, | |
| 96 | + offsetY:0}}), | |
| 97 | + {mouseInsideClick : function(x,y){alert("!!!WOW!!!\nYou are good to click...");}, | |
| 98 | + fadingStep:0.1, | |
| 99 | + fadingType:euFIXED}); | |
| 100 | + dock.addIcon(new Array({euImage:{image:"iconsEuDock/cube.png"}}), | |
| 101 | + {link:"http://eudock.jules.it"}); | |
| 102 | + dock.addIcon(new Array({euImage:{image:"iconsEuDock/cube.png"}}), | |
| 103 | + {link:"http://eudock.jules.it"}); | |
| 104 | + dock.addIcon(new Array({euImage:{image:"iconsEuDock/cube.png"}}), | |
| 105 | + {link:"http://eudock.jules.it"}); | |
| 106 | + dock.addIcon(new Array({euImage:{image:"iconsEuDock/cube.png"}}), | |
| 107 | + {link:"http://eudock.jules.it"}); | |
| 108 | +</script> | |
| 109 | + | |
| 110 | + | |
| 111 | + | ... | ... |
| ... | ... | @@ -0,0 +1,237 @@ |
| 1 | +<html> | |
| 2 | +</head> | |
| 3 | +<title>euDock 2.0 examples</title> | |
| 4 | +<link type="image/x-icon" href="iconsEuDock/euDock.ico" rel="shortcut icon"> | |
| 5 | + | |
| 6 | +<script language="JavaScript1.3" src="js/euDock.2.0.js"></script> | |
| 7 | +<script language="JavaScript1.3" src="js/euDock.Image.js"></script> | |
| 8 | +</head> | |
| 9 | +<body> | |
| 10 | +<center> | |
| 11 | +<table cellpadding=3 style='border:1px solid #8899bb;'> | |
| 12 | +<tr><td style="border:1px solid #8899bb;"> | |
| 13 | +<center><b>Not So Simple euDock 2.0</b></center> | |
| 14 | +</td></tr> | |
| 15 | +<tr><td style="border:1px solid #8899bb;"> | |
| 16 | +<center><b>To make this possible you must write inside your page:</b></center> | |
| 17 | +<br>Place inside your <HEAD></HEAD> HTML tag: | |
| 18 | +<pre> | |
| 19 | +<HEAD> | |
| 20 | + <script language="JavaScript1.3" src="js/euDock.2.0.js"></script> | |
| 21 | + <script language="JavaScript1.3" src="js/euDock.Image.js"></script> | |
| 22 | +</HEAD> | |
| 23 | +<pre> | |
| 24 | +<script> | |
| 25 | + euEnv.imageBasePath="js/"; | |
| 26 | + | |
| 27 | + var dock = new euDock(); | |
| 28 | + | |
| 29 | + //added from previous (simple fading images) tutorial<b> | |
| 30 | + dock.setAnimation(euMOUSE,0.3);</b> | |
| 31 | + | |
| 32 | + //added from previous (simple) tutorial<b> | |
| 33 | + dock.setScreenAlign(euLEFT,0);</b> | |
| 34 | + | |
| 35 | + dock.setBar({ | |
| 36 | + top :{euImage:{image:"barImages/dockBg-u.png"}}, | |
| 37 | + vertical :{euImage:{image:"barImages/dockBg-c-v.gif"}}, | |
| 38 | + bottom :{euImage:{image:"barImages/dockBg-d.png"}}, | |
| 39 | + left :{euImage:{image:"barImages/dockBg-l.png"}}, | |
| 40 | + horizontal:{euImage:{image:"barImages/dockBg-c-o.gif"}}, | |
| 41 | + right :{euImage:{image:"barImages/dockBg-r.png"}} | |
| 42 | + }); | |
| 43 | + | |
| 44 | + dock.setIconsOffset(1); | |
| 45 | + | |
| 46 | + dock.addIcon(new Array({euImage:{image:"iconsEuDock/cube.png"}}), | |
| 47 | + {link:"http://eudock.jules.it"}); | |
| 48 | + dock.addIcon(new Array({euImage:{image:"iconsEuDock/cube.png"}}), | |
| 49 | + {link:"http://eudock.jules.it"}); | |
| 50 | + dock.addIcon(new Array({euImage:{image:"iconsEuDock/cube.png"}}), | |
| 51 | + {link:"http://eudock.jules.it"}); | |
| 52 | + dock.addIcon(new Array({euImage:{image:"iconsEuDock/cube.png"}}), | |
| 53 | + {link:"http://eudock.jules.it"}); | |
| 54 | + dock.addIcon(new Array({euImage:{image:"iconsEuDock/cube.png"}}), | |
| 55 | + {link:"http://eudock.jules.it"}); | |
| 56 | + dock.addIcon(new Array({euImage:{image:"iconsEuDock/cube.png"}}), | |
| 57 | + {link:"http://eudock.jules.it"}); | |
| 58 | + dock.addIcon(new Array({euImage:{image:"iconsEuDock/cube.png"}}), | |
| 59 | + {link:"http://eudock.jules.it"}); | |
| 60 | + dock.addIcon(new Array({euImage:{image:"iconsEuDock/cube.png"}}), | |
| 61 | + {link:"http://eudock.jules.it"}); | |
| 62 | + dock.addIcon(new Array({euImage:{image:"iconsEuDock/cube.png"}}), | |
| 63 | + {link:"http://eudock.jules.it"}); | |
| 64 | + dock.addIcon(new Array({euImage:{image:"iconsEuDock/cube.png"}}), | |
| 65 | + {link:"http://eudock.jules.it"}); | |
| 66 | + dock.addIcon(new Array({euImage:{image:"iconsEuDock/cube.png"}}), | |
| 67 | + {link:"http://eudock.jules.it"}); | |
| 68 | +</script> | |
| 69 | +</pre> | |
| 70 | + | |
| 71 | +</td></tr> | |
| 72 | +<tr><td style="border:1px solid #8899bb;"> | |
| 73 | + | |
| 74 | +<center><b>MMMMM... It's a better idea to explain these functions:</b></center> | |
| 75 | +<pre> | |
| 76 | +<script> | |
| 77 | + /* | |
| 78 | + * This is useful for Internet Explorer PNG compatibility | |
| 79 | + * "js/" is the euDock javascript basePath | |
| 80 | + */<b> | |
| 81 | + euEnv.imageBasePath="js/";</b> | |
| 82 | + | |
| 83 | + //In variable (dock) now there is an euDock object<b> | |
| 84 | + var dock = new euDock();</b> | |
| 85 | + | |
| 86 | + /* | |
| 87 | + * (euDock object).setAnimation(type,venusHillWidth) | |
| 88 | + * | |
| 89 | + * align euDock to the screen borders | |
| 90 | + * type : (euMOUSE,euICON) | |
| 91 | + * : euMOUSE : the animation is relative to the mouse position | |
| 92 | + * : euICON : the animation is relative to the mouse Over Icon position | |
| 93 | + * | |
| 94 | + * venusHillWidth : the distance of icons (animated) from the mouse pointer | |
| 95 | + * : if -type- is: | |
| 96 | + * : euMOUSE : the value must be between (0 and 1) | |
| 97 | + * : (1 = all icons are animated) | |
| 98 | + * : (0.5) (default) the hill is about 50% of the bar | |
| 99 | + * : (0) only mouse over icon is zoomed | |
| 100 | + * : euICON : the value must be numeric (0,1,2,3,4,5,...) | |
| 101 | + * : is the number of icons zoomed near mouseOverIcon | |
| 102 | + */<b> | |
| 103 | + dock.setAnimation(euMOUSE,0.3);</b> | |
| 104 | + | |
| 105 | + /* | |
| 106 | + * (euDock object).setScreenAlign(align,offset) | |
| 107 | + * | |
| 108 | + * align euDock to the screen borders | |
| 109 | + * align : (euUP,euDOWN,euLEFT,euRIGHT) | |
| 110 | + * offset : the distance between screen border and euDock | |
| 111 | + */<b> | |
| 112 | + dock.setScreenAlign(euLEFT,0);</b> | |
| 113 | + | |
| 114 | + /* | |
| 115 | + * To define (unnecessary) the background Dock Bar: | |
| 116 | + * | |
| 117 | + * (euDock object).setBar({ | |
| 118 | + * top :[-(object definition for top background bar icon)-], | |
| 119 | + * vertical :[-(object definition for center vertical background bar icon)-], | |
| 120 | + * bottom :[-(object definition for right bottom bar icon)-], | |
| 121 | + * left :[-(object definition for left background bar icon)-], | |
| 122 | + * horizontal:[-(object definition for center horizontal background bar icon)-], | |
| 123 | + * right :[-(object definition for right background bar icon)-] | |
| 124 | + * | |
| 125 | + * (In this case -left- -horizontal- -right- parameters are not useful | |
| 126 | + * but you can use them without problems or if you want a mobile bar) | |
| 127 | + * | |
| 128 | + * euImage is the euImage Object inside the "euDock.Image.js" script | |
| 129 | + * the common constructor is: | |
| 130 | + * | |
| 131 | + * {euImage:{image:[-(image name)-]}} | |
| 132 | + */<b> | |
| 133 | + dock.setBar({ | |
| 134 | + top :{euImage:{image:"barImages/dockBg-u.png"}}, | |
| 135 | + vertical :{euImage:{image:"barImages/dockBg-c-v.gif"}}, | |
| 136 | + bottom :{euImage:{image:"barImages/dockBg-d.png"}}, | |
| 137 | + left :{euImage:{image:"barImages/dockBg-l.png"}}, | |
| 138 | + horizontal:{euImage:{image:"barImages/dockBg-c-o.gif"}}, | |
| 139 | + right :{euImage:{image:"barImages/dockBg-r.png"}} | |
| 140 | + });</b> | |
| 141 | + | |
| 142 | + /* | |
| 143 | + * (unnecessary) | |
| 144 | + * | |
| 145 | + * (euDock object).setIconsOffset(offset); | |
| 146 | + * | |
| 147 | + * offset:the distance between base align bar and the base align icons | |
| 148 | + * default is 0 | |
| 149 | + */<b> | |
| 150 | + dock.setIconsOffset(1);</b> | |
| 151 | + | |
| 152 | + /* | |
| 153 | + * (unnecessary)(if you want to see nothing of course) | |
| 154 | + * | |
| 155 | + * (euDock object).addIcon(arrayOfObjects,iconParameters); | |
| 156 | + * | |
| 157 | + * arrayOfObjects : in this case there is an euImage array of 1 element | |
| 158 | + * iconParameters : "link" is the url where you want to go | |
| 159 | + */<b> | |
| 160 | + dock.addIcon(new Array({euImage:{image:"iconsEuDock/cube.png"}}), | |
| 161 | + {link:"http://eudock.jules.it"});</b> | |
| 162 | + | |
| 163 | + /* | |
| 164 | + * Repeat the last command if you want more icons | |
| 165 | + */ | |
| 166 | +</script> | |
| 167 | +</pre> | |
| 168 | +</td></tr> | |
| 169 | +<tr><td style="border:1px solid #8899bb;"> | |
| 170 | +<center><b>REMEMBER</b><br>Don't forget to put in your page: | |
| 171 | +<table cellpadding=5> | |
| 172 | +<tr><td style='border:1px solid #8899bb;'> | |
| 173 | +<pre><b><a href='http://eudock.jules.it'> | |
| 174 | +<img src='http://eudock.jules.it/littlEuDock.jpg' border=0></a></b></pre> | |
| 175 | +</td><td> | |
| 176 | +<a href='http://eudock.jules.it'><img src='littlEuDock.jpg' border=0> | |
| 177 | +</td></tr> | |
| 178 | +</table> | |
| 179 | +!!!If you don't like (of course) a personal Macumba!!! | |
| 180 | +</center> | |
| 181 | +</td></tr> | |
| 182 | +</table> | |
| 183 | +<a href='index.html'><b>RETURN TO INDEX</b></a> | |
| 184 | +</center> | |
| 185 | +<a href='http://eudock.jules.it'> | |
| 186 | +<img src='littlEuDock.jpg' border=0></a> | |
| 187 | +</body> | |
| 188 | +</html> | |
| 189 | + | |
| 190 | + | |
| 191 | + | |
| 192 | +<script> | |
| 193 | + euEnv.imageBasePath="js/"; | |
| 194 | + | |
| 195 | + var dock = new euDock(); | |
| 196 | + | |
| 197 | + dock.setAnimation(euMOUSE,0.3); | |
| 198 | + | |
| 199 | + dock.setScreenAlign(euLEFT,0); | |
| 200 | + | |
| 201 | + dock.setBar({ | |
| 202 | + top :{euImage:{image:"barImages/dockBg-u.png"}}, | |
| 203 | + vertical :{euImage:{image:"barImages/dockBg-c-v.gif"}}, | |
| 204 | + bottom :{euImage:{image:"barImages/dockBg-d.png"}}, | |
| 205 | + left :{euImage:{image:"barImages/dockBg-l.png"}}, | |
| 206 | + horizontal:{euImage:{image:"barImages/dockBg-c-o.gif"}}, | |
| 207 | + right :{euImage:{image:"barImages/dockBg-r.png"}} | |
| 208 | + }); | |
| 209 | + | |
| 210 | + dock.setIconsOffset(1); | |
| 211 | + | |
| 212 | + dock.addIcon(new Array({euImage:{image:"iconsEuDock/cube.png"}}), | |
| 213 | + {link:"http://eudock.jules.it"}); | |
| 214 | + dock.addIcon(new Array({euImage:{image:"iconsEuDock/cube.png"}}), | |
| 215 | + {link:"http://eudock.jules.it"}); | |
| 216 | + dock.addIcon(new Array({euImage:{image:"iconsEuDock/cube.png"}}), | |
| 217 | + {link:"http://eudock.jules.it"}); | |
| 218 | + dock.addIcon(new Array({euImage:{image:"iconsEuDock/cube.png"}}), | |
| 219 | + {link:"http://eudock.jules.it"}); | |
| 220 | + dock.addIcon(new Array({euImage:{image:"iconsEuDock/cube.png"}}), | |
| 221 | + {link:"http://eudock.jules.it"}); | |
| 222 | + dock.addIcon(new Array({euImage:{image:"iconsEuDock/cube.png"}}), | |
| 223 | + {link:"http://eudock.jules.it"}); | |
| 224 | + dock.addIcon(new Array({euImage:{image:"iconsEuDock/cube.png"}}), | |
| 225 | + {link:"http://eudock.jules.it"}); | |
| 226 | + dock.addIcon(new Array({euImage:{image:"iconsEuDock/cube.png"}}), | |
| 227 | + {link:"http://eudock.jules.it"}); | |
| 228 | + dock.addIcon(new Array({euImage:{image:"iconsEuDock/cube.png"}}), | |
| 229 | + {link:"http://eudock.jules.it"}); | |
| 230 | + dock.addIcon(new Array({euImage:{image:"iconsEuDock/cube.png"}}), | |
| 231 | + {link:"http://eudock.jules.it"}); | |
| 232 | + dock.addIcon(new Array({euImage:{image:"iconsEuDock/cube.png"}}), | |
| 233 | + {link:"http://eudock.jules.it"}); | |
| 234 | +</script> | |
| 235 | + | |
| 236 | + | |
| 237 | + | ... | ... |
| ... | ... | @@ -0,0 +1,329 @@ |
| 1 | +<html> | |
| 2 | +</head> | |
| 3 | +<title>euDock 2.0 examples</title> | |
| 4 | +<link type="image/x-icon" href="iconsEuDock/euDock.ico" rel="shortcut icon"> | |
| 5 | + | |
| 6 | +<script language="JavaScript1.3" src="js/euDock.2.0.js"></script> | |
| 7 | +<script language="JavaScript1.3" src="js/euDock.Image.js"></script> | |
| 8 | +</head> | |
| 9 | +<body> | |
| 10 | +<center> | |
| 11 | +<table cellpadding=3 style='border:1px solid #8899bb;'> | |
| 12 | +<tr><td style="border:1px solid #8899bb;"> | |
| 13 | +<center><b>Not So Simple Fading Images euDock 2.0</b></center> | |
| 14 | +</td></tr> | |
| 15 | +<tr><td style="border:1px solid #8899bb;"> | |
| 16 | +<center><b>To make this possible you must write inside your page:</b></center> | |
| 17 | +<br>Place inside your <HEAD></HEAD> HTML tag: | |
| 18 | +<pre> | |
| 19 | +<HEAD> | |
| 20 | + <script language="JavaScript1.3" src="js/euDock.2.0.js"></script> | |
| 21 | + <script language="JavaScript1.3" src="js/euDock.Image.js"></script> | |
| 22 | +</HEAD> | |
| 23 | +<pre> | |
| 24 | +<script> | |
| 25 | + euEnv.imageBasePath="js/"; | |
| 26 | + | |
| 27 | + var dock = new euDock(); | |
| 28 | + | |
| 29 | + dock.setAnimation(euMOUSE,0.3); | |
| 30 | + | |
| 31 | + //added from previous (simple) tutorial<b> | |
| 32 | + dock.animFading = euRELATIVE;</b> | |
| 33 | + | |
| 34 | + dock.setBar({ | |
| 35 | + left :{euImage:{image:"barImages/dockBg-l.png"}}, | |
| 36 | + horizontal:{euImage:{image:"barImages/dockBg-c-o.gif"}}, | |
| 37 | + right :{euImage:{image:"barImages/dockBg-r.png"}} | |
| 38 | + }); | |
| 39 | + | |
| 40 | + dock.setIconsOffset(2); | |
| 41 | + | |
| 42 | + dock.addIcon(new Array( | |
| 43 | + {euImage:{image:"iconsEuDock/cube.png"}}, | |
| 44 | + {euImage:{image:"iconsEuDock/euDock-red.png"}}), | |
| 45 | + {link:"http://eudock.jules.it"}); | |
| 46 | + dock.addIcon(new Array( | |
| 47 | + {euImage:{image:"iconsEuDock/cube.png"}}, | |
| 48 | + {euImage:{image:"iconsEuDock/euDock-red.png"}}), | |
| 49 | + {link:"http://eudock.jules.it"}); | |
| 50 | + dock.addIcon(new Array( | |
| 51 | + {euImage:{image:"iconsEuDock/cube.png"}}, | |
| 52 | + {euImage:{image:"iconsEuDock/euDock-brown.png"}}), | |
| 53 | + {link:"http://eudock.jules.it"}); | |
| 54 | + dock.addIcon(new Array( | |
| 55 | + {euImage:{image:"iconsEuDock/cube.png"}}, | |
| 56 | + {euImage:{image:"iconsEuDock/euDock-gold.png"}}), | |
| 57 | + {link:"http://eudock.jules.it", | |
| 58 | + fadingStep:0.1}); | |
| 59 | + dock.addIcon(new Array( | |
| 60 | + {euImage:{image:"iconsEuDock/euDock-red.png"}}, | |
| 61 | + {euImage:{image:"iconsEuDock/euDock-brown.png"}}, | |
| 62 | + {euImage:{image:"iconsEuDock/euDock-gold.png"}}, | |
| 63 | + {euImage:{image:"iconsEuDock/euDock-green.png"}}, | |
| 64 | + {euImage:{image:"iconsEuDock/euDock-blue.png"}}, | |
| 65 | + {euImage:{image:"iconsEuDock/euDock-purple.png"}}), | |
| 66 | + {link:"http://eudock.jules.it", | |
| 67 | + fadingStep:0.02, | |
| 68 | + fadingType:euOPAQUE}); | |
| 69 | + dock.addIcon(new Array( | |
| 70 | + {euImage:{image:"iconsEuDock/cube.png"}}, | |
| 71 | + {euImage:{image:"iconsEuDock/euDock-purple.png"}}, | |
| 72 | + {euImage:{image:"iconsEuDock/E.png"}}), | |
| 73 | + {link:"http://eudock.jules.it", | |
| 74 | + fadingStep:0.1, | |
| 75 | + fadingType:euFIXED}); | |
| 76 | + dock.addIcon(new Array( | |
| 77 | + {euImage:{image:"iconsEuDock/euDock-red.png"}}, | |
| 78 | + {euImage:{image:"iconsEuDock/euDock-brown.png"}}, | |
| 79 | + {euImage:{image:"iconsEuDock/euDock-gold.png"}}, | |
| 80 | + {euImage:{image:"iconsEuDock/euDock-green.png"}}, | |
| 81 | + {euImage:{image:"iconsEuDock/euDock-blue.png"}}, | |
| 82 | + {euImage:{image:"iconsEuDock/euDock-purple.png"}}), | |
| 83 | + {link:"http://eudock.jules.it", | |
| 84 | + fadingStep:0.02, | |
| 85 | + fadingType:euTRANSPARENT}); | |
| 86 | + dock.addIcon(new Array( | |
| 87 | + {euImage:{image:"iconsEuDock/cube.png"}}, | |
| 88 | + {euImage:{image:"iconsEuDock/euDock-green.png"}}), | |
| 89 | + {link:"http://eudock.jules.it", | |
| 90 | + fadingStep:0.1}); | |
| 91 | + dock.addIcon(new Array( | |
| 92 | + {euImage:{image:"iconsEuDock/cube.png"}}, | |
| 93 | + {euImage:{image:"iconsEuDock/euDock-blue.png"}}), | |
| 94 | + {link:"http://eudock.jules.it"}); | |
| 95 | + dock.addIcon(new Array( | |
| 96 | + {euImage:{image:"iconsEuDock/cube.png"}}, | |
| 97 | + {euImage:{image:"iconsEuDock/euDock-purple.png"}}), | |
| 98 | + {link:"http://eudock.jules.it"}); | |
| 99 | + dock.addIcon(new Array( | |
| 100 | + {euImage:{image:"iconsEuDock/cube.png"}}, | |
| 101 | + {euImage:{image:"iconsEuDock/euDock-purple.png"}}), | |
| 102 | + {link:"http://eudock.jules.it"}); | |
| 103 | +</script> | |
| 104 | +</pre> | |
| 105 | + | |
| 106 | +</td></tr> | |
| 107 | +<tr><td style="border:1px solid #8899bb;"> | |
| 108 | + | |
| 109 | +<center><b>MMMMM... It's a better idea to explain these functions:</b></center> | |
| 110 | +<pre> | |
| 111 | +<script> | |
| 112 | + /* | |
| 113 | + * This is useful for Internet Explorer PNG compatibility | |
| 114 | + * "js/" is the euDock javascript basePath | |
| 115 | + */<b> | |
| 116 | + euEnv.imageBasePath="js/";</b> | |
| 117 | + | |
| 118 | + //In variable (dock) now there is an euDock object<b> | |
| 119 | + var dock = new euDock();</b> | |
| 120 | + | |
| 121 | + /* | |
| 122 | + * (euDock object).setAnimation(type,venusHillWidth) | |
| 123 | + * | |
| 124 | + * align euDock to the screen borders | |
| 125 | + * type : (euMOUSE,euICON) | |
| 126 | + * : euMOUSE : the animation is relative to the mouse position | |
| 127 | + * : euICON : the animation is relative to the mouse Over Icon position | |
| 128 | + * | |
| 129 | + * venusHillWidth : the distance of icons (animated) from the mouse pointer | |
| 130 | + * : if -type- is: | |
| 131 | + * : euMOUSE : the value must be between (0 and 1) | |
| 132 | + * : (1 = all icons are animated) | |
| 133 | + * : (0.5) (default) the hill is about 50% of the bar | |
| 134 | + * : (0) only mouse over icon is zoomed | |
| 135 | + * : euICON : the value must be numeric (0,1,2,3,4,5,...) | |
| 136 | + * : is the number of icons zoomed near mouseOverIcon | |
| 137 | + */<b> | |
| 138 | + dock.setAnimation(euMOUSE,0.3);</b> | |
| 139 | + | |
| 140 | + /* | |
| 141 | + * (euDock object).animFading = (type) | |
| 142 | + * | |
| 143 | + * type : (euABSOLUTE,euRELATIVE) | |
| 144 | + * : (default) euABSOLUTE | |
| 145 | + * : euABSOLUTE : only one icon start to fading | |
| 146 | + * : euRELATIVE : all the icons near mouse position (venusHillWidth) | |
| 147 | + * : start to fading | |
| 148 | + * :(see the previous function for venusHillWidth) | |
| 149 | + */<b> | |
| 150 | + dock.animFading = euRELATIVE;</b> | |
| 151 | + | |
| 152 | + /* | |
| 153 | + * To define (unnecessary) the background Dock Bar: | |
| 154 | + * | |
| 155 | + * (euDock object).setBar({ | |
| 156 | + * left :[-(object definition for left background bar icon)-], | |
| 157 | + * horizontal:[-(object definition for center horizontal background bar icon)-], | |
| 158 | + * right :[-(object definition for right background bar icon)-] | |
| 159 | + * }); | |
| 160 | + * | |
| 161 | + * euImage is the euImage Object inside the "euDock.Image.js" script | |
| 162 | + * the common constructor is: | |
| 163 | + * | |
| 164 | + * {euImage:{image:[-(image name)-]}} | |
| 165 | + */<b> | |
| 166 | + dock.setBar({ | |
| 167 | + left :{euImage:{image:"barImages/dockBg-l.png"}}, | |
| 168 | + horizontal:{euImage:{image:"barImages/dockBg-c-o.gif"}}, | |
| 169 | + right :{euImage:{image:"barImages/dockBg-r.png"}} | |
| 170 | + });</b> | |
| 171 | + | |
| 172 | + /* | |
| 173 | + * (unnecessary) | |
| 174 | + * | |
| 175 | + * (euDock object).setIconsOffset(offset); | |
| 176 | + * | |
| 177 | + * offset:the distance between base align bar and the base align icons | |
| 178 | + * default is 0 | |
| 179 | + */<b> | |
| 180 | + dock.setIconsOffset(2);</b> | |
| 181 | + | |
| 182 | + /* | |
| 183 | + * (unnecessary)(if you want to see nothing of course) | |
| 184 | + * | |
| 185 | + * (euDock object).addIcon(arrayOfObjects,iconParameters); | |
| 186 | + * | |
| 187 | + * arrayOfObjects : array of fading objects | |
| 188 | + * | |
| 189 | + * iconParameters : "link" : is the url where you want to go | |
| 190 | + * | |
| 191 | + * : "fadingStep" : is the percent of fading icon value | |
| 192 | + * : icon fading goes from 0 (first object visible (euDock-red.png)) | |
| 193 | + * : to 1 (last object visible (euDock-purple.png)) | |
| 194 | + * : fadingStep=0.02 | |
| 195 | + * : There was 50 frames to make icon fading goes from 0 to 1 | |
| 196 | + * : 50 = (1/0.02) | |
| 197 | + * : | |
| 198 | + * : (default) = (0.5/[-number of fading objects-]) | |
| 199 | + * : About 2 frames for fading objects; | |
| 200 | + * | |
| 201 | + * : "fadingType" : (euTRANSPARENT,euOPAQUE,euFIXED) | |
| 202 | + * : euTRANSPARENT (default) | |
| 203 | + * : (Mathematical interpolation of transition) | |
| 204 | + * : Background can be visible inside transition | |
| 205 | + * : euOPAQUE | |
| 206 | + * : Background is not more visible inside transition | |
| 207 | + * : But some alpha elements (like shadows) | |
| 208 | + * : in the images can flicker | |
| 209 | + * : euFIXED | |
| 210 | + * : Background elements doesn't disappear | |
| 211 | + */<b> | |
| 212 | + dock.addIcon(new Array( | |
| 213 | + {euImage:{image:"iconsEuDock/euDock-red.png"}}, | |
| 214 | + {euImage:{image:"iconsEuDock/euDock-brown.png"}}, | |
| 215 | + {euImage:{image:"iconsEuDock/euDock-gold.png"}}, | |
| 216 | + {euImage:{image:"iconsEuDock/euDock-green.png"}}, | |
| 217 | + {euImage:{image:"iconsEuDock/euDock-blue.png"}}, | |
| 218 | + {euImage:{image:"iconsEuDock/euDock-purple.png"}}), | |
| 219 | + {link:"http://eudock.jules.it", | |
| 220 | + fadingStep:0.02, | |
| 221 | + fadingType:euTRANSPARENT});</b> | |
| 222 | + | |
| 223 | + /* | |
| 224 | + * Repeat the last command if you want more icons | |
| 225 | + */ | |
| 226 | +</script> | |
| 227 | +</pre> | |
| 228 | +</td></tr> | |
| 229 | +<tr><td style="border:1px solid #8899bb;"> | |
| 230 | +<center><b>REMEMBER</b><br>Don't forget to put in your page: | |
| 231 | +<table cellpadding=5> | |
| 232 | +<tr><td style='border:1px solid #8899bb;'> | |
| 233 | +<pre><b><a href='http://eudock.jules.it'> | |
| 234 | +<img src='http://eudock.jules.it/littlEuDock.jpg' border=0></a></b></pre> | |
| 235 | +</td><td> | |
| 236 | +<a href='http://eudock.jules.it'><img src='littlEuDock.jpg' border=0> | |
| 237 | +</td></tr> | |
| 238 | +</table> | |
| 239 | +!!!If you don't like (of course) a personal Macumba!!! | |
| 240 | +</center> | |
| 241 | +</td></tr> | |
| 242 | +</table> | |
| 243 | +<a href='index.html'><b>RETURN TO INDEX</b></a> | |
| 244 | +</center> | |
| 245 | +<a href='http://eudock.jules.it'> | |
| 246 | +<img src='littlEuDock.jpg' border=0></a> | |
| 247 | +</body> | |
| 248 | +</html> | |
| 249 | + | |
| 250 | +<script> | |
| 251 | + euEnv.imageBasePath="js/"; | |
| 252 | + | |
| 253 | + var dock = new euDock(); | |
| 254 | + | |
| 255 | + dock.setAnimation(euMOUSE,0.3); | |
| 256 | + | |
| 257 | + dock.animFading = euRELATIVE; | |
| 258 | + | |
| 259 | + dock.setBar({ | |
| 260 | + left :{euImage:{image:"barImages/dockBg-l.png"}}, | |
| 261 | + horizontal:{euImage:{image:"barImages/dockBg-c-o.gif"}}, | |
| 262 | + right :{euImage:{image:"barImages/dockBg-r.png"}} | |
| 263 | + }); | |
| 264 | + | |
| 265 | + dock.setIconsOffset(2); | |
| 266 | + | |
| 267 | + dock.addIcon(new Array( | |
| 268 | + {euImage:{image:"iconsEuDock/cube.png"}}, | |
| 269 | + {euImage:{image:"iconsEuDock/euDock-red.png"}}), | |
| 270 | + {link:"http://eudock.jules.it"}); | |
| 271 | + dock.addIcon(new Array( | |
| 272 | + {euImage:{image:"iconsEuDock/cube.png"}}, | |
| 273 | + {euImage:{image:"iconsEuDock/euDock-red.png"}}), | |
| 274 | + {link:"http://eudock.jules.it"}); | |
| 275 | + dock.addIcon(new Array( | |
| 276 | + {euImage:{image:"iconsEuDock/cube.png"}}, | |
| 277 | + {euImage:{image:"iconsEuDock/euDock-brown.png"}}), | |
| 278 | + {link:"http://eudock.jules.it"}); | |
| 279 | + dock.addIcon(new Array( | |
| 280 | + {euImage:{image:"iconsEuDock/cube.png"}}, | |
| 281 | + {euImage:{image:"iconsEuDock/euDock-gold.png"}}), | |
| 282 | + {link:"http://eudock.jules.it", | |
| 283 | + fadingStep:0.1}); | |
| 284 | + dock.addIcon(new Array( | |
| 285 | + {euImage:{image:"iconsEuDock/euDock-red.png"}}, | |
| 286 | + {euImage:{image:"iconsEuDock/euDock-brown.png"}}, | |
| 287 | + {euImage:{image:"iconsEuDock/euDock-gold.png"}}, | |
| 288 | + {euImage:{image:"iconsEuDock/euDock-green.png"}}, | |
| 289 | + {euImage:{image:"iconsEuDock/euDock-blue.png"}}, | |
| 290 | + {euImage:{image:"iconsEuDock/euDock-purple.png"}}), | |
| 291 | + {link:"http://eudock.jules.it", | |
| 292 | + fadingStep:0.02, | |
| 293 | + fadingType:euOPAQUE}); | |
| 294 | + dock.addIcon(new Array( | |
| 295 | + {euImage:{image:"iconsEuDock/cube.png"}}, | |
| 296 | + {euImage:{image:"iconsEuDock/euDock-purple.png"}}, | |
| 297 | + {euImage:{image:"iconsEuDock/E.png"}}), | |
| 298 | + {link:"http://eudock.jules.it", | |
| 299 | + fadingStep:0.1, | |
| 300 | + fadingType:euFIXED}); | |
| 301 | + dock.addIcon(new Array( | |
| 302 | + {euImage:{image:"iconsEuDock/euDock-red.png"}}, | |
| 303 | + {euImage:{image:"iconsEuDock/euDock-brown.png"}}, | |
| 304 | + {euImage:{image:"iconsEuDock/euDock-gold.png"}}, | |
| 305 | + {euImage:{image:"iconsEuDock/euDock-green.png"}}, | |
| 306 | + {euImage:{image:"iconsEuDock/euDock-blue.png"}}, | |
| 307 | + {euImage:{image:"iconsEuDock/euDock-purple.png"}}), | |
| 308 | + {link:"http://eudock.jules.it", | |
| 309 | + fadingStep:0.02, | |
| 310 | + fadingType:euTRANSPARENT}); | |
| 311 | + dock.addIcon(new Array( | |
| 312 | + {euImage:{image:"iconsEuDock/cube.png"}}, | |
| 313 | + {euImage:{image:"iconsEuDock/euDock-green.png"}}), | |
| 314 | + {link:"http://eudock.jules.it", | |
| 315 | + fadingStep:0.1}); | |
| 316 | + dock.addIcon(new Array( | |
| 317 | + {euImage:{image:"iconsEuDock/cube.png"}}, | |
| 318 | + {euImage:{image:"iconsEuDock/euDock-blue.png"}}), | |
| 319 | + {link:"http://eudock.jules.it"}); | |
| 320 | + dock.addIcon(new Array( | |
| 321 | + {euImage:{image:"iconsEuDock/cube.png"}}, | |
| 322 | + {euImage:{image:"iconsEuDock/euDock-purple.png"}}), | |
| 323 | + {link:"http://eudock.jules.it"}); | |
| 324 | + dock.addIcon(new Array( | |
| 325 | + {euImage:{image:"iconsEuDock/cube.png"}}, | |
| 326 | + {euImage:{image:"iconsEuDock/euDock-purple.png"}}), | |
| 327 | + {link:"http://eudock.jules.it"}); | |
| 328 | + | |
| 329 | +</script> | |
| 0 | 330 | \ No newline at end of file | ... | ... |
| ... | ... | @@ -0,0 +1,171 @@ |
| 1 | +<html> | |
| 2 | +</head> | |
| 3 | +<title>euDock 2.0 examples</title> | |
| 4 | +<link type="image/x-icon" href="iconsEuDock/euDock.ico" rel="shortcut icon"> | |
| 5 | + | |
| 6 | +<script language="JavaScript1.3" src="js/euDock.2.0.js"></script> | |
| 7 | +<script language="JavaScript1.3" src="js/euDock.Image.js"></script> | |
| 8 | +</head> | |
| 9 | +<body> | |
| 10 | +<center><br><br><br> | |
| 11 | +<table cellpadding=3 style='border:1px solid #8899bb;'> | |
| 12 | +<tr><td style="border:1px solid #8899bb;"> | |
| 13 | +<center><b>Not So Simple euDock 2.0 With "Frames"</b></center> | |
| 14 | +</td></tr> | |
| 15 | +<tr><td style="border:1px solid #8899bb;"> | |
| 16 | +<center><b>To make this possible you must write inside your page:</b></center> | |
| 17 | + | |
| 18 | +If you have a frameset like this: | |
| 19 | +<pre> | |
| 20 | + <frameset rows="70%,30%"> | |
| 21 | + <frame src="NotSoSimple_frame_top.html"> | |
| 22 | + <frame src="NotSoSimple_frame_down.html" name="pippo"> | |
| 23 | + </frameset> | |
| 24 | +<pre> | |
| 25 | +<br>In "NotSoSimple_frame_top.html" | |
| 26 | +<br>Place inside your <HEAD></HEAD> HTML tag: | |
| 27 | +<pre> | |
| 28 | +<HEAD> | |
| 29 | + <script language="JavaScript1.3" src="js/euDock.2.0.js"></script> | |
| 30 | + <script language="JavaScript1.3" src="js/euDock.Image.js"></script> | |
| 31 | +</HEAD> | |
| 32 | +<pre> | |
| 33 | +<script> | |
| 34 | + euEnv.imageBasePath="js/"; | |
| 35 | + | |
| 36 | + var dock = new euDock(); | |
| 37 | + | |
| 38 | + //added from previous (simple fading images) tutorial<b> | |
| 39 | + dock.setAnimation(euMOUSE,0.3);</b> | |
| 40 | + | |
| 41 | + //added from previous (simple) tutorial<b> | |
| 42 | + dock.setScreenAlign(euUP,0);</b> | |
| 43 | + | |
| 44 | + dock.setBar({ | |
| 45 | + top :{euImage:{image:"barImages/dockBg-u.png"}}, | |
| 46 | + vertical :{euImage:{image:"barImages/dockBg-c-v.gif"}}, | |
| 47 | + bottom :{euImage:{image:"barImages/dockBg-d.png"}}, | |
| 48 | + left :{euImage:{image:"barImages/dockBg-l.png"}}, | |
| 49 | + horizontal:{euImage:{image:"barImages/dockBg-c-o.gif"}}, | |
| 50 | + right :{euImage:{image:"barImages/dockBg-r.png"}} | |
| 51 | + }); | |
| 52 | + | |
| 53 | + dock.setIconsOffset(1); | |
| 54 | + | |
| 55 | + dock.addIcon(new Array({euImage:{image:"iconsEuDock/cube.png"}}), | |
| 56 | + {link:"http://eudock.jules.it"<b>, | |
| 57 | + target:"pippo"</b>}); | |
| 58 | + dock.addIcon(new Array({euImage:{image:"iconsEuDock/cube.png"}}), | |
| 59 | + {link:"http://eudock.jules.it"<b>, | |
| 60 | + target:"pippo"</b>}); | |
| 61 | + dock.addIcon(new Array({euImage:{image:"iconsEuDock/cube.png"}}), | |
| 62 | + {link:"http://eudock.jules.it"<b>, | |
| 63 | + target:"pippo"</b>}); | |
| 64 | + dock.addIcon(new Array({euImage:{image:"iconsEuDock/cube.png"}}), | |
| 65 | + {link:"http://eudock.jules.it"<b>, | |
| 66 | + target:"pippo"</b>}); | |
| 67 | + dock.addIcon(new Array({euImage:{image:"iconsEuDock/cube.png"}}), | |
| 68 | + {link:"http://eudock.jules.it"<b>, | |
| 69 | + target:"pippo"</b>}); | |
| 70 | + dock.addIcon(new Array({euImage:{image:"iconsEuDock/cube.png"}}), | |
| 71 | + {link:"http://eudock.jules.it"<b>, | |
| 72 | + target:"pippo"</b>}); | |
| 73 | + dock.addIcon(new Array({euImage:{image:"iconsEuDock/cube.png"}}), | |
| 74 | + {link:"http://eudock.jules.it"<b>, | |
| 75 | + target:"pippo"</b>}); | |
| 76 | + dock.addIcon(new Array({euImage:{image:"iconsEuDock/cube.png"}}), | |
| 77 | + {link:"http://eudock.jules.it"<b>, | |
| 78 | + target:"pippo"</b>}); | |
| 79 | + dock.addIcon(new Array({euImage:{image:"iconsEuDock/cube.png"}}), | |
| 80 | + {link:"http://eudock.jules.it"<b>, | |
| 81 | + target:"pippo"</b>}); | |
| 82 | + dock.addIcon(new Array({euImage:{image:"iconsEuDock/cube.png"}}), | |
| 83 | + {link:"http://eudock.jules.it"<b>, | |
| 84 | + target:"pippo"</b>}); | |
| 85 | + dock.addIcon(new Array({euImage:{image:"iconsEuDock/cube.png"}}), | |
| 86 | + {link:"http://eudock.jules.it"<b>, | |
| 87 | + target:"pippo"</b>}); | |
| 88 | +</script> | |
| 89 | +</pre> | |
| 90 | + | |
| 91 | +</td></tr> | |
| 92 | +<tr><td style="border:1px solid #8899bb;"> | |
| 93 | +<center><b>REMEMBER</b><br>Don't forget to put in your page: | |
| 94 | +<table cellpadding=5> | |
| 95 | +<tr><td style='border:1px solid #8899bb;'> | |
| 96 | +<pre><b><a href='http://eudock.jules.it'> | |
| 97 | +<img src='http://eudock.jules.it/littlEuDock.jpg' border=0></a></b></pre> | |
| 98 | +</td><td> | |
| 99 | +<a href='http://eudock.jules.it'><img src='littlEuDock.jpg' border=0> | |
| 100 | +</td></tr> | |
| 101 | +</table> | |
| 102 | +!!!If you don't like (of course) a personal Macumba!!! | |
| 103 | +</center> | |
| 104 | +</td></tr> | |
| 105 | +</table> | |
| 106 | +<a href='index.html'><b>RETURN TO INDEX</b></a> | |
| 107 | +</center> | |
| 108 | +<a href='http://eudock.jules.it' target="TOP"> | |
| 109 | +<img src='littlEuDock.jpg' border=0></a> | |
| 110 | +</body> | |
| 111 | +</html> | |
| 112 | + | |
| 113 | + | |
| 114 | + | |
| 115 | +<script> | |
| 116 | + euEnv.imageBasePath="js/"; | |
| 117 | + | |
| 118 | + var dock = new euDock(); | |
| 119 | + | |
| 120 | + dock.setAnimation(euMOUSE,0.3); | |
| 121 | + | |
| 122 | + dock.setScreenAlign(euUP,0); | |
| 123 | + | |
| 124 | + dock.setBar({ | |
| 125 | + top :{euImage:{image:"barImages/dockBg-u.png"}}, | |
| 126 | + vertical :{euImage:{image:"barImages/dockBg-c-v.gif"}}, | |
| 127 | + bottom :{euImage:{image:"barImages/dockBg-d.png"}}, | |
| 128 | + left :{euImage:{image:"barImages/dockBg-l.png"}}, | |
| 129 | + horizontal:{euImage:{image:"barImages/dockBg-c-o.gif"}}, | |
| 130 | + right :{euImage:{image:"barImages/dockBg-r.png"}} | |
| 131 | + }); | |
| 132 | + | |
| 133 | + dock.setIconsOffset(1); | |
| 134 | + | |
| 135 | + dock.addIcon(new Array({euImage:{image:"iconsEuDock/cube.png"}}), | |
| 136 | + {link:"http://eudock.jules.it", | |
| 137 | + target:"pippo"}); | |
| 138 | + dock.addIcon(new Array({euImage:{image:"iconsEuDock/cube.png"}}), | |
| 139 | + {link:"http://eudock.jules.it", | |
| 140 | + target:"pippo"}); | |
| 141 | + dock.addIcon(new Array({euImage:{image:"iconsEuDock/cube.png"}}), | |
| 142 | + {link:"http://eudock.jules.it", | |
| 143 | + target:"pippo"}); | |
| 144 | + dock.addIcon(new Array({euImage:{image:"iconsEuDock/cube.png"}}), | |
| 145 | + {link:"http://eudock.jules.it", | |
| 146 | + target:"pippo"}); | |
| 147 | + dock.addIcon(new Array({euImage:{image:"iconsEuDock/cube.png"}}), | |
| 148 | + {link:"http://eudock.jules.it", | |
| 149 | + target:"pippo"}); | |
| 150 | + dock.addIcon(new Array({euImage:{image:"iconsEuDock/cube.png"}}), | |
| 151 | + {link:"http://eudock.jules.it", | |
| 152 | + target:"pippo"}); | |
| 153 | + dock.addIcon(new Array({euImage:{image:"iconsEuDock/cube.png"}}), | |
| 154 | + {link:"http://eudock.jules.it", | |
| 155 | + target:"pippo"}); | |
| 156 | + dock.addIcon(new Array({euImage:{image:"iconsEuDock/cube.png"}}), | |
| 157 | + {link:"http://eudock.jules.it", | |
| 158 | + target:"pippo"}); | |
| 159 | + dock.addIcon(new Array({euImage:{image:"iconsEuDock/cube.png"}}), | |
| 160 | + {link:"http://eudock.jules.it", | |
| 161 | + target:"pippo"}); | |
| 162 | + dock.addIcon(new Array({euImage:{image:"iconsEuDock/cube.png"}}), | |
| 163 | + {link:"http://eudock.jules.it", | |
| 164 | + target:"pippo"}); | |
| 165 | + dock.addIcon(new Array({euImage:{image:"iconsEuDock/cube.png"}}), | |
| 166 | + {link:"http://eudock.jules.it", | |
| 167 | + target:"pippo"}); | |
| 168 | +</script> | |
| 169 | + | |
| 170 | + | |
| 171 | + | ... | ... |
| ... | ... | @@ -0,0 +1,361 @@ |
| 1 | +<html> | |
| 2 | +</head> | |
| 3 | +<title>euDock 2.0 examples</title> | |
| 4 | +<link type="image/x-icon" href="iconsEuDock/euDock.ico" rel="shortcut icon"> | |
| 5 | + | |
| 6 | +<script language="JavaScript1.3" src="js/euDock.2.0.js"></script> | |
| 7 | +<script language="JavaScript1.3" src="js/euDock.Image.js"></script> | |
| 8 | +<script language="JavaScript1.3" src="js/euDock.Ghost.js"></script> | |
| 9 | +<script language="JavaScript1.3" src="js/euDock.Blank.js"></script> | |
| 10 | +<script language="JavaScript1.3" src="js/euDock.Label.js"></script> | |
| 11 | + | |
| 12 | +</head> | |
| 13 | +<body> | |
| 14 | +<center> | |
| 15 | +<table cellpadding=3 style='border:1px solid #8899bb;'> | |
| 16 | +<tr><td style="border:1px solid #8899bb;"> | |
| 17 | +<center><b>euDock 2.0 Objects Tutorial</b></center> | |
| 18 | +</td></tr> | |
| 19 | +<tr><td style="border:1px solid #8899bb;"> | |
| 20 | +<center><b>euImage Object:</b></center> | |
| 21 | +</td></tr> | |
| 22 | +<tr><td style="border:1px solid #8899bb;"> | |
| 23 | +<br>Add inside your <HEAD></HEAD> HTML tag: | |
| 24 | +<pre> | |
| 25 | +<HEAD> | |
| 26 | + ... | |
| 27 | + <script language="JavaScript1.3" src="js/euDock.Image.js"></script> | |
| 28 | + ... | |
| 29 | +</HEAD> | |
| 30 | +</pre> | |
| 31 | +Object Definition: | |
| 32 | +<pre> | |
| 33 | + /* | |
| 34 | + * euImage is the euImage Object inside the "euDock.Image.js" script | |
| 35 | + * the common constructor is: | |
| 36 | + * | |
| 37 | + * {euImage:{image : [-(image name)-], | |
| 38 | + * PngObjIE : [-(NoFadingIE_PNG object)-]}} | |
| 39 | + * | |
| 40 | + * image : image name | |
| 41 | + * PngObjIE : (unnecessary) | |
| 42 | + * : This parameter is useful if you use a PNG image in Internet | |
| 43 | + * : Explorer and you are sure that this image will not fade to another. | |
| 44 | + * : For example the PNG images applied to the dock bar | |
| 45 | + * : or the PNG images used in icons with only 1 image | |
| 46 | + * : or the first PNG image in the icons with (fadingType:euFIXED) | |
| 47 | + * : parameter set. | |
| 48 | + * : It may be complex but the performances are improved | |
| 49 | + * : with PNGs on Internet Explorer | |
| 50 | + * : | |
| 51 | + * : euImageNoFadingIE_PNG : is the object used in this case | |
| 52 | + * : | |
| 53 | + * : (unnecessary) with gif,jpg,(PNGs without alpha) images | |
| 54 | + * : or with fading images | |
| 55 | + */<b> | |
| 56 | + {euImage : {image : "iconsEuDock/euDock-red.png", | |
| 57 | + PngObjIE : euImageNoFadingIE_PNG}}</b> | |
| 58 | +</pre> | |
| 59 | +</td></tr> | |
| 60 | + | |
| 61 | +<tr><td style="border:1px solid #8899bb;"> | |
| 62 | +<center><b>euBlank Object:</b></center> | |
| 63 | +</td></tr> | |
| 64 | +<tr><td style="border:1px solid #8899bb;"> | |
| 65 | +<br>Add inside your <HEAD></HEAD> HTML tag: | |
| 66 | +<pre> | |
| 67 | +<HEAD> | |
| 68 | + ... | |
| 69 | + <script language="JavaScript1.3" src="js/euDock.Blank.js"></script> | |
| 70 | + ... | |
| 71 | +</HEAD> | |
| 72 | +</pre> | |
| 73 | +Object Definition: | |
| 74 | +<pre> | |
| 75 | + /* | |
| 76 | + * euBlank is the euBlank Object inside the "euDock.Blank.js" script | |
| 77 | + * the common constructor is: | |
| 78 | + * | |
| 79 | + * {euBlank:{width : [-width-], | |
| 80 | + * height : [-height-]}} | |
| 81 | + * | |
| 82 | + * width,height : obvious | |
| 83 | + * | |
| 84 | + * instead to use blank gif images, you can use this | |
| 85 | + * object to improve performances | |
| 86 | + * (the browser doesn't consider his hidden dimension) | |
| 87 | + */<b> | |
| 88 | + {euBlank:{width:100,height:100}</b> | |
| 89 | +</pre> | |
| 90 | +</td></tr> | |
| 91 | + | |
| 92 | +<tr><td style="border:1px solid #8899bb;"> | |
| 93 | +<center><b>euGhost Object:</b></center> | |
| 94 | +</td></tr> | |
| 95 | +<tr><td style="border:1px solid #8899bb;"> | |
| 96 | +<br>Add inside your <HEAD></HEAD> HTML tag: | |
| 97 | +<pre> | |
| 98 | +<HEAD> | |
| 99 | + ... | |
| 100 | + <script language="JavaScript1.3" src="js/euDock.Image.js"></script> | |
| 101 | + <script language="JavaScript1.3" src="js/euDock.Ghost.js"></script> | |
| 102 | + ... | |
| 103 | +</HEAD> | |
| 104 | +</pre> | |
| 105 | +euGhost need euImage object (inside "euDock.Image.js" script) render engine<br><br> | |
| 106 | +Object Definition: | |
| 107 | +<pre> | |
| 108 | + /* | |
| 109 | + * euGhost is the euGhost Object inside the "euDock.Ghost.js" script | |
| 110 | + * the common constructor is: | |
| 111 | + * | |
| 112 | + * {euGhost:{ | |
| 113 | + * ghost : [-Ghost Image Name-], | |
| 114 | + * eyeball : [-Eyeball Image Name-], | |
| 115 | + * eyespot_1 : [-Left Spot Image Name-], | |
| 116 | + * eyespot_2 : [-Right Spot Image Name-], | |
| 117 | + * shadow : [-Shadow Image Name-], | |
| 118 | + * shadowPos : {x:[-X Pos-],y:[-Y Pos-]}, | |
| 119 | + * spotCoord1: {x:[-X Pos-],y:[-Y Pos-],rad:[-Radius-]}, | |
| 120 | + * spotCoord2: {x:[-X Pos-],y:[-Y Pos-],rad:[-Radius-]}, | |
| 121 | + * PngObjIE : [-(NoFadingIE_PNG object)-] | |
| 122 | + * }} | |
| 123 | + * | |
| 124 | + * ghost , eyeball , eyespot_1 , eyespot_2 , shadow | |
| 125 | + * : these are the images of the ghost object | |
| 126 | + * | |
| 127 | + * shadowPos : x and y relative position of the shadow (eyeShadow) | |
| 128 | + * (shadow and shadowPos are not necessary) | |
| 129 | + * (if euGhost doesn't fading, the | |
| 130 | + * eye shadow can be unuseful) | |
| 131 | + * | |
| 132 | + * spotCoord1 : x and y relative position of the center of | |
| 133 | + * spotCoord2 : left and right eyeball | |
| 134 | + * : rad is the radius in pixel from the center | |
| 135 | + * | |
| 136 | + * PngObjIE : euGhost use euImage render Engine and can support | |
| 137 | + * : this parameter descripted before. | |
| 138 | + * : (in this page there is an euGhost [not fading] object in the bar) | |
| 139 | + * | |
| 140 | + * euGhost doesn't completely disappear | |
| 141 | + * eyeball, shadow and eyespot(1-2) are always visible | |
| 142 | + * these are euImage objects with: | |
| 143 | + * (PngObjIE : euImageNoFadingIE_PNG) | |
| 144 | + * parameter set. | |
| 145 | + */<b> | |
| 146 | + {euGhost:{ | |
| 147 | + ghost : "ghostImages/ghost_red-1.png", | |
| 148 | + eyeball : "ghostImages/eyes.png", | |
| 149 | + eyespot_1 : "ghostImages/eye-spot-1.png", | |
| 150 | + eyespot_2 : "ghostImages/eye-spot-2.png", | |
| 151 | + shadow : "ghostImages/eyes-shadow.png", | |
| 152 | + shadowPos : {x:5,y:10}, | |
| 153 | + spotCoord1: {x:36,y:36,rad:13}, | |
| 154 | + spotCoord2: {x:72,y:38,rad:7}, | |
| 155 | + PngObjIE : euImageNoFadingIE_PNG | |
| 156 | + }}</b> | |
| 157 | +</pre> | |
| 158 | +</td></tr> | |
| 159 | + | |
| 160 | +<tr><td style="border:1px solid #8899bb;"> | |
| 161 | +<center><b>euLabel Object:</b></center> | |
| 162 | +</td></tr> | |
| 163 | +<tr><td style="border:1px solid #8899bb;"> | |
| 164 | +<br>Add inside your <HEAD></HEAD> HTML tag: | |
| 165 | +<pre> | |
| 166 | +<HEAD> | |
| 167 | + ... | |
| 168 | + <script language="JavaScript1.3" src="js/euDock.Label.js"></script> | |
| 169 | + ... | |
| 170 | +</HEAD> | |
| 171 | +</pre> | |
| 172 | +Object Definition: | |
| 173 | +<pre> | |
| 174 | + /* | |
| 175 | + * euLabel is the euLabel Object inside the "euDock.Label.js" script | |
| 176 | + * the common constructor is: | |
| 177 | + * | |
| 178 | + * {euLabel:{ | |
| 179 | + * object :[-The object you want inside the euLabel-], | |
| 180 | + * txt :[-Label text-]; | |
| 181 | + * style :[-CSS Style of the label-], | |
| 182 | + * anchor :[-Hooking Position-], | |
| 183 | + * offsetX:[-X Offset-], | |
| 184 | + * offsetY:[-Y Offset-]}} | |
| 185 | + * | |
| 186 | + * object : can be every euDock object with his parameters (see the examples) | |
| 187 | + * txt : The text you want inside the label | |
| 188 | + * style : (unnecessary) CSS style of the label | |
| 189 | + * : (the text is inside a SPAN element) | |
| 190 | + * anchor : (euUP,euDOWN,euLEFT,euRIGHT,euCENTER) | |
| 191 | + * : Align to the middle (TOP,DOWN,LEFT,RIGHT,CENTER) of the Icon | |
| 192 | + * offsetX: X and Y offset from | |
| 193 | + * offsetY: the previous anchor | |
| 194 | + */<b> | |
| 195 | + {euLabel:{ | |
| 196 | + object : {euGhost:{ | |
| 197 | + ghost : "ghostImages/ghost_purple-1.png", | |
| 198 | + eyeball : "ghostImages/eyes.png", | |
| 199 | + eyespot_1 : "ghostImages/eye-spot-1.png", | |
| 200 | + eyespot_2 : "ghostImages/eye-spot-2.png", | |
| 201 | + shadow : "ghostImages/eyes-shadow.png", | |
| 202 | + shadowPos : {x:5,y:10}, | |
| 203 | + spotCoord1: {x:36,y:36,rad:13}, | |
| 204 | + spotCoord2: {x:72,y:38,rad:7} | |
| 205 | + }}, | |
| 206 | + txt : "HI I'M a <b>GHOST</b>", | |
| 207 | + style : "border : 1px solid #9Fb6b6;", | |
| 208 | + anchor : euDOWN, | |
| 209 | + offsetX : 0, | |
| 210 | + offsetY : -120}}</b> | |
| 211 | + | |
| 212 | +Another example<b> | |
| 213 | + | |
| 214 | + {euLabel:{ | |
| 215 | + object : {euImage:{image:"iconsEuDock/euDock-purple.png"}}, | |
| 216 | + txt : "HI I'M a <b>LABEL</b><br>I'm the other line"; | |
| 217 | + style : "text-align : center; border : 5px dashed #9Fb6b6;", | |
| 218 | + anchor : euDOWN, | |
| 219 | + offsetX : 0, | |
| 220 | + offsetY : -120}}</b> | |
| 221 | +</pre> | |
| 222 | +</td></tr> | |
| 223 | + | |
| 224 | +<tr><td style="border:1px solid #8899bb;"> | |
| 225 | +<center> | |
| 226 | +<b>euDock 2.0 can be complex to use</b><br> | |
| 227 | +<b>(For Developers) I suggest to see all the tutorial sources</b><br> | |
| 228 | +</center> | |
| 229 | +</td></tr> | |
| 230 | +<tr><td style="border:1px solid #8899bb;"> | |
| 231 | +<center><b>REMEMBER</b><br>Don't forget to put in your page: | |
| 232 | +<table cellpadding=5> | |
| 233 | +<tr><td style='border:1px solid #8899bb;'> | |
| 234 | +<pre><b><a href='http://eudock.jules.it'> | |
| 235 | +<img src='http://eudock.jules.it/littlEuDock.jpg' border=0></a></b></pre> | |
| 236 | +</td><td> | |
| 237 | +<a href='http://eudock.jules.it'><img src='littlEuDock.jpg' border=0> | |
| 238 | +</td></tr> | |
| 239 | +</table> | |
| 240 | +!!!If you don't like (of course) a personal Macumba!!! | |
| 241 | +</center> | |
| 242 | +</td></tr> | |
| 243 | +</table> | |
| 244 | +<a href='index.html'><b>RETURN TO INDEX</b></a> | |
| 245 | +</center> | |
| 246 | +<a href='http://eudock.jules.it'> | |
| 247 | +<img src='littlEuDock.jpg' border=0></a> | |
| 248 | +</body> | |
| 249 | +</html> | |
| 250 | + | |
| 251 | + | |
| 252 | + | |
| 253 | +<script> | |
| 254 | + euEnv.imageBasePath="js/"; | |
| 255 | + | |
| 256 | + var dock = new euDock(); | |
| 257 | + | |
| 258 | + dock.setScreenAlign(euDOWN,0); | |
| 259 | + | |
| 260 | + dock.setAnimation(euMOUSE,0.3); | |
| 261 | + | |
| 262 | + dock.animFading = euRELATIVE; | |
| 263 | + | |
| 264 | + dock.setBar({ | |
| 265 | + left :{euGhost:{ ghost : "barImages/bar-dockBg-l.png", | |
| 266 | + eyeball : "barImages/bar-eyes.png", | |
| 267 | + eyespot_1 : "barImages/bar-eye-spot.png", | |
| 268 | + eyespot_2 : "barImages/bar-eye-spot.png", | |
| 269 | + spotCoord1: {x:17,y:16,rad:7}, | |
| 270 | + spotCoord2: {x:33,y:17,rad:5}, | |
| 271 | + PngObjIE : euImageNoFadingIE_PNG | |
| 272 | + }}, | |
| 273 | + horizontal:{euImage:{image:"barImages/dockBg-c-o.gif"}}, | |
| 274 | + right :{euImage:{image:"barImages/dockBg-r.png"}} | |
| 275 | + }); | |
| 276 | + | |
| 277 | + dock.setIconsOffset(2); | |
| 278 | + | |
| 279 | + dock.addIcon(new Array({euImage : {image:"iconsEuDock/euDock-red.png", | |
| 280 | + PngObjIE : euImageNoFadingIE_PNG}}), | |
| 281 | + {link:"http://eudock.jules.it"}); | |
| 282 | + | |
| 283 | + dock.addIcon(new Array({euBlank:{width:100,height:100}}, | |
| 284 | + {euImage:{image:"iconsEuDock/euDock-red.png"}}), | |
| 285 | + {link:"http://eudock.jules.it"}); | |
| 286 | + | |
| 287 | + dock.addIcon(new Array({euBlank:{width:100,height:100}}, | |
| 288 | + {euGhost:{ | |
| 289 | + ghost : "ghostImages/ghost_red-1.png", | |
| 290 | + eyeball : "ghostImages/eyes.png", | |
| 291 | + eyespot_1 : "ghostImages/eye-spot-1.png", | |
| 292 | + eyespot_2 : "ghostImages/eye-spot-2.png", | |
| 293 | + shadow : "ghostImages/eyes-shadow.png", | |
| 294 | + shadowPos : {x:5,y:10}, | |
| 295 | + spotCoord1: {x:36,y:36,rad:13}, | |
| 296 | + spotCoord2: {x:72,y:38,rad:7} | |
| 297 | + }}), | |
| 298 | + {link:"http://eudock.jules.it"}); | |
| 299 | + | |
| 300 | + dock.addIcon(new Array({euLabel:{ | |
| 301 | + object:{euImage:{image:"iconsEuDock/euDock-purple.png"}}, | |
| 302 | + txt :" HI... I'M a <b>LABEL</b> ", | |
| 303 | + style :"background:#eeefff;border-style:solid;border-color:#9Fb6b6;border-width:3px;", | |
| 304 | + anchor:euDOWN, | |
| 305 | + offsetX:0, | |
| 306 | + offsetY:-120}}), | |
| 307 | + {link:"http://eudock.jules.it"}); | |
| 308 | + | |
| 309 | + dock.addIcon(new Array({euImage : {image:"iconsEuDock/euDock-red.png", | |
| 310 | + PngObjIE : euImageNoFadingIE_PNG}}), | |
| 311 | + {link:"http://eudock.jules.it"}); | |
| 312 | + | |
| 313 | + dock.addIcon(new Array({euImage:{image:"iconsEuDock/euDock-red.png"}}, | |
| 314 | + {euLabel:{ | |
| 315 | + object:{euGhost:{ | |
| 316 | + ghost : "ghostImages/ghost_purple-1.png", | |
| 317 | + eyeball : "ghostImages/eyes.png", | |
| 318 | + eyespot_1 : "ghostImages/eye-spot-1.png", | |
| 319 | + eyespot_2 : "ghostImages/eye-spot-2.png", | |
| 320 | + shadow : "ghostImages/eyes-shadow.png", | |
| 321 | + shadowPos : {x:5,y:10}, | |
| 322 | + spotCoord1: {x:36,y:36,rad:13}, | |
| 323 | + spotCoord2: {x:72,y:38,rad:7} | |
| 324 | + }}, | |
| 325 | + txt :" HI... I'M a <b>GHOST</b> ", | |
| 326 | + style :"background:#eeefff;border-style:solid;border-color:#9Fb6b6;border-width:3px;", | |
| 327 | + anchor:euDOWN, | |
| 328 | + offsetX:0, | |
| 329 | + offsetY:-120}}), | |
| 330 | + {link:"http://eudock.jules.it"}); | |
| 331 | + | |
| 332 | + dock.addIcon(new Array({euImage : {image:"iconsEuDock/euDock-red.png", | |
| 333 | + PngObjIE : euImageNoFadingIE_PNG}}), | |
| 334 | + {link:"http://eudock.jules.it"}); | |
| 335 | + | |
| 336 | + dock.addIcon(new Array({euImage:{image:"iconsEuDock/euDock-gold.png"}}, | |
| 337 | + {euLabel:{ | |
| 338 | + object:{euBlank:{width:100,height:100}}, | |
| 339 | + txt :" HI... I'M a <b>LABEL</b> <br> WITH a <b>blankObject</b> inside ", | |
| 340 | + style :"text-align:center;background:#ffff88;border:5px dashed #9Fb6b6;", | |
| 341 | + anchor:euDOWN, | |
| 342 | + offsetX:0, | |
| 343 | + offsetY:-120}}), | |
| 344 | + {link:"http://eudock.jules.it"}); | |
| 345 | + | |
| 346 | + dock.addIcon(new Array({euImage : {image:"iconsEuDock/euDock-red.png", | |
| 347 | + PngObjIE : euImageNoFadingIE_PNG}}), | |
| 348 | + {link:"http://eudock.jules.it"}); | |
| 349 | + dock.addIcon(new Array({euImage : {image:"iconsEuDock/euDock-red.png", | |
| 350 | + PngObjIE : euImageNoFadingIE_PNG}}), | |
| 351 | + {link:"http://eudock.jules.it"}); | |
| 352 | + dock.addIcon(new Array({euImage : {image:"iconsEuDock/euDock-red.png", | |
| 353 | + PngObjIE : euImageNoFadingIE_PNG}}), | |
| 354 | + {link:"http://eudock.jules.it"}); | |
| 355 | + dock.addIcon(new Array({euImage : {image:"iconsEuDock/euDock-red.png", | |
| 356 | + PngObjIE : euImageNoFadingIE_PNG}}), | |
| 357 | + {link:"http://eudock.jules.it"}); | |
| 358 | +</script> | |
| 359 | + | |
| 360 | + | |
| 361 | + | ... | ... |
| ... | ... | @@ -0,0 +1,188 @@ |
| 1 | +<html> | |
| 2 | +</head> | |
| 3 | +<title>euDock 2.0 examples</title> | |
| 4 | +<link type="image/x-icon" href="iconsEuDock/euDock.ico" rel="shortcut icon"> | |
| 5 | + | |
| 6 | +<script language="JavaScript1.3" src="js/euDock.2.0.js"></script> | |
| 7 | +<script language="JavaScript1.3" src="js/euDock.Image.js"></script> | |
| 8 | +</head> | |
| 9 | +<body> | |
| 10 | +<center> | |
| 11 | +<table cellpadding=3 style='border:1px solid #8899bb;'> | |
| 12 | +<tr><td style="border:1px solid #8899bb;"> | |
| 13 | +<center><b>Simple euDock 2.0</b></center> | |
| 14 | +</td></tr> | |
| 15 | +<tr><td style="border:1px solid #8899bb;"> | |
| 16 | +<center><b>To make this possible you must write inside your page:</b></center> | |
| 17 | +<br>Place inside your <HEAD></HEAD> HTML tag: | |
| 18 | +<pre> | |
| 19 | +<HEAD> | |
| 20 | + <script language="JavaScript1.3" src="js/euDock.2.0.js"></script> | |
| 21 | + <script language="JavaScript1.3" src="js/euDock.Image.js"></script> | |
| 22 | +</HEAD> | |
| 23 | +</pre> | |
| 24 | +And everywhere: | |
| 25 | +<pre> | |
| 26 | +<script> | |
| 27 | + euEnv.imageBasePath="js/"; | |
| 28 | + | |
| 29 | + var dock = new euDock(); | |
| 30 | + | |
| 31 | + dock.setBar({ | |
| 32 | + left :{euImage:{image:"barImages/dockBg-l.png"}}, | |
| 33 | + horizontal:{euImage:{image:"barImages/dockBg-c-o.gif"}}, | |
| 34 | + right :{euImage:{image:"barImages/dockBg-r.png"}} | |
| 35 | + }); | |
| 36 | + | |
| 37 | + dock.setIconsOffset(2); | |
| 38 | + | |
| 39 | + dock.addIcon(new Array({euImage:{image:"iconsEuDock/cube.png"}}), | |
| 40 | + {link:"http://eudock.jules.it"}); | |
| 41 | + dock.addIcon(new Array({euImage:{image:"iconsEuDock/cube.png"}}), | |
| 42 | + {link:"http://eudock.jules.it"}); | |
| 43 | + dock.addIcon(new Array({euImage:{image:"iconsEuDock/cube.png"}}), | |
| 44 | + {link:"http://eudock.jules.it"}); | |
| 45 | + dock.addIcon(new Array({euImage:{image:"iconsEuDock/cube.png"}}), | |
| 46 | + {link:"http://eudock.jules.it"}); | |
| 47 | + dock.addIcon(new Array({euImage:{image:"iconsEuDock/cube.png"}}), | |
| 48 | + {link:"http://eudock.jules.it"}); | |
| 49 | + dock.addIcon(new Array({euImage:{image:"iconsEuDock/cube.png"}}), | |
| 50 | + {link:"http://eudock.jules.it"}); | |
| 51 | + dock.addIcon(new Array({euImage:{image:"iconsEuDock/cube.png"}}), | |
| 52 | + {link:"http://eudock.jules.it"}); | |
| 53 | + dock.addIcon(new Array({euImage:{image:"iconsEuDock/cube.png"}}), | |
| 54 | + {link:"http://eudock.jules.it"}); | |
| 55 | + dock.addIcon(new Array({euImage:{image:"iconsEuDock/cube.png"}}), | |
| 56 | + {link:"http://eudock.jules.it"}); | |
| 57 | + dock.addIcon(new Array({euImage:{image:"iconsEuDock/cube.png"}}), | |
| 58 | + {link:"http://eudock.jules.it"}); | |
| 59 | + dock.addIcon(new Array({euImage:{image:"iconsEuDock/cube.png"}}), | |
| 60 | + {link:"http://eudock.jules.it"}); | |
| 61 | +</script> | |
| 62 | +</pre> | |
| 63 | +I suggest to download the tutorial/demos and take a look to all the features.<br> | |
| 64 | +I can't explain all here. | |
| 65 | +</td></tr> | |
| 66 | +<tr><td style="border:1px solid #8899bb;"> | |
| 67 | + | |
| 68 | +<center><b>MMMMM... It's a better idea to explain these functions:</b></center> | |
| 69 | +<pre> | |
| 70 | +<script> | |
| 71 | + /* | |
| 72 | + * This is useful for Internet Explorer PNG compatibility | |
| 73 | + * "js/" is the euDock javascript basePath | |
| 74 | + */<b> | |
| 75 | + euEnv.imageBasePath="js/";</b> | |
| 76 | + | |
| 77 | + //In variable (dock) now there is an euDock object<b> | |
| 78 | + var dock = new euDock();</b> | |
| 79 | + | |
| 80 | + /* | |
| 81 | + * To define (unnecessary) the background Dock Bar: | |
| 82 | + * | |
| 83 | + * (euDock object).setBar({ | |
| 84 | + * left :[-(object definition for left background bar icon)-], | |
| 85 | + * horizontal:[-(object definition for center horizontal background bar icon)-], | |
| 86 | + * right :[-(object definition for right background bar icon)-] | |
| 87 | + * }); | |
| 88 | + * | |
| 89 | + * euImage is the euImage Object inside the "euDock.Image.js" script | |
| 90 | + * the common constructor is: | |
| 91 | + * | |
| 92 | + * {euImage:{image:[-(image name)-]}} | |
| 93 | + */<b> | |
| 94 | + dock.setBar({ | |
| 95 | + left :{euImage:{image:"barImages/dockBg-l.png"}}, | |
| 96 | + horizontal:{euImage:{image:"barImages/dockBg-c-o.gif"}}, | |
| 97 | + right :{euImage:{image:"barImages/dockBg-r.png"}} | |
| 98 | + });</b> | |
| 99 | + | |
| 100 | + /* | |
| 101 | + * (unnecessary) | |
| 102 | + * | |
| 103 | + * (euDock object).setIconsOffset(offset); | |
| 104 | + * | |
| 105 | + * offset:the distance between base align bar and the base align icons | |
| 106 | + * default is 0 | |
| 107 | + */<b> | |
| 108 | + dock.setIconsOffset(2);</b> | |
| 109 | + | |
| 110 | + /* | |
| 111 | + * (unnecessary)(if you want to see nothing of course) | |
| 112 | + * | |
| 113 | + * (euDock object).addIcon(arrayOfObjects,iconParameters); | |
| 114 | + * | |
| 115 | + * arrayOfObjects : in this case there is an euImage array of 1 element | |
| 116 | + * iconParameters : "link" is the url where you want to go | |
| 117 | + */<b> | |
| 118 | + dock.addIcon(new Array({euImage:{image:"iconsEuDock/cube.png"}}), | |
| 119 | + {link:"http://eudock.jules.it"});</b> | |
| 120 | + | |
| 121 | + /* | |
| 122 | + * Repeat the last command if you want more icons | |
| 123 | + */ | |
| 124 | +</script> | |
| 125 | +</pre> | |
| 126 | +</td></tr> | |
| 127 | +<tr><td style="border:1px solid #8899bb;"> | |
| 128 | +<center><b>REMEMBER</b><br>Don't forget to put in your page: | |
| 129 | +<table cellpadding=5> | |
| 130 | +<tr><td style='border:1px solid #8899bb;'> | |
| 131 | +<pre><b><a href='http://eudock.jules.it'> | |
| 132 | +<img src='http://eudock.jules.it/littlEuDock.jpg' border=0></a></b></pre> | |
| 133 | +</td><td> | |
| 134 | +<a href='http://eudock.jules.it'><img src='littlEuDock.jpg' border=0> | |
| 135 | +</td></tr> | |
| 136 | +</table> | |
| 137 | +!!!If you don't like (of course) a personal Macumba!!! | |
| 138 | +</center> | |
| 139 | +</td></tr> | |
| 140 | +</table> | |
| 141 | +<a href='index.html'><b>RETURN TO INDEX</b></a> | |
| 142 | +</center> | |
| 143 | +<a href='http://eudock.jules.it'> | |
| 144 | +<img src='littlEuDock.jpg' border=0></a> | |
| 145 | +</body> | |
| 146 | +</html> | |
| 147 | + | |
| 148 | + | |
| 149 | + | |
| 150 | +<script> | |
| 151 | + euEnv.imageBasePath="js/"; | |
| 152 | + | |
| 153 | + var dock = new euDock(); | |
| 154 | + | |
| 155 | + dock.setBar({ | |
| 156 | + left :{euImage:{image:"barImages/dockBg-l.png"}}, | |
| 157 | + horizontal:{euImage:{image:"barImages/dockBg-c-o.gif"}}, | |
| 158 | + right :{euImage:{image:"barImages/dockBg-r.png"}} | |
| 159 | + }); | |
| 160 | + | |
| 161 | + dock.setIconsOffset(2); | |
| 162 | + | |
| 163 | + dock.addIcon(new Array({euImage:{image:"iconsEuDock/cube.png"}}), | |
| 164 | + {link:"http://eudock.jules.it"}); | |
| 165 | + dock.addIcon(new Array({euImage:{image:"iconsEuDock/cube.png"}}), | |
| 166 | + {link:"http://eudock.jules.it"}); | |
| 167 | + dock.addIcon(new Array({euImage:{image:"iconsEuDock/cube.png"}}), | |
| 168 | + {link:"http://eudock.jules.it"}); | |
| 169 | + dock.addIcon(new Array({euImage:{image:"iconsEuDock/cube.png"}}), | |
| 170 | + {link:"http://eudock.jules.it"}); | |
| 171 | + dock.addIcon(new Array({euImage:{image:"iconsEuDock/cube.png"}}), | |
| 172 | + {link:"http://eudock.jules.it"}); | |
| 173 | + dock.addIcon(new Array({euImage:{image:"iconsEuDock/cube.png"}}), | |
| 174 | + {link:"http://eudock.jules.it"}); | |
| 175 | + dock.addIcon(new Array({euImage:{image:"iconsEuDock/cube.png"}}), | |
| 176 | + {link:"http://eudock.jules.it"}); | |
| 177 | + dock.addIcon(new Array({euImage:{image:"iconsEuDock/cube.png"}}), | |
| 178 | + {link:"http://eudock.jules.it"}); | |
| 179 | + dock.addIcon(new Array({euImage:{image:"iconsEuDock/cube.png"}}), | |
| 180 | + {link:"http://eudock.jules.it"}); | |
| 181 | + dock.addIcon(new Array({euImage:{image:"iconsEuDock/cube.png"}}), | |
| 182 | + {link:"http://eudock.jules.it"}); | |
| 183 | + dock.addIcon(new Array({euImage:{image:"iconsEuDock/cube.png"}}), | |
| 184 | + {link:"http://eudock.jules.it"}); | |
| 185 | +</script> | |
| 186 | + | |
| 187 | + | |
| 188 | + | ... | ... |
| ... | ... | @@ -0,0 +1,312 @@ |
| 1 | +<html> | |
| 2 | +</head> | |
| 3 | +<title>euDock 2.0 examples</title> | |
| 4 | +<link type="image/x-icon" href="iconsEuDock/euDock.ico" rel="shortcut icon"> | |
| 5 | + | |
| 6 | +<script language="JavaScript1.3" src="js/euDock.2.0.js"></script> | |
| 7 | +<script language="JavaScript1.3" src="js/euDock.Image.js"></script> | |
| 8 | +</head> | |
| 9 | +<body> | |
| 10 | +<center> | |
| 11 | +<table cellpadding=3 style='border:1px solid #8899bb;'> | |
| 12 | +<tr><td style="border:1px solid #8899bb;"> | |
| 13 | +<center><b>Simple Fading Images euDock 2.0</b></center> | |
| 14 | +</td></tr> | |
| 15 | +<tr><td style="border:1px solid #8899bb;"> | |
| 16 | +<center><b>To make this possible you must write inside your page:</b></center> | |
| 17 | +<br>Place inside your <HEAD></HEAD> HTML tag: | |
| 18 | +<pre> | |
| 19 | +<HEAD> | |
| 20 | + <script language="JavaScript1.3" src="js/euDock.2.0.js"></script> | |
| 21 | + <script language="JavaScript1.3" src="js/euDock.Image.js"></script> | |
| 22 | +</HEAD> | |
| 23 | +<pre> | |
| 24 | +<script> | |
| 25 | + euEnv.imageBasePath="js/"; | |
| 26 | + | |
| 27 | + var dock = new euDock(); | |
| 28 | + | |
| 29 | + dock.setAnimation(euMOUSE,0.3); | |
| 30 | + | |
| 31 | + dock.setBar({ | |
| 32 | + left :{euImage:{image:"barImages/dockBg-l.png"}}, | |
| 33 | + horizontal:{euImage:{image:"barImages/dockBg-c-o.gif"}}, | |
| 34 | + right :{euImage:{image:"barImages/dockBg-r.png"}} | |
| 35 | + }); | |
| 36 | + | |
| 37 | + dock.setIconsOffset(2); | |
| 38 | + | |
| 39 | + dock.addIcon(new Array( | |
| 40 | + {euImage:{image:"iconsEuDock/cube.png"}}, | |
| 41 | + {euImage:{image:"iconsEuDock/euDock-red.png"}}), | |
| 42 | + {link:"http://eudock.jules.it"}); | |
| 43 | + dock.addIcon(new Array( | |
| 44 | + {euImage:{image:"iconsEuDock/cube.png"}}, | |
| 45 | + {euImage:{image:"iconsEuDock/euDock-red.png"}}), | |
| 46 | + {link:"http://eudock.jules.it"}); | |
| 47 | + dock.addIcon(new Array( | |
| 48 | + {euImage:{image:"iconsEuDock/cube.png"}}, | |
| 49 | + {euImage:{image:"iconsEuDock/euDock-brown.png"}}), | |
| 50 | + {link:"http://eudock.jules.it"}); | |
| 51 | + dock.addIcon(new Array( | |
| 52 | + {euImage:{image:"iconsEuDock/cube.png"}}, | |
| 53 | + {euImage:{image:"iconsEuDock/euDock-gold.png"}}), | |
| 54 | + {link:"http://eudock.jules.it", | |
| 55 | + fadingStep:0.1}); | |
| 56 | + dock.addIcon(new Array( | |
| 57 | + {euImage:{image:"iconsEuDock/euDock-red.png"}}, | |
| 58 | + {euImage:{image:"iconsEuDock/euDock-brown.png"}}, | |
| 59 | + {euImage:{image:"iconsEuDock/euDock-gold.png"}}, | |
| 60 | + {euImage:{image:"iconsEuDock/euDock-green.png"}}, | |
| 61 | + {euImage:{image:"iconsEuDock/euDock-blue.png"}}, | |
| 62 | + {euImage:{image:"iconsEuDock/euDock-purple.png"}}), | |
| 63 | + {link:"http://eudock.jules.it", | |
| 64 | + fadingStep:0.02, | |
| 65 | + fadingType:euOPAQUE}); | |
| 66 | + dock.addIcon(new Array( | |
| 67 | + {euImage:{image:"iconsEuDock/cube.png"}}, | |
| 68 | + {euImage:{image:"iconsEuDock/euDock-purple.png"}}, | |
| 69 | + {euImage:{image:"iconsEuDock/E.png"}}), | |
| 70 | + {link:"http://eudock.jules.it", | |
| 71 | + fadingStep:0.1, | |
| 72 | + fadingType:euFIXED}); | |
| 73 | + dock.addIcon(new Array( | |
| 74 | + {euImage:{image:"iconsEuDock/euDock-red.png"}}, | |
| 75 | + {euImage:{image:"iconsEuDock/euDock-brown.png"}}, | |
| 76 | + {euImage:{image:"iconsEuDock/euDock-gold.png"}}, | |
| 77 | + {euImage:{image:"iconsEuDock/euDock-green.png"}}, | |
| 78 | + {euImage:{image:"iconsEuDock/euDock-blue.png"}}, | |
| 79 | + {euImage:{image:"iconsEuDock/euDock-purple.png"}}), | |
| 80 | + {link:"http://eudock.jules.it", | |
| 81 | + fadingStep:0.02, | |
| 82 | + fadingType:euTRANSPARENT}); | |
| 83 | + dock.addIcon(new Array( | |
| 84 | + {euImage:{image:"iconsEuDock/cube.png"}}, | |
| 85 | + {euImage:{image:"iconsEuDock/euDock-green.png"}}), | |
| 86 | + {link:"http://eudock.jules.it", | |
| 87 | + fadingStep:0.1}); | |
| 88 | + dock.addIcon(new Array( | |
| 89 | + {euImage:{image:"iconsEuDock/cube.png"}}, | |
| 90 | + {euImage:{image:"iconsEuDock/euDock-blue.png"}}), | |
| 91 | + {link:"http://eudock.jules.it"}); | |
| 92 | + dock.addIcon(new Array( | |
| 93 | + {euImage:{image:"iconsEuDock/cube.png"}}, | |
| 94 | + {euImage:{image:"iconsEuDock/euDock-purple.png"}}), | |
| 95 | + {link:"http://eudock.jules.it"}); | |
| 96 | + dock.addIcon(new Array( | |
| 97 | + {euImage:{image:"iconsEuDock/cube.png"}}, | |
| 98 | + {euImage:{image:"iconsEuDock/euDock-purple.png"}}), | |
| 99 | + {link:"http://eudock.jules.it"}); | |
| 100 | +</script> | |
| 101 | +</pre> | |
| 102 | + | |
| 103 | +</td></tr> | |
| 104 | +<tr><td style="border:1px solid #8899bb;"> | |
| 105 | + | |
| 106 | +<center><b>MMMMM... It's a better idea to explain these functions:</b></center> | |
| 107 | +<pre> | |
| 108 | +<script> | |
| 109 | + /* | |
| 110 | + * This is useful for Internet Explorer PNG compatibility | |
| 111 | + * "js/" is the euDock javascript basePath | |
| 112 | + */<b> | |
| 113 | + euEnv.imageBasePath="js/";</b> | |
| 114 | + | |
| 115 | + //In variable (dock) now there is an euDock object<b> | |
| 116 | + var dock = new euDock();</b> | |
| 117 | + | |
| 118 | + /* | |
| 119 | + * (euDock object).setAnimation(type,venusHillWidth) | |
| 120 | + * | |
| 121 | + * align euDock to the screen borders | |
| 122 | + * type : (euMOUSE,euICON) | |
| 123 | + * : euMOUSE : the animation is relative to the mouse position | |
| 124 | + * : euICON : the animation is relative to the mouse Over Icon position | |
| 125 | + * | |
| 126 | + * venusHillWidth : the distance of icons (animated) from the mouse pointer | |
| 127 | + * : if -type- is: | |
| 128 | + * : euMOUSE : the value must be between (0 and 1) | |
| 129 | + * : (1 = all icons are animated) | |
| 130 | + * : (0.5) (default) the hill is about 50% of the bar | |
| 131 | + * : (0) only mouse over icon is zoomed | |
| 132 | + * : euICON : the value must be numeric (0,1,2,3,4,5,...) | |
| 133 | + * : is the number of icons zoomed near mouseOverIcon | |
| 134 | + */<b> | |
| 135 | + dock.setAnimation(euMOUSE,0.3);</b> | |
| 136 | + | |
| 137 | + /* | |
| 138 | + * To define (unnecessary) the background Dock Bar: | |
| 139 | + * | |
| 140 | + * (euDock object).setBar({ | |
| 141 | + * left :[-(object definition for left background bar icon)-], | |
| 142 | + * horizontal:[-(object definition for center horizontal background bar icon)-], | |
| 143 | + * right :[-(object definition for right background bar icon)-] | |
| 144 | + * }); | |
| 145 | + * | |
| 146 | + * euImage is the euImage Object inside the "euDock.Image.js" script | |
| 147 | + * the common constructor is: | |
| 148 | + * | |
| 149 | + * {euImage:{image:[-(image name)-]}} | |
| 150 | + */<b> | |
| 151 | + dock.setBar({ | |
| 152 | + left :{euImage:{image:"barImages/dockBg-l.png"}}, | |
| 153 | + horizontal:{euImage:{image:"barImages/dockBg-c-o.gif"}}, | |
| 154 | + right :{euImage:{image:"barImages/dockBg-r.png"}} | |
| 155 | + });</b> | |
| 156 | + | |
| 157 | + /* | |
| 158 | + * (unnecessary) | |
| 159 | + * | |
| 160 | + * (euDock object).setIconsOffset(offset); | |
| 161 | + * | |
| 162 | + * offset:the distance between base align bar and the base align icons | |
| 163 | + * default is 0 | |
| 164 | + */<b> | |
| 165 | + dock.setIconsOffset(2);</b> | |
| 166 | + | |
| 167 | + /* | |
| 168 | + * (unnecessary)(if you want to see nothing of course) | |
| 169 | + * | |
| 170 | + * (euDock object).addIcon(arrayOfObjects,iconParameters); | |
| 171 | + * | |
| 172 | + * arrayOfObjects : array of fading objects | |
| 173 | + * | |
| 174 | + * iconParameters : "link" : is the url where you want to go | |
| 175 | + * | |
| 176 | + * : "fadingStep" : is the percent of fading icon value | |
| 177 | + * : icon fading goes from 0 (first object visible (euDock-red.png)) | |
| 178 | + * : to 1 (last object visible (euDock-purple.png)) | |
| 179 | + * : fadingStep=0.02 | |
| 180 | + * : There was 50 frames to make icon fading goes from 0 to 1 | |
| 181 | + * : 50 = (1/0.02) | |
| 182 | + * : | |
| 183 | + * : (default) = (0.5/[-number of fading objects-]) | |
| 184 | + * : About 2 frames for fading objects; | |
| 185 | + * | |
| 186 | + * : "fadingType" : (euTRANSPARENT,euOPAQUE,euFIXED) | |
| 187 | + * : euTRANSPARENT (default) | |
| 188 | + * : (Mathematical interpolation of transition) | |
| 189 | + * : Background can be visible inside transition | |
| 190 | + * : euOPAQUE | |
| 191 | + * : Background is not more visible inside transition | |
| 192 | + * : But some alpha elements (like shadows) | |
| 193 | + * : in the images can flicker | |
| 194 | + * : euFIXED | |
| 195 | + * : Background elements doesn't disappear | |
| 196 | + */<b> | |
| 197 | + dock.addIcon(new Array( | |
| 198 | + {euImage:{image:"iconsEuDock/euDock-red.png"}}, | |
| 199 | + {euImage:{image:"iconsEuDock/euDock-brown.png"}}, | |
| 200 | + {euImage:{image:"iconsEuDock/euDock-gold.png"}}, | |
| 201 | + {euImage:{image:"iconsEuDock/euDock-green.png"}}, | |
| 202 | + {euImage:{image:"iconsEuDock/euDock-blue.png"}}, | |
| 203 | + {euImage:{image:"iconsEuDock/euDock-purple.png"}}), | |
| 204 | + {link:"http://eudock.jules.it", | |
| 205 | + fadingStep:0.02, | |
| 206 | + fadingType:euTRANSPARENT});</b> | |
| 207 | + | |
| 208 | + /* | |
| 209 | + * Repeat the last command if you want more icons | |
| 210 | + */ | |
| 211 | +</script> | |
| 212 | +</pre> | |
| 213 | +</td></tr> | |
| 214 | +<tr><td style="border:1px solid #8899bb;"> | |
| 215 | +<center><b>REMEMBER</b><br>Don't forget to put in your page: | |
| 216 | +<table cellpadding=5> | |
| 217 | +<tr><td style='border:1px solid #8899bb;'> | |
| 218 | +<pre><b><a href='http://eudock.jules.it'> | |
| 219 | +<img src='http://eudock.jules.it/littlEuDock.jpg' border=0></a></b></pre> | |
| 220 | +</td><td> | |
| 221 | +<a href='http://eudock.jules.it'><img src='littlEuDock.jpg' border=0> | |
| 222 | +</td></tr> | |
| 223 | +</table> | |
| 224 | +!!!If you don't like (of course) a personal Macumba!!! | |
| 225 | +</center> | |
| 226 | +</td></tr> | |
| 227 | +</table> | |
| 228 | +<a href='index.html'><b>RETURN TO INDEX</b></a> | |
| 229 | +</center> | |
| 230 | +<a href='http://eudock.jules.it'> | |
| 231 | +<img src='littlEuDock.jpg' border=0></a> | |
| 232 | +</body> | |
| 233 | +</html> | |
| 234 | + | |
| 235 | +<script> | |
| 236 | + euEnv.imageBasePath="js/"; | |
| 237 | + | |
| 238 | + var dock = new euDock(); | |
| 239 | + | |
| 240 | + dock.setAnimation(euMOUSE,0.3); | |
| 241 | + | |
| 242 | + dock.setBar({ | |
| 243 | + left :{euImage:{image:"barImages/dockBg-l.png"}}, | |
| 244 | + horizontal:{euImage:{image:"barImages/dockBg-c-o.gif"}}, | |
| 245 | + right :{euImage:{image:"barImages/dockBg-r.png"}} | |
| 246 | + }); | |
| 247 | + | |
| 248 | + dock.setIconsOffset(2); | |
| 249 | + | |
| 250 | + dock.addIcon(new Array( | |
| 251 | + {euImage:{image:"iconsEuDock/cube.png"}}, | |
| 252 | + {euImage:{image:"iconsEuDock/euDock-red.png"}}), | |
| 253 | + {link:"http://eudock.jules.it"}); | |
| 254 | + dock.addIcon(new Array( | |
| 255 | + {euImage:{image:"iconsEuDock/cube.png"}}, | |
| 256 | + {euImage:{image:"iconsEuDock/euDock-red.png"}}), | |
| 257 | + {link:"http://eudock.jules.it"}); | |
| 258 | + dock.addIcon(new Array( | |
| 259 | + {euImage:{image:"iconsEuDock/cube.png"}}, | |
| 260 | + {euImage:{image:"iconsEuDock/euDock-brown.png"}}), | |
| 261 | + {link:"http://eudock.jules.it"}); | |
| 262 | + dock.addIcon(new Array( | |
| 263 | + {euImage:{image:"iconsEuDock/cube.png"}}, | |
| 264 | + {euImage:{image:"iconsEuDock/euDock-gold.png"}}), | |
| 265 | + {link:"http://eudock.jules.it", | |
| 266 | + fadingStep:0.1}); | |
| 267 | + dock.addIcon(new Array( | |
| 268 | + {euImage:{image:"iconsEuDock/euDock-red.png"}}, | |
| 269 | + {euImage:{image:"iconsEuDock/euDock-brown.png"}}, | |
| 270 | + {euImage:{image:"iconsEuDock/euDock-gold.png"}}, | |
| 271 | + {euImage:{image:"iconsEuDock/euDock-green.png"}}, | |
| 272 | + {euImage:{image:"iconsEuDock/euDock-blue.png"}}, | |
| 273 | + {euImage:{image:"iconsEuDock/euDock-purple.png"}}), | |
| 274 | + {link:"http://eudock.jules.it", | |
| 275 | + fadingStep:0.02, | |
| 276 | + fadingType:euOPAQUE}); | |
| 277 | + dock.addIcon(new Array( | |
| 278 | + {euImage:{image:"iconsEuDock/cube.png"}}, | |
| 279 | + {euImage:{image:"iconsEuDock/euDock-purple.png"}}, | |
| 280 | + {euImage:{image:"iconsEuDock/E.png"}}), | |
| 281 | + {link:"http://eudock.jules.it", | |
| 282 | + fadingStep:0.1, | |
| 283 | + fadingType:euFIXED}); | |
| 284 | + dock.addIcon(new Array( | |
| 285 | + {euImage:{image:"iconsEuDock/euDock-red.png"}}, | |
| 286 | + {euImage:{image:"iconsEuDock/euDock-brown.png"}}, | |
| 287 | + {euImage:{image:"iconsEuDock/euDock-gold.png"}}, | |
| 288 | + {euImage:{image:"iconsEuDock/euDock-green.png"}}, | |
| 289 | + {euImage:{image:"iconsEuDock/euDock-blue.png"}}, | |
| 290 | + {euImage:{image:"iconsEuDock/euDock-purple.png"}}), | |
| 291 | + {link:"http://eudock.jules.it", | |
| 292 | + fadingStep:0.02, | |
| 293 | + fadingType:euTRANSPARENT}); | |
| 294 | + dock.addIcon(new Array( | |
| 295 | + {euImage:{image:"iconsEuDock/cube.png"}}, | |
| 296 | + {euImage:{image:"iconsEuDock/euDock-green.png"}}), | |
| 297 | + {link:"http://eudock.jules.it", | |
| 298 | + fadingStep:0.1}); | |
| 299 | + dock.addIcon(new Array( | |
| 300 | + {euImage:{image:"iconsEuDock/cube.png"}}, | |
| 301 | + {euImage:{image:"iconsEuDock/euDock-blue.png"}}), | |
| 302 | + {link:"http://eudock.jules.it"}); | |
| 303 | + dock.addIcon(new Array( | |
| 304 | + {euImage:{image:"iconsEuDock/cube.png"}}, | |
| 305 | + {euImage:{image:"iconsEuDock/euDock-purple.png"}}), | |
| 306 | + {link:"http://eudock.jules.it"}); | |
| 307 | + dock.addIcon(new Array( | |
| 308 | + {euImage:{image:"iconsEuDock/cube.png"}}, | |
| 309 | + {euImage:{image:"iconsEuDock/euDock-purple.png"}}), | |
| 310 | + {link:"http://eudock.jules.it"}); | |
| 311 | + | |
| 312 | +</script> | |
| 0 | 313 | \ No newline at end of file | ... | ... |
No preview for this file type
No preview for this file type
2.21 KB
205 Bytes
1.51 KB
189 Bytes
226 Bytes
633 Bytes
1.98 KB
604 Bytes
1.75 KB
619 Bytes
1.78 KB
629 Bytes
2 KB
No preview for this file type
2.21 KB
205 Bytes
1.51 KB
154 Bytes
220 Bytes
226 Bytes
633 Bytes
1.98 KB
604 Bytes
918 Bytes
619 Bytes
849 Bytes
629 Bytes
2 KB
63 Bytes
No preview for this file type
205 Bytes
249 Bytes
3.85 KB
4.31 KB
15.3 KB
12.5 KB
15.5 KB
15.5 KB
16.4 KB
15.6 KB
15.6 KB
16.4 KB
11.5 KB
10.9 KB
No preview for this file type
5.89 KB
9.98 KB
11.3 KB
12.1 KB
10.7 KB
12 KB
11.7 KB
10 KB
No preview for this file type
9.9 KB
6.1 KB
6.6 KB
No preview for this file type
21 KB
| ... | ... | @@ -0,0 +1,27 @@ |
| 1 | +<html> | |
| 2 | +</head> | |
| 3 | +<title>euDock 2.0 examples</title> | |
| 4 | +<link type="image/x-icon" href="iconsEuDock/euDock.ico" rel="shortcut icon"> | |
| 5 | +</head> | |
| 6 | +<body> | |
| 7 | +<center> | |
| 8 | +<img id='pepperLogo' src=images/logo-big.jpg border=0> | |
| 9 | +<br> | |
| 10 | +<table cellpadding=10 style='border:1px solid #8899bb;'> | |
| 11 | +<tr><td style="border:1px solid #8899bb;"> | |
| 12 | +<a href="Simple.html"><b>SIMPLE EXAMPLE (for Beginners)</b></a><br> | |
| 13 | +<a href="NotSoSimple.html"><b>NOT SO SIMPLE EXAMPLE (for not so stupid Beginners)</b></a><br> | |
| 14 | +<a href="index_frames.html"><b>NOT SO SIMPLE EXAMPLE WITH FRAMES(for not so stupid Beginners with frames)</b></a><br> | |
| 15 | +<br> | |
| 16 | +<a href="SimpleFadingImages.html"><b>SIMPLE FADING IMAGES TUTORIAL (for not so (not so stupid) Beginners)</b></a><br> | |
| 17 | +<a href="NotSoSimpleFadingImages.html"><b>NOT SO SIMPLE FADING IMAGES TUTORIAL (for not so (not so (not so stupid)) Beginners)</b></a><br> | |
| 18 | +<br> | |
| 19 | +<a href="Align.html"><b>ALIGN TUTORIAL (It became interessant)</b></a><br> | |
| 20 | +<a href="Objects.html"><b>OBJECTS TUTORIAL (WOOOOOOOOOOO)</b></a><br> | |
| 21 | +<a href="Functions.html"><b>EXTERNAL FUNCTIONS TUTORIAL (COOOOOOOOLLLL)</b></a><br> | |
| 22 | +<a href="Delete_Icons.html"><b>DELETE ICONS TUTORIAL(BAD BAD ICON!!!)</b></a><br> | |
| 23 | +</td></tr> | |
| 24 | +</table> | |
| 25 | +</center> | |
| 26 | +</body> | |
| 27 | +</html> | |
| 0 | 28 | \ No newline at end of file | ... | ... |
| ... | ... | @@ -0,0 +1,12 @@ |
| 1 | +<html> | |
| 2 | +</head> | |
| 3 | +<title>euDock 2.0 examples</title> | |
| 4 | +<link type="image/x-icon" href="iconsEuDock/euDock.ico" rel="shortcut icon"> | |
| 5 | +</head> | |
| 6 | + | |
| 7 | +<frameset rows="70%,30%"> | |
| 8 | + <frame src="NotSoSimple_frame_top.html"> | |
| 9 | + <frame src="NotSoSimple_frame_down.html" name="pippo"> | |
| 10 | +</frameset> | |
| 11 | + | |
| 12 | +</html> | |
| 0 | 13 | \ No newline at end of file | ... | ... |
| ... | ... | @@ -0,0 +1,502 @@ |
| 1 | + GNU LESSER GENERAL PUBLIC LICENSE | |
| 2 | + Version 2.1, February 1999 | |
| 3 | + | |
| 4 | + Copyright (C) 1991, 1999 Free Software Foundation, Inc. | |
| 5 | + 59 Temple Place, Suite 330, Boston, MA 02111-1307 USA | |
| 6 | + Everyone is permitted to copy and distribute verbatim copies | |
| 7 | + of this license document, but changing it is not allowed. | |
| 8 | + | |
| 9 | +[This is the first released version of the Lesser GPL. It also counts | |
| 10 | + as the successor of the GNU Library Public License, version 2, hence | |
| 11 | + the version number 2.1.] | |
| 12 | + | |
| 13 | + Preamble | |
| 14 | + | |
| 15 | + The licenses for most software are designed to take away your | |
| 16 | +freedom to share and change it. By contrast, the GNU General Public | |
| 17 | +Licenses are intended to guarantee your freedom to share and change | |
| 18 | +free software--to make sure the software is free for all its users. | |
| 19 | + | |
| 20 | + This license, the Lesser General Public License, applies to some | |
| 21 | +specially designated software packages--typically libraries--of the | |
| 22 | +Free Software Foundation and other authors who decide to use it. You | |
| 23 | +can use it too, but we suggest you first think carefully about whether | |
| 24 | +this license or the ordinary General Public License is the better | |
| 25 | +strategy to use in any particular case, based on the explanations below. | |
| 26 | + | |
| 27 | + When we speak of free software, we are referring to freedom of use, | |
| 28 | +not price. Our General Public Licenses are designed to make sure that | |
| 29 | +you have the freedom to distribute copies of free software (and charge | |
| 30 | +for this service if you wish); that you receive source code or can get | |
| 31 | +it if you want it; that you can change the software and use pieces of | |
| 32 | +it in new free programs; and that you are informed that you can do | |
| 33 | +these things. | |
| 34 | + | |
| 35 | + To protect your rights, we need to make restrictions that forbid | |
| 36 | +distributors to deny you these rights or to ask you to surrender these | |
| 37 | +rights. These restrictions translate to certain responsibilities for | |
| 38 | +you if you distribute copies of the library or if you modify it. | |
| 39 | + | |
| 40 | + For example, if you distribute copies of the library, whether gratis | |
| 41 | +or for a fee, you must give the recipients all the rights that we gave | |
| 42 | +you. You must make sure that they, too, receive or can get the source | |
| 43 | +code. If you link other code with the library, you must provide | |
| 44 | +complete object files to the recipients, so that they can relink them | |
| 45 | +with the library after making changes to the library and recompiling | |
| 46 | +it. And you must show them these terms so they know their rights. | |
| 47 | + | |
| 48 | + We protect your rights with a two-step method: (1) we copyright the | |
| 49 | +library, and (2) we offer you this license, which gives you legal | |
| 50 | +permission to copy, distribute and/or modify the library. | |
| 51 | + | |
| 52 | + To protect each distributor, we want to make it very clear that | |
| 53 | +there is no warranty for the free library. Also, if the library is | |
| 54 | +modified by someone else and passed on, the recipients should know | |
| 55 | +that what they have is not the original version, so that the original | |
| 56 | +author's reputation will not be affected by problems that might be | |
| 57 | +introduced by others. | |
| 58 | + | |
| 59 | + Finally, software patents pose a constant threat to the existence of | |
| 60 | +any free program. We wish to make sure that a company cannot | |
| 61 | +effectively restrict the users of a free program by obtaining a | |
| 62 | +restrictive license from a patent holder. Therefore, we insist that | |
| 63 | +any patent license obtained for a version of the library must be | |
| 64 | +consistent with the full freedom of use specified in this license. | |
| 65 | + | |
| 66 | + Most GNU software, including some libraries, is covered by the | |
| 67 | +ordinary GNU General Public License. This license, the GNU Lesser | |
| 68 | +General Public License, applies to certain designated libraries, and | |
| 69 | +is quite different from the ordinary General Public License. We use | |
| 70 | +this license for certain libraries in order to permit linking those | |
| 71 | +libraries into non-free programs. | |
| 72 | + | |
| 73 | + When a program is linked with a library, whether statically or using | |
| 74 | +a shared library, the combination of the two is legally speaking a | |
| 75 | +combined work, a derivative of the original library. The ordinary | |
| 76 | +General Public License therefore permits such linking only if the | |
| 77 | +entire combination fits its criteria of freedom. The Lesser General | |
| 78 | +Public License permits more lax criteria for linking other code with | |
| 79 | +the library. | |
| 80 | + | |
| 81 | + We call this license the "Lesser" General Public License because it | |
| 82 | +does Less to protect the user's freedom than the ordinary General | |
| 83 | +Public License. It also provides other free software developers Less | |
| 84 | +of an advantage over competing non-free programs. These disadvantages | |
| 85 | +are the reason we use the ordinary General Public License for many | |
| 86 | +libraries. However, the Lesser license provides advantages in certain | |
| 87 | +special circumstances. | |
| 88 | + | |
| 89 | + For example, on rare occasions, there may be a special need to | |
| 90 | +encourage the widest possible use of a certain library, so that it becomes | |
| 91 | +a de-facto standard. To achieve this, non-free programs must be | |
| 92 | +allowed to use the library. A more frequent case is that a free | |
| 93 | +library does the same job as widely used non-free libraries. In this | |
| 94 | +case, there is little to gain by limiting the free library to free | |
| 95 | +software only, so we use the Lesser General Public License. | |
| 96 | + | |
| 97 | + In other cases, permission to use a particular library in non-free | |
| 98 | +programs enables a greater number of people to use a large body of | |
| 99 | +free software. For example, permission to use the GNU C Library in | |
| 100 | +non-free programs enables many more people to use the whole GNU | |
| 101 | +operating system, as well as its variant, the GNU/Linux operating | |
| 102 | +system. | |
| 103 | + | |
| 104 | + Although the Lesser General Public License is Less protective of the | |
| 105 | +users' freedom, it does ensure that the user of a program that is | |
| 106 | +linked with the Library has the freedom and the wherewithal to run | |
| 107 | +that program using a modified version of the Library. | |
| 108 | + | |
| 109 | + The precise terms and conditions for copying, distribution and | |
| 110 | +modification follow. Pay close attention to the difference between a | |
| 111 | +"work based on the library" and a "work that uses the library". The | |
| 112 | +former contains code derived from the library, whereas the latter must | |
| 113 | +be combined with the library in order to run. | |
| 114 | + | |
| 115 | + GNU LESSER GENERAL PUBLIC LICENSE | |
| 116 | + TERMS AND CONDITIONS FOR COPYING, DISTRIBUTION AND MODIFICATION | |
| 117 | + | |
| 118 | + 0. This License Agreement applies to any software library or other | |
| 119 | +program which contains a notice placed by the copyright holder or | |
| 120 | +other authorized party saying it may be distributed under the terms of | |
| 121 | +this Lesser General Public License (also called "this License"). | |
| 122 | +Each licensee is addressed as "you". | |
| 123 | + | |
| 124 | + A "library" means a collection of software functions and/or data | |
| 125 | +prepared so as to be conveniently linked with application programs | |
| 126 | +(which use some of those functions and data) to form executables. | |
| 127 | + | |
| 128 | + The "Library", below, refers to any such software library or work | |
| 129 | +which has been distributed under these terms. A "work based on the | |
| 130 | +Library" means either the Library or any derivative work under | |
| 131 | +copyright law: that is to say, a work containing the Library or a | |
| 132 | +portion of it, either verbatim or with modifications and/or translated | |
| 133 | +straightforwardly into another language. (Hereinafter, translation is | |
| 134 | +included without limitation in the term "modification".) | |
| 135 | + | |
| 136 | + "Source code" for a work means the preferred form of the work for | |
| 137 | +making modifications to it. For a library, complete source code means | |
| 138 | +all the source code for all modules it contains, plus any associated | |
| 139 | +interface definition files, plus the scripts used to control compilation | |
| 140 | +and installation of the library. | |
| 141 | + | |
| 142 | + Activities other than copying, distribution and modification are not | |
| 143 | +covered by this License; they are outside its scope. The act of | |
| 144 | +running a program using the Library is not restricted, and output from | |
| 145 | +such a program is covered only if its contents constitute a work based | |
| 146 | +on the Library (independent of the use of the Library in a tool for | |
| 147 | +writing it). Whether that is true depends on what the Library does | |
| 148 | +and what the program that uses the Library does. | |
| 149 | + | |
| 150 | + 1. You may copy and distribute verbatim copies of the Library's | |
| 151 | +complete source code as you receive it, in any medium, provided that | |
| 152 | +you conspicuously and appropriately publish on each copy an | |
| 153 | +appropriate copyright notice and disclaimer of warranty; keep intact | |
| 154 | +all the notices that refer to this License and to the absence of any | |
| 155 | +warranty; and distribute a copy of this License along with the | |
| 156 | +Library. | |
| 157 | + | |
| 158 | + You may charge a fee for the physical act of transferring a copy, | |
| 159 | +and you may at your option offer warranty protection in exchange for a | |
| 160 | +fee. | |
| 161 | + | |
| 162 | + 2. You may modify your copy or copies of the Library or any portion | |
| 163 | +of it, thus forming a work based on the Library, and copy and | |
| 164 | +distribute such modifications or work under the terms of Section 1 | |
| 165 | +above, provided that you also meet all of these conditions: | |
| 166 | + | |
| 167 | + a) The modified work must itself be a software library. | |
| 168 | + | |
| 169 | + b) You must cause the files modified to carry prominent notices | |
| 170 | + stating that you changed the files and the date of any change. | |
| 171 | + | |
| 172 | + c) You must cause the whole of the work to be licensed at no | |
| 173 | + charge to all third parties under the terms of this License. | |
| 174 | + | |
| 175 | + d) If a facility in the modified Library refers to a function or a | |
| 176 | + table of data to be supplied by an application program that uses | |
| 177 | + the facility, other than as an argument passed when the facility | |
| 178 | + is invoked, then you must make a good faith effort to ensure that, | |
| 179 | + in the event an application does not supply such function or | |
| 180 | + table, the facility still operates, and performs whatever part of | |
| 181 | + its purpose remains meaningful. | |
| 182 | + | |
| 183 | + (For example, a function in a library to compute square roots has | |
| 184 | + a purpose that is entirely well-defined independent of the | |
| 185 | + application. Therefore, Subsection 2d requires that any | |
| 186 | + application-supplied function or table used by this function must | |
| 187 | + be optional: if the application does not supply it, the square | |
| 188 | + root function must still compute square roots.) | |
| 189 | + | |
| 190 | +These requirements apply to the modified work as a whole. If | |
| 191 | +identifiable sections of that work are not derived from the Library, | |
| 192 | +and can be reasonably considered independent and separate works in | |
| 193 | +themselves, then this License, and its terms, do not apply to those | |
| 194 | +sections when you distribute them as separate works. But when you | |
| 195 | +distribute the same sections as part of a whole which is a work based | |
| 196 | +on the Library, the distribution of the whole must be on the terms of | |
| 197 | +this License, whose permissions for other licensees extend to the | |
| 198 | +entire whole, and thus to each and every part regardless of who wrote | |
| 199 | +it. | |
| 200 | + | |
| 201 | +Thus, it is not the intent of this section to claim rights or contest | |
| 202 | +your rights to work written entirely by you; rather, the intent is to | |
| 203 | +exercise the right to control the distribution of derivative or | |
| 204 | +collective works based on the Library. | |
| 205 | + | |
| 206 | +In addition, mere aggregation of another work not based on the Library | |
| 207 | +with the Library (or with a work based on the Library) on a volume of | |
| 208 | +a storage or distribution medium does not bring the other work under | |
| 209 | +the scope of this License. | |
| 210 | + | |
| 211 | + 3. You may opt to apply the terms of the ordinary GNU General Public | |
| 212 | +License instead of this License to a given copy of the Library. To do | |
| 213 | +this, you must alter all the notices that refer to this License, so | |
| 214 | +that they refer to the ordinary GNU General Public License, version 2, | |
| 215 | +instead of to this License. (If a newer version than version 2 of the | |
| 216 | +ordinary GNU General Public License has appeared, then you can specify | |
| 217 | +that version instead if you wish.) Do not make any other change in | |
| 218 | +these notices. | |
| 219 | + | |
| 220 | + Once this change is made in a given copy, it is irreversible for | |
| 221 | +that copy, so the ordinary GNU General Public License applies to all | |
| 222 | +subsequent copies and derivative works made from that copy. | |
| 223 | + | |
| 224 | + This option is useful when you wish to copy part of the code of | |
| 225 | +the Library into a program that is not a library. | |
| 226 | + | |
| 227 | + 4. You may copy and distribute the Library (or a portion or | |
| 228 | +derivative of it, under Section 2) in object code or executable form | |
| 229 | +under the terms of Sections 1 and 2 above provided that you accompany | |
| 230 | +it with the complete corresponding machine-readable source code, which | |
| 231 | +must be distributed under the terms of Sections 1 and 2 above on a | |
| 232 | +medium customarily used for software interchange. | |
| 233 | + | |
| 234 | + If distribution of object code is made by offering access to copy | |
| 235 | +from a designated place, then offering equivalent access to copy the | |
| 236 | +source code from the same place satisfies the requirement to | |
| 237 | +distribute the source code, even though third parties are not | |
| 238 | +compelled to copy the source along with the object code. | |
| 239 | + | |
| 240 | + 5. A program that contains no derivative of any portion of the | |
| 241 | +Library, but is designed to work with the Library by being compiled or | |
| 242 | +linked with it, is called a "work that uses the Library". Such a | |
| 243 | +work, in isolation, is not a derivative work of the Library, and | |
| 244 | +therefore falls outside the scope of this License. | |
| 245 | + | |
| 246 | + However, linking a "work that uses the Library" with the Library | |
| 247 | +creates an executable that is a derivative of the Library (because it | |
| 248 | +contains portions of the Library), rather than a "work that uses the | |
| 249 | +library". The executable is therefore covered by this License. | |
| 250 | +Section 6 states terms for distribution of such executables. | |
| 251 | + | |
| 252 | + When a "work that uses the Library" uses material from a header file | |
| 253 | +that is part of the Library, the object code for the work may be a | |
| 254 | +derivative work of the Library even though the source code is not. | |
| 255 | +Whether this is true is especially significant if the work can be | |
| 256 | +linked without the Library, or if the work is itself a library. The | |
| 257 | +threshold for this to be true is not precisely defined by law. | |
| 258 | + | |
| 259 | + If such an object file uses only numerical parameters, data | |
| 260 | +structure layouts and accessors, and small macros and small inline | |
| 261 | +functions (ten lines or less in length), then the use of the object | |
| 262 | +file is unrestricted, regardless of whether it is legally a derivative | |
| 263 | +work. (Executables containing this object code plus portions of the | |
| 264 | +Library will still fall under Section 6.) | |
| 265 | + | |
| 266 | + Otherwise, if the work is a derivative of the Library, you may | |
| 267 | +distribute the object code for the work under the terms of Section 6. | |
| 268 | +Any executables containing that work also fall under Section 6, | |
| 269 | +whether or not they are linked directly with the Library itself. | |
| 270 | + | |
| 271 | + 6. As an exception to the Sections above, you may also combine or | |
| 272 | +link a "work that uses the Library" with the Library to produce a | |
| 273 | +work containing portions of the Library, and distribute that work | |
| 274 | +under terms of your choice, provided that the terms permit | |
| 275 | +modification of the work for the customer's own use and reverse | |
| 276 | +engineering for debugging such modifications. | |
| 277 | + | |
| 278 | + You must give prominent notice with each copy of the work that the | |
| 279 | +Library is used in it and that the Library and its use are covered by | |
| 280 | +this License. You must supply a copy of this License. If the work | |
| 281 | +during execution displays copyright notices, you must include the | |
| 282 | +copyright notice for the Library among them, as well as a reference | |
| 283 | +directing the user to the copy of this License. Also, you must do one | |
| 284 | +of these things: | |
| 285 | + | |
| 286 | + a) Accompany the work with the complete corresponding | |
| 287 | + machine-readable source code for the Library including whatever | |
| 288 | + changes were used in the work (which must be distributed under | |
| 289 | + Sections 1 and 2 above); and, if the work is an executable linked | |
| 290 | + with the Library, with the complete machine-readable "work that | |
| 291 | + uses the Library", as object code and/or source code, so that the | |
| 292 | + user can modify the Library and then relink to produce a modified | |
| 293 | + executable containing the modified Library. (It is understood | |
| 294 | + that the user who changes the contents of definitions files in the | |
| 295 | + Library will not necessarily be able to recompile the application | |
| 296 | + to use the modified definitions.) | |
| 297 | + | |
| 298 | + b) Use a suitable shared library mechanism for linking with the | |
| 299 | + Library. A suitable mechanism is one that (1) uses at run time a | |
| 300 | + copy of the library already present on the user's computer system, | |
| 301 | + rather than copying library functions into the executable, and (2) | |
| 302 | + will operate properly with a modified version of the library, if | |
| 303 | + the user installs one, as long as the modified version is | |
| 304 | + interface-compatible with the version that the work was made with. | |
| 305 | + | |
| 306 | + c) Accompany the work with a written offer, valid for at | |
| 307 | + least three years, to give the same user the materials | |
| 308 | + specified in Subsection 6a, above, for a charge no more | |
| 309 | + than the cost of performing this distribution. | |
| 310 | + | |
| 311 | + d) If distribution of the work is made by offering access to copy | |
| 312 | + from a designated place, offer equivalent access to copy the above | |
| 313 | + specified materials from the same place. | |
| 314 | + | |
| 315 | + e) Verify that the user has already received a copy of these | |
| 316 | + materials or that you have already sent this user a copy. | |
| 317 | + | |
| 318 | + For an executable, the required form of the "work that uses the | |
| 319 | +Library" must include any data and utility programs needed for | |
| 320 | +reproducing the executable from it. However, as a special exception, | |
| 321 | +the materials to be distributed need not include anything that is | |
| 322 | +normally distributed (in either source or binary form) with the major | |
| 323 | +components (compiler, kernel, and so on) of the operating system on | |
| 324 | +which the executable runs, unless that component itself accompanies | |
| 325 | +the executable. | |
| 326 | + | |
| 327 | + It may happen that this requirement contradicts the license | |
| 328 | +restrictions of other proprietary libraries that do not normally | |
| 329 | +accompany the operating system. Such a contradiction means you cannot | |
| 330 | +use both them and the Library together in an executable that you | |
| 331 | +distribute. | |
| 332 | + | |
| 333 | + 7. You may place library facilities that are a work based on the | |
| 334 | +Library side-by-side in a single library together with other library | |
| 335 | +facilities not covered by this License, and distribute such a combined | |
| 336 | +library, provided that the separate distribution of the work based on | |
| 337 | +the Library and of the other library facilities is otherwise | |
| 338 | +permitted, and provided that you do these two things: | |
| 339 | + | |
| 340 | + a) Accompany the combined library with a copy of the same work | |
| 341 | + based on the Library, uncombined with any other library | |
| 342 | + facilities. This must be distributed under the terms of the | |
| 343 | + Sections above. | |
| 344 | + | |
| 345 | + b) Give prominent notice with the combined library of the fact | |
| 346 | + that part of it is a work based on the Library, and explaining | |
| 347 | + where to find the accompanying uncombined form of the same work. | |
| 348 | + | |
| 349 | + 8. You may not copy, modify, sublicense, link with, or distribute | |
| 350 | +the Library except as expressly provided under this License. Any | |
| 351 | +attempt otherwise to copy, modify, sublicense, link with, or | |
| 352 | +distribute the Library is void, and will automatically terminate your | |
| 353 | +rights under this License. However, parties who have received copies, | |
| 354 | +or rights, from you under this License will not have their licenses | |
| 355 | +terminated so long as such parties remain in full compliance. | |
| 356 | + | |
| 357 | + 9. You are not required to accept this License, since you have not | |
| 358 | +signed it. However, nothing else grants you permission to modify or | |
| 359 | +distribute the Library or its derivative works. These actions are | |
| 360 | +prohibited by law if you do not accept this License. Therefore, by | |
| 361 | +modifying or distributing the Library (or any work based on the | |
| 362 | +Library), you indicate your acceptance of this License to do so, and | |
| 363 | +all its terms and conditions for copying, distributing or modifying | |
| 364 | +the Library or works based on it. | |
| 365 | + | |
| 366 | + 10. Each time you redistribute the Library (or any work based on the | |
| 367 | +Library), the recipient automatically receives a license from the | |
| 368 | +original licensor to copy, distribute, link with or modify the Library | |
| 369 | +subject to these terms and conditions. You may not impose any further | |
| 370 | +restrictions on the recipients' exercise of the rights granted herein. | |
| 371 | +You are not responsible for enforcing compliance by third parties with | |
| 372 | +this License. | |
| 373 | + | |
| 374 | + 11. If, as a consequence of a court judgment or allegation of patent | |
| 375 | +infringement or for any other reason (not limited to patent issues), | |
| 376 | +conditions are imposed on you (whether by court order, agreement or | |
| 377 | +otherwise) that contradict the conditions of this License, they do not | |
| 378 | +excuse you from the conditions of this License. If you cannot | |
| 379 | +distribute so as to satisfy simultaneously your obligations under this | |
| 380 | +License and any other pertinent obligations, then as a consequence you | |
| 381 | +may not distribute the Library at all. For example, if a patent | |
| 382 | +license would not permit royalty-free redistribution of the Library by | |
| 383 | +all those who receive copies directly or indirectly through you, then | |
| 384 | +the only way you could satisfy both it and this License would be to | |
| 385 | +refrain entirely from distribution of the Library. | |
| 386 | + | |
| 387 | +If any portion of this section is held invalid or unenforceable under any | |
| 388 | +particular circumstance, the balance of the section is intended to apply, | |
| 389 | +and the section as a whole is intended to apply in other circumstances. | |
| 390 | + | |
| 391 | +It is not the purpose of this section to induce you to infringe any | |
| 392 | +patents or other property right claims or to contest validity of any | |
| 393 | +such claims; this section has the sole purpose of protecting the | |
| 394 | +integrity of the free software distribution system which is | |
| 395 | +implemented by public license practices. Many people have made | |
| 396 | +generous contributions to the wide range of software distributed | |
| 397 | +through that system in reliance on consistent application of that | |
| 398 | +system; it is up to the author/donor to decide if he or she is willing | |
| 399 | +to distribute software through any other system and a licensee cannot | |
| 400 | +impose that choice. | |
| 401 | + | |
| 402 | +This section is intended to make thoroughly clear what is believed to | |
| 403 | +be a consequence of the rest of this License. | |
| 404 | + | |
| 405 | + 12. If the distribution and/or use of the Library is restricted in | |
| 406 | +certain countries either by patents or by copyrighted interfaces, the | |
| 407 | +original copyright holder who places the Library under this License may add | |
| 408 | +an explicit geographical distribution limitation excluding those countries, | |
| 409 | +so that distribution is permitted only in or among countries not thus | |
| 410 | +excluded. In such case, this License incorporates the limitation as if | |
| 411 | +written in the body of this License. | |
| 412 | + | |
| 413 | + 13. The Free Software Foundation may publish revised and/or new | |
| 414 | +versions of the Lesser General Public License from time to time. | |
| 415 | +Such new versions will be similar in spirit to the present version, | |
| 416 | +but may differ in detail to address new problems or concerns. | |
| 417 | + | |
| 418 | +Each version is given a distinguishing version number. If the Library | |
| 419 | +specifies a version number of this License which applies to it and | |
| 420 | +"any later version", you have the option of following the terms and | |
| 421 | +conditions either of that version or of any later version published by | |
| 422 | +the Free Software Foundation. If the Library does not specify a | |
| 423 | +license version number, you may choose any version ever published by | |
| 424 | +the Free Software Foundation. | |
| 425 | + | |
| 426 | + 14. If you wish to incorporate parts of the Library into other free | |
| 427 | +programs whose distribution conditions are incompatible with these, | |
| 428 | +write to the author to ask for permission. For software which is | |
| 429 | +copyrighted by the Free Software Foundation, write to the Free | |
| 430 | +Software Foundation; we sometimes make exceptions for this. Our | |
| 431 | +decision will be guided by the two goals of preserving the free status | |
| 432 | +of all derivatives of our free software and of promoting the sharing | |
| 433 | +and reuse of software generally. | |
| 434 | + | |
| 435 | + NO WARRANTY | |
| 436 | + | |
| 437 | + 15. BECAUSE THE LIBRARY IS LICENSED FREE OF CHARGE, THERE IS NO | |
| 438 | +WARRANTY FOR THE LIBRARY, TO THE EXTENT PERMITTED BY APPLICABLE LAW. | |
| 439 | +EXCEPT WHEN OTHERWISE STATED IN WRITING THE COPYRIGHT HOLDERS AND/OR | |
| 440 | +OTHER PARTIES PROVIDE THE LIBRARY "AS IS" WITHOUT WARRANTY OF ANY | |
| 441 | +KIND, EITHER EXPRESSED OR IMPLIED, INCLUDING, BUT NOT LIMITED TO, THE | |
| 442 | +IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR | |
| 443 | +PURPOSE. THE ENTIRE RISK AS TO THE QUALITY AND PERFORMANCE OF THE | |
| 444 | +LIBRARY IS WITH YOU. SHOULD THE LIBRARY PROVE DEFECTIVE, YOU ASSUME | |
| 445 | +THE COST OF ALL NECESSARY SERVICING, REPAIR OR CORRECTION. | |
| 446 | + | |
| 447 | + 16. IN NO EVENT UNLESS REQUIRED BY APPLICABLE LAW OR AGREED TO IN | |
| 448 | +WRITING WILL ANY COPYRIGHT HOLDER, OR ANY OTHER PARTY WHO MAY MODIFY | |
| 449 | +AND/OR REDISTRIBUTE THE LIBRARY AS PERMITTED ABOVE, BE LIABLE TO YOU | |
| 450 | +FOR DAMAGES, INCLUDING ANY GENERAL, SPECIAL, INCIDENTAL OR | |
| 451 | +CONSEQUENTIAL DAMAGES ARISING OUT OF THE USE OR INABILITY TO USE THE | |
| 452 | +LIBRARY (INCLUDING BUT NOT LIMITED TO LOSS OF DATA OR DATA BEING | |
| 453 | +RENDERED INACCURATE OR LOSSES SUSTAINED BY YOU OR THIRD PARTIES OR A | |
| 454 | +FAILURE OF THE LIBRARY TO OPERATE WITH ANY OTHER SOFTWARE), EVEN IF | |
| 455 | +SUCH HOLDER OR OTHER PARTY HAS BEEN ADVISED OF THE POSSIBILITY OF SUCH | |
| 456 | +DAMAGES. | |
| 457 | + | |
| 458 | + END OF TERMS AND CONDITIONS | |
| 459 | + | |
| 460 | + How to Apply These Terms to Your New Libraries | |
| 461 | + | |
| 462 | + If you develop a new library, and you want it to be of the greatest | |
| 463 | +possible use to the public, we recommend making it free software that | |
| 464 | +everyone can redistribute and change. You can do so by permitting | |
| 465 | +redistribution under these terms (or, alternatively, under the terms of the | |
| 466 | +ordinary General Public License). | |
| 467 | + | |
| 468 | + To apply these terms, attach the following notices to the library. It is | |
| 469 | +safest to attach them to the start of each source file to most effectively | |
| 470 | +convey the exclusion of warranty; and each file should have at least the | |
| 471 | +"copyright" line and a pointer to where the full notice is found. | |
| 472 | + | |
| 473 | + <one line to give the library's name and a brief idea of what it does.> | |
| 474 | + Copyright (C) <year> <name of author> | |
| 475 | + | |
| 476 | + This library is free software; you can redistribute it and/or | |
| 477 | + modify it under the terms of the GNU Lesser General Public | |
| 478 | + License as published by the Free Software Foundation; either | |
| 479 | + version 2.1 of the License, or (at your option) any later version. | |
| 480 | + | |
| 481 | + This library is distributed in the hope that it will be useful, | |
| 482 | + but WITHOUT ANY WARRANTY; without even the implied warranty of | |
| 483 | + MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU | |
| 484 | + Lesser General Public License for more details. | |
| 485 | + | |
| 486 | + You should have received a copy of the GNU Lesser General Public | |
| 487 | + License along with this library; if not, write to the Free Software | |
| 488 | + Foundation, Inc., 59 Temple Place, Suite 330, Boston, MA 02111-1307 USA | |
| 489 | + | |
| 490 | +Also add information on how to contact you by electronic and paper mail. | |
| 491 | + | |
| 492 | +You should also get your employer (if you work as a programmer) or your | |
| 493 | +school, if any, to sign a "copyright disclaimer" for the library, if | |
| 494 | +necessary. Here is a sample; alter the names: | |
| 495 | + | |
| 496 | + Yoyodyne, Inc., hereby disclaims all copyright interest in the | |
| 497 | + library `Frob' (a library for tweaking knobs) written by James Random Hacker. | |
| 498 | + | |
| 499 | + <signature of Ty Coon>, 1 April 1990 | |
| 500 | + Ty Coon, President of Vice | |
| 501 | + | |
| 502 | +That's all there is to it! | ... | ... |
43 Bytes
| ... | ... | @@ -0,0 +1,1128 @@ |
| 1 | +/* | |
| 2 | + * euDock - javascript Emulation of Dock style MAC OS X bar | |
| 3 | + * | |
| 4 | + * Version: 2.0.06 | |
| 5 | + * | |
| 6 | + * Copyright (C) 2006 Parodi (Pier...) Eugenio <eudock@inwind.it> | |
| 7 | + * http://eudock.jules.it | |
| 8 | + * | |
| 9 | + * SPECIAL THANKS TO Tiago D'Herbe (tvidigal) FOR (Multiple Dock) INSPIRATION | |
| 10 | + * | |
| 11 | + * Mario Zaizar to suggest and help me for Pointer icon patch and Target function | |
| 12 | + * | |
| 13 | + * Jérémie 'ahFeel' BORDIER to suggest and help me for DeleteIcon feature | |
| 14 | + * | |
| 15 | + * | |
| 16 | + * | |
| 17 | + * | |
| 18 | + * This library is free software; you can redistribute it and/or | |
| 19 | + * modify it under the terms of the GNU Lesser General Public | |
| 20 | + * License as published by the Free Software Foundation; either | |
| 21 | + * version 2.1 of the License, or (at your option) any later version. | |
| 22 | + * | |
| 23 | + * This library is distributed in the hope that it will be useful, | |
| 24 | + * but WITHOUT ANY WARRANTY; without even the implied warranty of | |
| 25 | + * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU | |
| 26 | + * Lesser General Public License for more details. | |
| 27 | + * | |
| 28 | + * You should have received a copy of the GNU Lesser General Public | |
| 29 | + * License along with this library; if not, write to the Free Software | |
| 30 | + * Foundation, Inc., 51 Franklin St, Fifth Floor, Boston, MA 02110-1301 USA | |
| 31 | + * | |
| 32 | + */ | |
| 33 | + | |
| 34 | + /* | |
| 35 | + * | |
| 36 | + * This program is absolutely free... | |
| 37 | + * ...BUT... | |
| 38 | + * If you modify(OR TRY TO DO THAT)this Source Code, | |
| 39 | + * my SOUL will carry you some monstrous Nightmares | |
| 40 | + * | |
| 41 | + * Have a nice day | |
| 42 | + * enjoy yourself. | |
| 43 | + * Pier... | |
| 44 | + * | |
| 45 | + * (Sorry but I'm Italian not an American writer) | |
| 46 | + * (...a day Maybe...) | |
| 47 | + */ | |
| 48 | + | |
| 49 | +if (!euEnv) | |
| 50 | + var euEnv = new Array(); | |
| 51 | +euEnv.Kost = new Array(); | |
| 52 | +euEnv.Kost.num = 0; | |
| 53 | +euEnv.Kost.next = function(){return this.num++;} | |
| 54 | +euEnv.euDockArray = new Array(); | |
| 55 | +euEnv.refreshTime = 35; | |
| 56 | +euEnv.exeThread = true; | |
| 57 | +euEnv.exeThreadWhiteLoop = 0; | |
| 58 | +euEnv.x = 0; | |
| 59 | +euEnv.y = 0; | |
| 60 | +euEnv.mouseMoved=false; | |
| 61 | + | |
| 62 | +var euUP = 1; | |
| 63 | +var euDOWN = 2; | |
| 64 | +var euLEFT = 3; | |
| 65 | +var euRIGHT = 4; | |
| 66 | + | |
| 67 | +var euICON = 5; | |
| 68 | +var euMOUSE = 6; | |
| 69 | + | |
| 70 | +var euSCREEN = 7; | |
| 71 | +var euOBJECT = 8; | |
| 72 | +var euABSOLUTE = 9; | |
| 73 | +var euRELATIVE = 10; | |
| 74 | + | |
| 75 | +var euHORIZONTAL = 11; | |
| 76 | +var euVERTICAL = 12; | |
| 77 | +var euCENTER = 13; | |
| 78 | + | |
| 79 | +var euTRANSPARENT = 14; | |
| 80 | +var euFIXED = 15; | |
| 81 | +var euOPAQUE = 16; | |
| 82 | + | |
| 83 | + | |
| 84 | + | |
| 85 | +/* | |
| 86 | + **************************************** | |
| 87 | + ****** Standard euDock Functions ******* | |
| 88 | + ****** (BEGIN) ******* | |
| 89 | + **************************************** | |
| 90 | + */ | |
| 91 | + function euIdObjTop(euObj){ | |
| 92 | + var ret = euObj.offsetTop; | |
| 93 | + while ((euObj = euObj.offsetParent)!=null) | |
| 94 | + ret += euObj.offsetTop; | |
| 95 | + return ret; | |
| 96 | + }; | |
| 97 | + | |
| 98 | + function euIdObjLeft(euObj){ | |
| 99 | + var ret = euObj.offsetLeft; | |
| 100 | + while ((euObj = euObj.offsetParent)!=null) | |
| 101 | + ret += euObj.offsetLeft; | |
| 102 | + return ret; | |
| 103 | + }; | |
| 104 | + | |
| 105 | + function isEuInside(euObj,x,y){ | |
| 106 | + var euTop = euIdObjTop(euObj); | |
| 107 | + var euLeft = euIdObjLeft(euObj); | |
| 108 | + return ((euTop<=y && (euTop+euObj.offsetHeight)>=y)&&(euLeft<=x && (euLeft+euObj.offsetWidth)>=x)); | |
| 109 | + }; | |
| 110 | + | |
| 111 | + /* | |
| 112 | + * euDimensioni() | |
| 113 | + * | |
| 114 | + * standard code fo retrieve width and Height of Screen | |
| 115 | + * | |
| 116 | + */ | |
| 117 | + function euDimensioni(){ | |
| 118 | + if( typeof( window.innerWidth ) == 'number' ) { | |
| 119 | + //Non-IE | |
| 120 | + euEnv.euFrameWidth = window.innerWidth-16; | |
| 121 | + euEnv.euFrameHeight = window.innerHeight; | |
| 122 | + } else if( document.documentElement && ( document.documentElement.clientWidth || document.documentElement.clientHeight ) ) { | |
| 123 | + //IE 6+ in 'standards compliant mode' | |
| 124 | + euEnv.euFrameWidth = document.documentElement.clientWidth-16; | |
| 125 | + euEnv.euFrameHeight = document.documentElement.clientHeight; | |
| 126 | + } else if( document.body && ( document.body.clientWidth || document.body.clientHeight ) ) { | |
| 127 | + //IE 4 compatible | |
| 128 | + euEnv.euFrameWidth = document.body.clientWidth; | |
| 129 | + euEnv.euFrameHeight = document.body.clientHeight; | |
| 130 | + } | |
| 131 | + }; | |
| 132 | + | |
| 133 | + function offsEut() { | |
| 134 | + euEnv.euScrOfY = 0; | |
| 135 | + euEnv.euScrOfX = 0; | |
| 136 | + if( typeof( window.pageYoffsEut ) == 'number' ) { | |
| 137 | + //Netscape compliant | |
| 138 | + euEnv.euScrOfY = window.pageYoffsEut; | |
| 139 | + euEnv.euScrOfX = window.pageXoffsEut; | |
| 140 | + } else if( document.body && ( document.body.scrollLeft || document.body.scrollTop ) ) { | |
| 141 | + //DOM compliant | |
| 142 | + euEnv.euScrOfY = document.body.scrollTop; | |
| 143 | + euEnv.euScrOfX = document.body.scrollLeft; | |
| 144 | + } else if( document.documentElement && ( document.documentElement.scrollLeft || document.documentElement.scrollTop ) ) { | |
| 145 | + //IE6 standards compliant mode | |
| 146 | + euEnv.euScrOfY = document.documentElement.scrollTop; | |
| 147 | + euEnv.euScrOfX = document.documentElement.scrollLeft; | |
| 148 | + } | |
| 149 | + }; | |
| 150 | +/* | |
| 151 | + **************************************** | |
| 152 | + ****** Standard euDock Functions ******* | |
| 153 | + ****** (END) ******* | |
| 154 | + **************************************** | |
| 155 | + */ | |
| 156 | + | |
| 157 | +/* | |
| 158 | + **************************************** | |
| 159 | + ****** euDock Trans Functions ******* | |
| 160 | + ****** (BEGIN) ******* | |
| 161 | + **************************************** | |
| 162 | + */ | |
| 163 | + | |
| 164 | + function euKostFunc30(x){ | |
| 165 | + return 0.3; | |
| 166 | + }; | |
| 167 | + | |
| 168 | + function euKostFunc100(x){ | |
| 169 | + return 1; | |
| 170 | + }; | |
| 171 | + | |
| 172 | + function euLinear(x){ | |
| 173 | + return x; | |
| 174 | + }; | |
| 175 | + | |
| 176 | + function euLinear30(x){ | |
| 177 | + //return 1*(x+(1-x)*0.3); | |
| 178 | + var r = 1*(x+(1-x)*0.3); | |
| 179 | + //if(r < 1) | |
| 180 | + //{r = 1;} | |
| 181 | + return r; | |
| 182 | + }; | |
| 183 | + | |
| 184 | + function euLinear20(x){ | |
| 185 | + return x+(1-x)*0.2; | |
| 186 | + }; | |
| 187 | + | |
| 188 | + function euExp30(x){ | |
| 189 | + return euLinear30(x*x*x); | |
| 190 | + }; | |
| 191 | + | |
| 192 | + function euLinear50(x){ | |
| 193 | + return x+(1-x)*0.5; | |
| 194 | + }; | |
| 195 | + | |
| 196 | + function euHarmonic(x){ | |
| 197 | + return euLinear30((1-Math.cos(Math.PI*x))/2); | |
| 198 | + }; | |
| 199 | + | |
| 200 | + function euSemiHarmonic(x){ | |
| 201 | + return euLinear30(Math.cos(Math.PI*(1-x)/2)); | |
| 202 | + }; | |
| 203 | + | |
| 204 | +/* | |
| 205 | + **************************************** | |
| 206 | + ****** euDock Trans Functions ******* | |
| 207 | + ****** (END) ******* | |
| 208 | + **************************************** | |
| 209 | + */ | |
| 210 | + | |
| 211 | +/* | |
| 212 | + **************************************** | |
| 213 | + ****** euDock Object ******* | |
| 214 | + ****** (START) ******* | |
| 215 | + **************************************** | |
| 216 | + */ | |
| 217 | + function euDock(){ | |
| 218 | + this.id = 'euDock_'+euEnv.Kost.next(); | |
| 219 | + var novoel = document.createElement("div"); | |
| 220 | + novoel.style.position = "absolute"; | |
| 221 | + novoel.innerHTML = "<div id='"+this.id+"_bar' style='z-index:1000;position:absolute;border:0px solid black;'></div>" + | |
| 222 | + "<div onMouseOut='euEnv.euDockArray."+this.id+".mouseOut();' onMouseOver='euEnv.euDockArray."+this.id+".mouseOver();' id='"+this.id+"' style='z-index:1000;position:absolute;border:0px solid black; cursor: pointer;'></div>"; | |
| 223 | + document.body.appendChild(novoel); | |
| 224 | + | |
| 225 | + this.div =document.getElementById(this.id); | |
| 226 | + this.divBar=document.getElementById(this.id+"_bar"); | |
| 227 | + this.iconsArray=new Array(); | |
| 228 | + this.isInside=false; | |
| 229 | + euEnv.euDockArray[this.id]=this; | |
| 230 | + this.bar=null; | |
| 231 | + | |
| 232 | + this.mouseX = 0; | |
| 233 | + this.mouseY = 0; | |
| 234 | + | |
| 235 | + this.centerPosX = 0; | |
| 236 | + this.centerPosY = 0; | |
| 237 | + this.offset = 0; | |
| 238 | + this.iconOffset = 0; | |
| 239 | + | |
| 240 | + this.venusHillSize = 3;//200; | |
| 241 | + this.venusHillTrans = euLinear; | |
| 242 | + | |
| 243 | + this.position = euUP; | |
| 244 | + this.align = euSCREEN; | |
| 245 | + this.objectAlign = euDOWN; | |
| 246 | + this.idObjectHook; | |
| 247 | + this.animaition = euICON; | |
| 248 | + this.animFading = euABSOLUTE; | |
| 249 | + | |
| 250 | + this.setIconsOffset = function(offset){ | |
| 251 | + this.iconOffset=offset; | |
| 252 | + }; | |
| 253 | + | |
| 254 | + this.setAnimation = function(anim,size){ | |
| 255 | + this.animaition = anim; | |
| 256 | + this.venusHillSize = size; | |
| 257 | + }; | |
| 258 | + | |
| 259 | + this.setPointAlign = function(x,y,pos){ | |
| 260 | + this.offset = 0; | |
| 261 | + this.align = euABSOLUTE; | |
| 262 | + this.position = pos; | |
| 263 | + this.setCenterPos(x,y); | |
| 264 | + } | |
| 265 | + | |
| 266 | + this.setObjectAlign = function(idObj,align,offset,pos){ | |
| 267 | + this.offset = offset; | |
| 268 | + this.align = euOBJECT; | |
| 269 | + this.objectAlign = align; | |
| 270 | + this.position = pos; | |
| 271 | + this.idObjectHook = document.getElementById(idObj); | |
| 272 | + this.setObjectCoord(); | |
| 273 | + }; | |
| 274 | + | |
| 275 | + this.setObjectCoord = function(){ | |
| 276 | + if (this.objectAlign==euDOWN) | |
| 277 | + this.setCenterPos( | |
| 278 | + euIdObjLeft(this.idObjectHook) + (this.idObjectHook.offsetWidth/2), | |
| 279 | + euIdObjTop(this.idObjectHook) + this.idObjectHook.offsetHeight + this.offset); | |
| 280 | + else if (this.objectAlign==euUP) | |
| 281 | + this.setCenterPos( | |
| 282 | + euIdObjLeft(this.idObjectHook) + (this.idObjectHook.offsetWidth/2), | |
| 283 | + euIdObjTop(this.idObjectHook) - this.offset); | |
| 284 | + else if (this.objectAlign==euLEFT) | |
| 285 | + this.setCenterPos( | |
| 286 | + euIdObjLeft(this.idObjectHook) - this.offset, | |
| 287 | + euIdObjTop(this.idObjectHook) + (this.idObjectHook.offsetHeight/2)); | |
| 288 | + else if (this.objectAlign==euRIGHT) | |
| 289 | + this.setCenterPos( | |
| 290 | + euIdObjLeft(this.idObjectHook) + this.idObjectHook.offsetWidth + this.offset, | |
| 291 | + euIdObjTop(this.idObjectHook) + (this.idObjectHook.offsetHeight/2)); | |
| 292 | + else if (this.objectAlign==euCENTER){ | |
| 293 | + if (this.position==euUP || this.position==euDOWN || this.position==euHORIZONTAL) | |
| 294 | + this.setCenterPos( | |
| 295 | + euIdObjLeft(this.idObjectHook) + (this.idObjectHook.offsetWidth/2), | |
| 296 | + euIdObjTop(this.idObjectHook) + (this.idObjectHook.offsetHeight/2) - this.offset); | |
| 297 | + else | |
| 298 | + this.setCenterPos( | |
| 299 | + euIdObjLeft(this.idObjectHook) + (this.idObjectHook.offsetWidth/2) + this.offset, | |
| 300 | + euIdObjTop(this.idObjectHook) + (this.idObjectHook.offsetHeight/2)); | |
| 301 | + } | |
| 302 | + }; | |
| 303 | + | |
| 304 | + this.setScreenAlign = function(align,offset){ | |
| 305 | + this.offset=offset; | |
| 306 | + this.align = euSCREEN; | |
| 307 | + if (align==euUP) | |
| 308 | + this.position=euDOWN; | |
| 309 | + else if (align==euDOWN) | |
| 310 | + this.position=euUP; | |
| 311 | + else if (align==euLEFT) | |
| 312 | + this.position=euRIGHT; | |
| 313 | + else if (align==euRIGHT) | |
| 314 | + this.position=euLEFT; | |
| 315 | + this.setScreenCoord(); | |
| 316 | + }; | |
| 317 | + | |
| 318 | + this.setScreenCoord = function(){ | |
| 319 | + euDimensioni(); | |
| 320 | + offsEut(); | |
| 321 | + if (this.position==euDOWN) | |
| 322 | + this.setCenterPos( | |
| 323 | + euEnv.euScrOfX+euEnv.euFrameWidth/2, | |
| 324 | + euEnv.euScrOfY+this.offset); | |
| 325 | + else if (this.position==euUP) | |
| 326 | + this.setCenterPos( | |
| 327 | + euEnv.euScrOfX+euEnv.euFrameWidth/2, | |
| 328 | + euEnv.euScrOfY+euEnv.euFrameHeight-this.offset); | |
| 329 | + else if (this.position==euRIGHT) | |
| 330 | + this.setCenterPos( | |
| 331 | + euEnv.euScrOfX+this.offset, | |
| 332 | + euEnv.euScrOfY+euEnv.euFrameHeight/2); | |
| 333 | + else if (this.position==euLEFT) | |
| 334 | + this.setCenterPos( | |
| 335 | + euEnv.euScrOfX+euEnv.euFrameWidth-this.offset, | |
| 336 | + euEnv.euScrOfY+euEnv.euFrameHeight/2); | |
| 337 | + }; | |
| 338 | + | |
| 339 | + this.refreshDiv = function(){ | |
| 340 | + if (this.position==euDOWN){ | |
| 341 | + this.setPos(this.centerPosX-this.getWidth()/2,this.centerPosY+this.iconOffset); | |
| 342 | + }else if (this.position==euUP){ | |
| 343 | + this.setPos(this.centerPosX-this.getWidth()/2,this.centerPosY-this.getHeight()-this.iconOffset); | |
| 344 | + }else if (this.position==euRIGHT){ | |
| 345 | + this.setPos(this.centerPosX+this.iconOffset,this.centerPosY-this.getHeight()/2); | |
| 346 | + }else if (this.position==euLEFT){ | |
| 347 | + this.setPos(this.centerPosX-this.getWidth()-this.iconOffset,this.centerPosY-this.getHeight()/2); | |
| 348 | + }else if (this.position==euHORIZONTAL){ | |
| 349 | + this.setPos(this.centerPosX-this.getWidth()/2,this.centerPosY-this.getHeight()/2+this.iconOffset); | |
| 350 | + }else if (this.position==euVERTICAL){ | |
| 351 | + this.setPos(this.centerPosX-this.getWidth()/2+this.iconOffset,this.centerPosY-this.getHeight()/2); | |
| 352 | + } | |
| 353 | + if (this.bar){ | |
| 354 | + if (this.position==euDOWN){ | |
| 355 | + this.setBarPos(this.centerPosX-this.getWidth()/2,this.centerPosY); | |
| 356 | + }else if (this.position==euUP){ | |
| 357 | + this.setBarPos(this.centerPosX-this.getWidth()/2,this.centerPosY-this.bar.getSize()); | |
| 358 | + }else if (this.position==euRIGHT){ | |
| 359 | + this.setBarPos(this.centerPosX,this.centerPosY-this.getHeight()/2); | |
| 360 | + }else if (this.position==euLEFT){ | |
| 361 | + this.setBarPos(this.centerPosX-this.bar.getSize(),this.centerPosY-this.getHeight()/2); | |
| 362 | + }else if (this.position==euHORIZONTAL){ | |
| 363 | + this.setBarPos(this.centerPosX-this.getWidth()/2,this.centerPosY-this.bar.getSize()/2); | |
| 364 | + }else if(this.position==euVERTICAL){ | |
| 365 | + this.setBarPos(this.centerPosX-this.bar.getSize()/2,this.centerPosY-this.getHeight()/2); | |
| 366 | + } | |
| 367 | + } | |
| 368 | + } | |
| 369 | + | |
| 370 | + this.riposition = function(){ | |
| 371 | + if (this.align == euSCREEN) | |
| 372 | + this.setScreenCoord(); | |
| 373 | + else if (this.align == euOBJECT) | |
| 374 | + this.setObjectCoord(); | |
| 375 | + }; | |
| 376 | + | |
| 377 | + this.setCenterPos = function(x,y){ | |
| 378 | + this.centerPosX = x; | |
| 379 | + this.centerPosY = y; | |
| 380 | + this.refreshDiv(); | |
| 381 | + }; | |
| 382 | + | |
| 383 | + this.setPos = function(x,y){ | |
| 384 | + this.setPosX(x); | |
| 385 | + this.setPosY(y); | |
| 386 | + }; | |
| 387 | + | |
| 388 | + this.setBarPos = function(x,y){ | |
| 389 | + this.setBarPosX(x); | |
| 390 | + this.setBarPosY(y); | |
| 391 | + }; | |
| 392 | + | |
| 393 | + this.setDim = function(w,h){ | |
| 394 | + this.setWidth(w); | |
| 395 | + this.setHeight(h); | |
| 396 | + }; | |
| 397 | + | |
| 398 | + | |
| 399 | + this.setBarPosX = function(x) {document.getElementById(this.id+"_bar").style.left=x+'px';}; | |
| 400 | + this.setBarPosY = function(y) {document.getElementById(this.id+"_bar").style.top=y+'px';}; | |
| 401 | + | |
| 402 | + this.getPosX = function() {return document.getElementById(this.id).style.left.replace(/[^0-9]/g,"");}; | |
| 403 | + this.setPosX = function(x) {document.getElementById(this.id).style.left=x+'px';}; | |
| 404 | + this.getPosY = function() {return document.getElementById(this.id).style.top.replace(/[^0-9]/g,"");}; | |
| 405 | + this.setPosY = function(y) {document.getElementById(this.id).style.top=y+'px';}; | |
| 406 | + this.getWidth = function() {return document.getElementById(this.id).style.width.replace(/[^0-9]/g,"");}; | |
| 407 | + this.setWidth = function(w){document.getElementById(this.id).style.width=Math.round(w)+'px';}; | |
| 408 | + this.getHeight = function() {return document.getElementById(this.id).style.height.replace(/[^0-9]/g,"");}; | |
| 409 | + this.setHeight = function(h){document.getElementById(this.id).style.height=Math.round(h)+'px';}; | |
| 410 | + | |
| 411 | + this.getVenusWidth = function() {return this.venusHillSize*this.getWidth();}; | |
| 412 | + this.getVenusHeight = function() {return this.venusHillSize*this.getHeight();}; | |
| 413 | + | |
| 414 | + this.getMouseRelativeX = function(){return this.mouseX-euIdObjLeft(this.div);}; | |
| 415 | + this.getMouseRelativeY = function(){return this.mouseY-euIdObjTop(this.div);}; | |
| 416 | + | |
| 417 | + this.updateDims = function(){ | |
| 418 | + var bakWidth = 0; | |
| 419 | + var bakHeight = 0; | |
| 420 | + for (var i in this.iconsArray) if (this.iconsArray[i].id){ | |
| 421 | + if (this.position==euUP || this.position==euDOWN || this.position==euHORIZONTAL){ | |
| 422 | + bakWidth += this.iconsArray[i].getWidth(); | |
| 423 | + bakHeight = (this.iconsArray[i].getHeight()>bakHeight)?this.iconsArray[i].getHeight():bakHeight; | |
| 424 | + bakHeight = Math.round(bakHeight); | |
| 425 | + }else{ | |
| 426 | + bakHeight += this.iconsArray[i].getHeight(); | |
| 427 | + bakWidth = (this.iconsArray[i].getWidth()>bakWidth)?this.iconsArray[i].getWidth():bakWidth; | |
| 428 | + bakWidth = Math.round(bakWidth); | |
| 429 | + } | |
| 430 | + } | |
| 431 | + | |
| 432 | + if (this.bar){ | |
| 433 | + if (this.position==euUP || this.position==euDOWN || this.position==euHORIZONTAL) | |
| 434 | + this.bar.setProperties(bakWidth,this.position) | |
| 435 | + else | |
| 436 | + this.bar.setProperties(bakHeight,this.position) | |
| 437 | + this.bar.refresh(); | |
| 438 | + } | |
| 439 | + | |
| 440 | + //bakWidth=Math.ceil(bakWidth); | |
| 441 | + //bakHeight=Math.ceil(bakHeight); | |
| 442 | + | |
| 443 | + var posx=0; | |
| 444 | + var posy=0; | |
| 445 | + var updPosX=0; | |
| 446 | + var updPosY=0; | |
| 447 | + for (var i in this.iconsArray) if (this.iconsArray[i].id){ | |
| 448 | + if (this.position==euDOWN){ | |
| 449 | + updPosX=posx; | |
| 450 | + updPosY=posy; | |
| 451 | + posx+=this.iconsArray[i].getWidth(); | |
| 452 | + }else if (this.position==euUP){ | |
| 453 | + updPosX=posx; | |
| 454 | + updPosY=bakHeight-this.iconsArray[i].getHeight(); | |
| 455 | + posx+=this.iconsArray[i].getWidth(); | |
| 456 | + }else if (this.position==euRIGHT){ | |
| 457 | + updPosX=posx; | |
| 458 | + updPosY=posy; | |
| 459 | + posy+=this.iconsArray[i].getHeight(); | |
| 460 | + }else if (this.position==euLEFT){ | |
| 461 | + updPosX=bakWidth-this.iconsArray[i].getWidth(); | |
| 462 | + updPosY=posy; | |
| 463 | + posy+=this.iconsArray[i].getHeight(); | |
| 464 | + }else if (this.position==euHORIZONTAL){ | |
| 465 | + updPosX=posx; | |
| 466 | + updPosY=(bakHeight-this.iconsArray[i].getHeight())/2; | |
| 467 | + posx+=this.iconsArray[i].getWidth(); | |
| 468 | + }else if (this.position==euVERTICAL){ | |
| 469 | + updPosX=(bakWidth-this.iconsArray[i].getWidth())/2; | |
| 470 | + updPosY=posy; | |
| 471 | + posy+=this.iconsArray[i].getHeight(); | |
| 472 | + } | |
| 473 | + this.iconsArray[i].setPos(updPosX,updPosY); | |
| 474 | + this.iconsArray[i].refresh(); | |
| 475 | + | |
| 476 | + } | |
| 477 | + | |
| 478 | + this.setDim(bakWidth,bakHeight); | |
| 479 | + this.refreshDiv(); | |
| 480 | + }; | |
| 481 | + | |
| 482 | + this.kernel = function(){ | |
| 483 | + if (this.isInside) | |
| 484 | + return this.kernelMouseOver(); | |
| 485 | + else | |
| 486 | + return this.kernelMouseOut(); | |
| 487 | + }; | |
| 488 | + | |
| 489 | + this.kernelMouseOver = function(){ | |
| 490 | + var ret=false; | |
| 491 | + var overI = -1; | |
| 492 | + var mouseRelX = this.getMouseRelativeX(); | |
| 493 | + var mouseRelY = this.getMouseRelativeY(); | |
| 494 | + var mediana; | |
| 495 | + var border; | |
| 496 | + var frameTo; | |
| 497 | + var venusWidth; | |
| 498 | + var venusHeight; | |
| 499 | + var overIcon; | |
| 500 | + if (this.position==euUP || this.position==euDOWN || this.position==euHORIZONTAL){ | |
| 501 | + venusWidth = this.getVenusWidth(); | |
| 502 | + for (var i in this.iconsArray) if (this.iconsArray[i].id) | |
| 503 | + if (this.iconsArray[i].isInsideX(mouseRelX)){ | |
| 504 | + overIcon=i; | |
| 505 | + border=this.iconsArray[i].getWidth()/2; | |
| 506 | + if (this.animaition==euICON){ | |
| 507 | + mouseRelX = this.iconsArray[i].posX+border; | |
| 508 | + border=0; | |
| 509 | + } | |
| 510 | + } | |
| 511 | + for (var i in this.iconsArray) if (this.iconsArray[i].id){ | |
| 512 | + mediana = this.iconsArray[i].posX+this.iconsArray[i].getWidth()/2; | |
| 513 | + if (Math.abs(mediana-mouseRelX)<=border) | |
| 514 | + mediana=mouseRelX; | |
| 515 | + else if (mediana<mouseRelX) | |
| 516 | + mediana+=this.iconsArray[i].getWidth()/2; | |
| 517 | + else if (mediana>mouseRelX) | |
| 518 | + mediana-=this.iconsArray[i].getWidth()/2; | |
| 519 | + if (this.animaition==euICON && Math.abs(i-overIcon)<=this.venusHillSize) | |
| 520 | + frameTo = this.venusHillTrans(1-Math.abs(i-overIcon)/this.venusHillSize); | |
| 521 | + else if (this.animaition==euMOUSE && Math.abs(mediana-mouseRelX)<=venusWidth) | |
| 522 | + frameTo = this.venusHillTrans(1-Math.abs(mediana-mouseRelX)/venusWidth); | |
| 523 | + else | |
| 524 | + frameTo = 0; | |
| 525 | + | |
| 526 | + if (frameTo==0 || frameTo==1 || Math.abs(frameTo-this.iconsArray[i].frame)>0.01) | |
| 527 | + ret|=this.iconsArray[i].setFrameTo(frameTo); | |
| 528 | + | |
| 529 | + if (this.animFading==euABSOLUTE) | |
| 530 | + if (this.iconsArray[i].isInsideX(mouseRelX)) | |
| 531 | + ret|=this.iconsArray[i].setFadingTo(1); | |
| 532 | + else | |
| 533 | + ret|=this.iconsArray[i].setFadingTo(0); | |
| 534 | + else | |
| 535 | + ret|=this.iconsArray[i].setFadingTo(frameTo); | |
| 536 | + | |
| 537 | + } | |
| 538 | + }else{ | |
| 539 | + venusHeight = this.getVenusHeight(); | |
| 540 | + for (var i in this.iconsArray) if (this.iconsArray[i].id) | |
| 541 | + if (this.iconsArray[i].isInsideY(mouseRelY)){ | |
| 542 | + overIcon=i; | |
| 543 | + border=this.iconsArray[i].getHeight()/2; | |
| 544 | + if (this.animaition==euICON){ | |
| 545 | + mouseRelY = this.iconsArray[i].posY+border; | |
| 546 | + border=0; | |
| 547 | + } | |
| 548 | + } | |
| 549 | + for (var i in this.iconsArray) if (this.iconsArray[i].id){ | |
| 550 | + mediana = this.iconsArray[i].posY+this.iconsArray[i].getHeight()/2; | |
| 551 | + if (Math.abs(mediana-mouseRelY)<=border) | |
| 552 | + mediana=mouseRelY; | |
| 553 | + else if (mediana<mouseRelY) | |
| 554 | + mediana+=this.iconsArray[i].getHeight()/2; | |
| 555 | + else if (mediana>mouseRelY) | |
| 556 | + mediana-=this.iconsArray[i].getHeight()/2; | |
| 557 | + if (this.animaition==euICON && Math.abs(i-overIcon)<=this.venusHillSize) | |
| 558 | + frameTo = this.venusHillTrans(1-Math.abs(i-overIcon)/this.venusHillSize); | |
| 559 | + else if (this.animaition==euMOUSE && Math.abs(mediana-mouseRelY)<=venusHeight) | |
| 560 | + frameTo = this.venusHillTrans(1-Math.abs(mediana-mouseRelY)/venusHeight); | |
| 561 | + else | |
| 562 | + frameTo = 0; | |
| 563 | + | |
| 564 | + if (frameTo==0 || frameTo==1 || Math.abs(frameTo-this.iconsArray[i].frame)>0.01) | |
| 565 | + ret|=this.iconsArray[i].setFrameTo(frameTo); | |
| 566 | + | |
| 567 | + if (this.animFading==euABSOLUTE) | |
| 568 | + if (this.iconsArray[i].isInsideY(mouseRelY)) | |
| 569 | + ret|=this.iconsArray[i].setFadingTo(1); | |
| 570 | + else | |
| 571 | + ret|=this.iconsArray[i].setFadingTo(0); | |
| 572 | + else | |
| 573 | + ret|=this.iconsArray[i].setFadingTo(frameTo); | |
| 574 | + | |
| 575 | + } | |
| 576 | + } | |
| 577 | + if (ret) | |
| 578 | + this.updateDims(); | |
| 579 | + return ret; | |
| 580 | + }; | |
| 581 | + | |
| 582 | + this.kernelMouseOut = function(){ | |
| 583 | + var ret=false; | |
| 584 | + for (var i in this.iconsArray) if (this.iconsArray[i].id) | |
| 585 | + ret|=this.iconsArray[i].setAllFrameTo(0); | |
| 586 | + if (ret) | |
| 587 | + this.updateDims(); | |
| 588 | + return ret; | |
| 589 | + }; | |
| 590 | + | |
| 591 | + this.mouseOut = function(){ | |
| 592 | + this.isInside=false; | |
| 593 | + euEnv.exeThreadWhiteLoop=5; | |
| 594 | + }; | |
| 595 | + | |
| 596 | + this.mouseOver = function(){ | |
| 597 | + this.isInside=true; | |
| 598 | + euEnv.exeThreadWhiteLoop=5; | |
| 599 | + }; | |
| 600 | + | |
| 601 | + this.mouseMove = function(x,y){ | |
| 602 | + var inside = isEuInside(this.div,x,y); | |
| 603 | + var ret = (this.mouseX!=x || this.mouseY!=y) && inside; | |
| 604 | + | |
| 605 | + this.mouseX=x; | |
| 606 | + this.mouseY=y; | |
| 607 | + | |
| 608 | + | |
| 609 | + if (inside!=this.isInside){ | |
| 610 | + this.isInside=inside; | |
| 611 | + ret=true; | |
| 612 | + } | |
| 613 | + | |
| 614 | + for (var i in this.iconsArray) if (this.iconsArray[i].id) | |
| 615 | + ret|=this.iconsArray[i].isRunning(); | |
| 616 | + return ret; | |
| 617 | + }; | |
| 618 | + | |
| 619 | + this.iconParams=new Array(); | |
| 620 | + this.setAllFrameStep = function(step){ | |
| 621 | + this.iconParams.frameStep=step; | |
| 622 | + for (var i in this.iconsArray) if (this.iconsArray[i].id) | |
| 623 | + this.iconsArray[i].frameStep=step; | |
| 624 | + }; | |
| 625 | + | |
| 626 | + this.setAllZoomFunc = function(func){ | |
| 627 | + this.setAllZoomFuncW(func); | |
| 628 | + this.setAllZoomFuncH(func); | |
| 629 | + }; | |
| 630 | + | |
| 631 | + this.setAllZoomFuncW = function(func){ | |
| 632 | + this.iconParams.zoomFuncW=func; | |
| 633 | + for (var i in this.iconsArray) if (this.iconsArray[i].id) | |
| 634 | + this.iconsArray[i].zoomFuncW=func; | |
| 635 | + }; | |
| 636 | + | |
| 637 | + this.setAllZoomFuncH = function(func){ | |
| 638 | + this.iconParams.zoomFuncH=func; | |
| 639 | + for (var i in this.iconsArray) if (this.iconsArray[i].id) | |
| 640 | + this.iconsArray[i].zoomFuncH=func; | |
| 641 | + }; | |
| 642 | + | |
| 643 | + this.setBar = function(args){ | |
| 644 | + var id = 'euDock_bar_'+euEnv.Kost.next(); | |
| 645 | + euEnv.euDockArray[id] = new euDockBar(id,this); | |
| 646 | + euEnv.euDockArray[id].setElements(args); | |
| 647 | + this.bar=euEnv.euDockArray[id]; | |
| 648 | + return euEnv.euDockArray[id]; | |
| 649 | + }; | |
| 650 | + | |
| 651 | + this.addIcon = function(args,params){ | |
| 652 | + //if(!id) | |
| 653 | + //{var id = 'euDock_icon_'+euEnv.Kost.next();} | |
| 654 | + var id = params.id; | |
| 655 | + var id = 'euDock_icon_'+euEnv.Kost.next(); | |
| 656 | + euEnv.euDockArray[id] = new euDockIcon(id,this); | |
| 657 | + euEnv.euDockArray[id].addElement(args); | |
| 658 | + this.iconsArray.push(euEnv.euDockArray[id]); | |
| 659 | + for (i in this.iconParams) | |
| 660 | + euEnv.euDockArray[id][i]=this.iconParams[i]; | |
| 661 | + for (i in params) | |
| 662 | + euEnv.euDockArray[id][i]=params[i]; | |
| 663 | + | |
| 664 | + return euEnv.euDockArray[id]; | |
| 665 | + }; | |
| 666 | + | |
| 667 | + this.delIcon = function(elem) { | |
| 668 | + euEnv.euDockArray.splice(elem); | |
| 669 | + euEnv.euDockArray[elem.id]=0; | |
| 670 | + for (var i in this.iconsArray) if (this.iconsArray[i] == elem) | |
| 671 | + this.iconsArray.splice(i,1); | |
| 672 | + elem.destroy(); | |
| 673 | + elem=null; | |
| 674 | + this.updateDims(); | |
| 675 | + }; | |
| 676 | + | |
| 677 | + }; | |
| 678 | +/* | |
| 679 | + **************************************** | |
| 680 | + ****** euDock Object ******* | |
| 681 | + ****** (END) ******* | |
| 682 | + **************************************** | |
| 683 | + */ | |
| 684 | + | |
| 685 | +/* | |
| 686 | + **************************************** | |
| 687 | + ****** euDock Icon Object ******* | |
| 688 | + ****** (START) ******* | |
| 689 | + **************************************** | |
| 690 | + */ | |
| 691 | + function euDockIcon(id,dock){ | |
| 692 | + this.id = id; | |
| 693 | + | |
| 694 | + this.parentDock = dock; | |
| 695 | + | |
| 696 | + this.elementsArray; | |
| 697 | + | |
| 698 | + this.zoomFuncW=euLinear30; | |
| 699 | + this.zoomFuncH=euLinear30; | |
| 700 | + | |
| 701 | + this.posX = 0; | |
| 702 | + this.posY = 0; | |
| 703 | + this.width = 0; | |
| 704 | + this.height = 0; | |
| 705 | + this.frame = 0; | |
| 706 | + this.frameStep = 0.5; | |
| 707 | + this.fadingFrame = 0; | |
| 708 | + this.fadingStep = 1; | |
| 709 | + this.fadingType = euTRANSPARENT; | |
| 710 | + | |
| 711 | + this.loaded = false; | |
| 712 | + this.runningFrame = false; | |
| 713 | + this.runningFading = false; | |
| 714 | + | |
| 715 | + this.updateDims = function(){ | |
| 716 | + if (!this.loaded)return; | |
| 717 | + | |
| 718 | + for (var i=0;i<this.elementsArray.length;i++) | |
| 719 | + this.elementsArray[i].setProperties(this.posX,this.posY,this.getWidth(),this.getHeight()); | |
| 720 | + }; | |
| 721 | + | |
| 722 | + this.updateFading = function(){ | |
| 723 | + if (!this.loaded)return; | |
| 724 | + var stato = this.fadingFrame*(this.elementsArray.length-1); | |
| 725 | + var prev = Math.floor(stato); | |
| 726 | + var next = Math.ceil( stato); | |
| 727 | + var fading=0; | |
| 728 | + for (var i=0;i<this.elementsArray.length;i++){ | |
| 729 | + if (this.fadingType==euFIXED){ | |
| 730 | + if (i==next) | |
| 731 | + fading=100-100*(i-stato); | |
| 732 | + else if (i<next) | |
| 733 | + fading=100; | |
| 734 | + else | |
| 735 | + fading=0; | |
| 736 | + }else{ | |
| 737 | + if (i==next) | |
| 738 | + fading=100-100*(i-stato); | |
| 739 | + else if (i==prev){ | |
| 740 | + if (this.fadingType==euTRANSPARENT) | |
| 741 | + fading=100-100*(stato-i); | |
| 742 | + else | |
| 743 | + fading=100; | |
| 744 | + }else | |
| 745 | + fading=0; | |
| 746 | + } | |
| 747 | + this.elementsArray[i].setFading(fading); | |
| 748 | + } | |
| 749 | + }; | |
| 750 | + | |
| 751 | + this.refresh = function(){ | |
| 752 | + this.updateDims(); | |
| 753 | + this.updateFading(); | |
| 754 | + }; | |
| 755 | + | |
| 756 | + this.isAbsoluteInside = function(x,y){ | |
| 757 | + x-=this.getAbsolutePosX(); | |
| 758 | + y-=this.getAbsolutePosY(); | |
| 759 | + return x>0 && y>0 && x<this.getWidth() && y<this.getHeight(); | |
| 760 | + }; | |
| 761 | + | |
| 762 | + this.isInside = function(x,y){ | |
| 763 | + return this.isInsideX(x) && this.isInsideY(y); | |
| 764 | + }; | |
| 765 | + | |
| 766 | + this.isInsideX = function(x){ | |
| 767 | + return (this.loaded && (this.posX<=x) && ((this.posX+this.getWidth())>=x)); | |
| 768 | + }; | |
| 769 | + | |
| 770 | + this.isInsideY = function(y){ | |
| 771 | + return (this.loaded && (this.posY<=y) && ((this.posY+this.getHeight())>=y)); | |
| 772 | + }; | |
| 773 | + | |
| 774 | + this.retrieveLoadingDims = function(elem,num){ | |
| 775 | + if (elem.onLoadPrev) | |
| 776 | + elem.onLoadPrev(); | |
| 777 | + if (num==0 && !this.loaded) | |
| 778 | + this.setDim(elem.getWidth(),elem.getHeight()); | |
| 779 | + elem.loaded=true; | |
| 780 | + var ret=true; | |
| 781 | + for (var i in this.elementsArray) if (this.elementsArray[i].id) | |
| 782 | + ret&=this.elementsArray[i].loaded | |
| 783 | + this.loaded=ret; | |
| 784 | + if (this.loaded){ | |
| 785 | + this.parentDock.updateDims(); | |
| 786 | + for (var i in this.elementsArray) if (this.elementsArray[i].id) | |
| 787 | + this.elementsArray[i].show(); | |
| 788 | + } | |
| 789 | + if (elem.onLoadNext) | |
| 790 | + elem.onLoadNext(); | |
| 791 | + }; | |
| 792 | + | |
| 793 | + this.setPos = function(x,y){ | |
| 794 | + this.posX = x; | |
| 795 | + this.posY = y; | |
| 796 | + }; | |
| 797 | + | |
| 798 | + this.setDim = function(w,h){ | |
| 799 | + if (this.width==0) | |
| 800 | + this.width = w; | |
| 801 | + if (this.height==0) | |
| 802 | + this.height = h; | |
| 803 | + }; | |
| 804 | + | |
| 805 | + this.getAbsolutePosX = function(){return euIdObjLeft(this.parentDock.div)+this.posX;}; | |
| 806 | + this.getAbsolutePosY = function(){return euIdObjTop(this.parentDock.div)+this.posY;}; | |
| 807 | + | |
| 808 | + this.setPosX = function(x) {this.posX=x;}; | |
| 809 | + this.setPosY = function(y) {this.posY=y;}; | |
| 810 | + this.getWidth = function() { | |
| 811 | + if (!this.loaded)return 0; | |
| 812 | + var calc = this.width*this.zoomFuncW(this.frame); | |
| 813 | + //calc -= 5; | |
| 814 | + if (calc < 38) | |
| 815 | + {calc = 38;} | |
| 816 | + return calc; | |
| 817 | + }; | |
| 818 | + this.getHeight = function() { | |
| 819 | + if (!this.loaded)return 0; | |
| 820 | + var calc = this.height*this.zoomFuncH(this.frame); | |
| 821 | + //calc -= 5; | |
| 822 | + if (calc < 38) | |
| 823 | + {calc = 38;} | |
| 824 | + return calc; | |
| 825 | + }; | |
| 826 | + | |
| 827 | + this.isRunning = function(){ | |
| 828 | + return this.runningFrame || this.runningFading; | |
| 829 | + }; | |
| 830 | + | |
| 831 | + this.setAllFrameTo = function(to){ | |
| 832 | + this.setFadingTo(to); | |
| 833 | + this.setFrameTo(to) ; | |
| 834 | + return this.isRunning(); | |
| 835 | + }; | |
| 836 | + | |
| 837 | + this.setFadingTo = function(fadingTo){ | |
| 838 | + if (this.fadingFrame==fadingTo) | |
| 839 | + this.runningFading = false; | |
| 840 | + else{ | |
| 841 | + if (this.fadingFrame>fadingTo) | |
| 842 | + this.fadingFrame-=this.fadingStep; | |
| 843 | + else | |
| 844 | + this.fadingFrame+=this.fadingStep; | |
| 845 | + | |
| 846 | + this.runningFading = true; | |
| 847 | + | |
| 848 | + if (Math.abs(this.fadingFrame-fadingTo)<this.fadingStep) | |
| 849 | + this.fadingFrame=fadingTo; | |
| 850 | + | |
| 851 | + if (this.fadingFrame<0) | |
| 852 | + this.fadingFrame = 0; | |
| 853 | + if (this.fadingFrame>1) | |
| 854 | + this.fadingFrame = 1; | |
| 855 | + } | |
| 856 | + return this.runningFading; | |
| 857 | + }; | |
| 858 | + | |
| 859 | + this.setFrameTo = function(frameTo){ | |
| 860 | + //frameTo=(Math.round(frameTo*100))/100; | |
| 861 | + if (this.frame==frameTo) | |
| 862 | + this.runningFrame = false; | |
| 863 | + else{ | |
| 864 | + this.runningFrame = true; | |
| 865 | + | |
| 866 | + this.frame+=(frameTo-this.frame)*this.frameStep; | |
| 867 | + | |
| 868 | + if (Math.abs(this.frame-frameTo)<0.01) | |
| 869 | + this.frame=frameTo; | |
| 870 | + | |
| 871 | + | |
| 872 | + if (this.frame<0) | |
| 873 | + this.frame = 0; | |
| 874 | + if (this.frame>1) | |
| 875 | + this.frame = 1; | |
| 876 | + } | |
| 877 | + return this.runningFrame; | |
| 878 | + }; | |
| 879 | + | |
| 880 | + this.addElement = function(args){ | |
| 881 | + if (typeof(args)!="undefined" && args!=null){ | |
| 882 | + this.elementsArray=new Array(); | |
| 883 | + this.fadingStep = 0.5/args.length; | |
| 884 | + | |
| 885 | + for (var i=0;i<args.length;i++) | |
| 886 | + for (var ii in args[i]){ | |
| 887 | + var id = "euDock_"+ii+"_"+euEnv.Kost.next(); | |
| 888 | + euEnv.euDockArray[id]= new window[ii](id,args[i][ii],this.parentDock.div,"euEnv.euDockArray."+this.id+".retrieveLoadingDims(euEnv.euDockArray."+id+","+i+");"); | |
| 889 | + this.elementsArray.push(euEnv.euDockArray[id]); | |
| 890 | + euEnv.euDockArray[id].loaded=false; | |
| 891 | + } | |
| 892 | + } | |
| 893 | + }; | |
| 894 | + | |
| 895 | + this.destroy = function() { | |
| 896 | + for (var i in this.elementsArray) if (this.elementsArray[i].id){ | |
| 897 | + euEnv.euDockArray[this.elementsArray[i].id]=0; | |
| 898 | + euEnv.euDockArray.splice(this.elementsArray[i],1); | |
| 899 | + this.elementsArray[i].destroy(); | |
| 900 | + } | |
| 901 | + this.elementsArray.splice(0,this.elementsArray.length); | |
| 902 | + }; | |
| 903 | + | |
| 904 | + this.mouseClick = function(x,y){ | |
| 905 | + if (this.isAbsoluteInside(x,y)){ | |
| 906 | + if (this.link) | |
| 907 | + if (this.target){ | |
| 908 | + if (top.frames[this.target]) | |
| 909 | + top.frames[this.target].location.href=this.link; | |
| 910 | + else | |
| 911 | + top.frames[this.target] = window.open(this.link,this.target,""); | |
| 912 | + }else | |
| 913 | + document.location.href=this.link; | |
| 914 | + else if (this.mouseInsideClick) | |
| 915 | + this.mouseInsideClick(x,y,this.id); | |
| 916 | + } | |
| 917 | + }; | |
| 918 | + | |
| 919 | + }; | |
| 920 | +/* | |
| 921 | + **************************************** | |
| 922 | + ****** euDock Icon Object ******* | |
| 923 | + ****** (END) ******* | |
| 924 | + **************************************** | |
| 925 | + */ | |
| 926 | + | |
| 927 | + /* | |
| 928 | + **************************************** | |
| 929 | + ****** euDock Bar Object ******* | |
| 930 | + ****** (START) ******* | |
| 931 | + **************************************** | |
| 932 | + */ | |
| 933 | + function euDockBar(id,dock){ | |
| 934 | + this.id = id; | |
| 935 | + | |
| 936 | + this.parentDock = dock; | |
| 937 | + | |
| 938 | + this.elementsArray=new Array(); | |
| 939 | + | |
| 940 | + this.len=0; | |
| 941 | + this.align=euUP; | |
| 942 | + | |
| 943 | + this.loaded = false; | |
| 944 | + | |
| 945 | + this.getSize = function(){ | |
| 946 | + if (!this.loaded) | |
| 947 | + return 0; | |
| 948 | + if (this.align==euUP || this.align==euDOWN || this.align==euHORIZONTAL) | |
| 949 | + return this.elementsArray.left.getHeight(); | |
| 950 | + else | |
| 951 | + return this.elementsArray.top.getWidth(); | |
| 952 | + }; | |
| 953 | + | |
| 954 | + this.refresh = function(){ | |
| 955 | + if (!this.loaded) | |
| 956 | + return; | |
| 957 | + if (this.align==euUP || this.align==euDOWN || this.align==euHORIZONTAL){ | |
| 958 | + this.elementsArray.left.setPos(-this.elementsArray.left.getWidth(),0); | |
| 959 | + this.elementsArray.horizontal.setProperties(0,0,Math.round(this.len),this.getSize()); | |
| 960 | + this.elementsArray.right.setPos(Math.round(this.len),0); | |
| 961 | + this.elementsArray.left.show(); | |
| 962 | + this.elementsArray.horizontal.show(); | |
| 963 | + this.elementsArray.right.show(); | |
| 964 | + if (this.elementsArray.top) | |
| 965 | + this.elementsArray.top.hide(); | |
| 966 | + if (this.elementsArray.bottom) | |
| 967 | + this.elementsArray.bottom.hide(); | |
| 968 | + if (this.elementsArray.vertical){ | |
| 969 | + this.elementsArray.vertical.setProperties(0,0,0,0); | |
| 970 | + this.elementsArray.vertical.hide(); | |
| 971 | + } | |
| 972 | + }else{ | |
| 973 | + this.elementsArray.top.setPos(0,-this.elementsArray.top.getHeight()); | |
| 974 | + this.elementsArray.vertical.setProperties(0,0,this.getSize(),Math.round(this.len)); | |
| 975 | + this.elementsArray.bottom.setPos(0,Math.round(this.len)); | |
| 976 | + this.elementsArray.top.show(); | |
| 977 | + this.elementsArray.vertical.show(); | |
| 978 | + this.elementsArray.bottom.show(); | |
| 979 | + if (this.elementsArray.left) | |
| 980 | + this.elementsArray.left.hide(); | |
| 981 | + if (this.elementsArray.right) | |
| 982 | + this.elementsArray.right.hide(); | |
| 983 | + if (this.elementsArray.horizontal){ | |
| 984 | + this.elementsArray.horizontal.setProperties(0,0,0,0); | |
| 985 | + this.elementsArray.horizontal.hide(); | |
| 986 | + } | |
| 987 | + } | |
| 988 | + | |
| 989 | + }; | |
| 990 | + | |
| 991 | + this.setProperties = function(len,align){ | |
| 992 | + this.len=len+1; | |
| 993 | + this.align=align; | |
| 994 | + this.refresh(); | |
| 995 | + }; | |
| 996 | + | |
| 997 | + this.retrieveLoadingDims = function(elem){ | |
| 998 | + if (elem.onLoadPrev) | |
| 999 | + elem.onLoadPrev(); | |
| 1000 | + elem.loaded=true; | |
| 1001 | + var ret=true; | |
| 1002 | + for (var i in this.elementsArray) if (this.elementsArray[i].id) | |
| 1003 | + ret&=this.elementsArray[i].loaded | |
| 1004 | + this.loaded=ret; | |
| 1005 | + if (this.loaded){ | |
| 1006 | + this.parentDock.updateDims(); | |
| 1007 | + for (var i in this.elementsArray) if (this.elementsArray[i].id) | |
| 1008 | + this.elementsArray[i].show(); | |
| 1009 | + } | |
| 1010 | + if (elem.onLoadNext) | |
| 1011 | + elem.onLoadNext(); | |
| 1012 | + }; | |
| 1013 | + | |
| 1014 | + this.setElements = function(args){ | |
| 1015 | + if (typeof(args)!="undefined" && args!=null){ | |
| 1016 | + for (var i in args) | |
| 1017 | + for (var ii in args[i]){ | |
| 1018 | + var id = "euDock_"+ii+"_"+euEnv.Kost.next(); | |
| 1019 | + //if (this.elementsArray[i]){ | |
| 1020 | + // this.elementsArray[i].hide(); | |
| 1021 | + // euEnv.euDockArray[this.elementsArray[i].id]=null; | |
| 1022 | + //} | |
| 1023 | + euEnv.euDockArray[id]=new window[ii](id,args[i][ii],this.parentDock.divBar,"euEnv.euDockArray."+this.id+".retrieveLoadingDims(euEnv.euDockArray."+id+");"); | |
| 1024 | + this.elementsArray[i]=euEnv.euDockArray[id]; | |
| 1025 | + euEnv.euDockArray[id].loaded=false; | |
| 1026 | + } | |
| 1027 | + } | |
| 1028 | + }; | |
| 1029 | + }; | |
| 1030 | +/* | |
| 1031 | + **************************************** | |
| 1032 | + ****** euDock Bar Object ******* | |
| 1033 | + ****** (END) ******* | |
| 1034 | + **************************************** | |
| 1035 | + */ | |
| 1036 | +function euThread(){ | |
| 1037 | + euDimensioni(); | |
| 1038 | + offsEut(); | |
| 1039 | + euEnv.timeout=window.setTimeout("euThread();",euEnv.refreshTime); | |
| 1040 | + | |
| 1041 | + euEnv.exeThread = false; | |
| 1042 | + if (euEnv.mouseMoved) | |
| 1043 | + for (var i in euEnv.euDockArray) | |
| 1044 | + if (euEnv.euDockArray[i].mouseMove) | |
| 1045 | + euEnv.exeThread |= euEnv.euDockArray[i].mouseMove(euEnv.euScrOfX+euEnv.x,euEnv.euScrOfY+euEnv.y); | |
| 1046 | + euEnv.mouseMoved=false; | |
| 1047 | + if (euEnv.exeThread) | |
| 1048 | + euEnv.exeThreadWhiteLoop=5; | |
| 1049 | + | |
| 1050 | + if(euEnv.exeThreadWhiteLoop>0) | |
| 1051 | + euKernel(); | |
| 1052 | + | |
| 1053 | + for (var i in euEnv.euDockArray) | |
| 1054 | + if (euEnv.euDockArray[i].riposition) | |
| 1055 | + euEnv.euDockArray[i].riposition(); | |
| 1056 | +}; | |
| 1057 | + | |
| 1058 | +function euKernel(){ | |
| 1059 | + euEnv.exeThread = false; | |
| 1060 | + for (var i in euEnv.euDockArray) | |
| 1061 | + if (euEnv.euDockArray[i].kernel) | |
| 1062 | + euEnv.exeThread |= euEnv.euDockArray[i].kernel(); | |
| 1063 | + | |
| 1064 | + if (euEnv.exeThread) | |
| 1065 | + euEnv.exeThreadWhiteLoop=5; | |
| 1066 | + else | |
| 1067 | + euEnv.exeThreadWhiteLoop--; | |
| 1068 | +}; | |
| 1069 | + | |
| 1070 | +function on_MouseMove(e) { | |
| 1071 | + if (!e) var e = window.event; | |
| 1072 | + euEnv.x = e.clientX; | |
| 1073 | + euEnv.y = e.clientY; | |
| 1074 | + euEnv.mouseMoved = true; | |
| 1075 | + if (euEnv.onmousemoveBK) | |
| 1076 | + return euEnv.onmousemoveBK(e); | |
| 1077 | + return true; | |
| 1078 | +}; | |
| 1079 | + | |
| 1080 | +function on_MouseDown(e) { | |
| 1081 | + if (!e) var e = window.event; | |
| 1082 | + for (var i in euEnv.euDockArray) | |
| 1083 | + if (euEnv.euDockArray[i].mouseDown) | |
| 1084 | + euEnv.exeThread |= euEnv.euDockArray[i].mouseDown(euEnv.euScrOfX+e.clientX,euEnv.euScrOfY+e.clientY); | |
| 1085 | + if (euEnv.onmousedownBK) | |
| 1086 | + return euEnv.onmousedownBK(e); | |
| 1087 | + return true; | |
| 1088 | +}; | |
| 1089 | + | |
| 1090 | +function on_MouseUp(e) { | |
| 1091 | + if (!e) var e = window.event; | |
| 1092 | + for (var i in euEnv.euDockArray) | |
| 1093 | + if (euEnv.euDockArray[i].mouseUp) | |
| 1094 | + euEnv.exeThread |= euEnv.euDockArray[i].mouseUp(euEnv.euScrOfX+e.clientX,euEnv.euScrOfY+e.clientY); | |
| 1095 | + if (euEnv.onmouseupBK) | |
| 1096 | + return euEnv.onmouseupBK(e); | |
| 1097 | + return true; | |
| 1098 | +}; | |
| 1099 | + | |
| 1100 | +function on_MouseClick(e) { | |
| 1101 | + if (!e) var e = window.event; | |
| 1102 | + for (var i in euEnv.euDockArray) | |
| 1103 | + if (euEnv.euDockArray[i].mouseClick) | |
| 1104 | + euEnv.exeThread |= euEnv.euDockArray[i].mouseClick(euEnv.euScrOfX+e.clientX,euEnv.euScrOfY+e.clientY); | |
| 1105 | + if (euEnv.onclickBK) | |
| 1106 | + return euEnv.onclickBK(e); | |
| 1107 | + return true; | |
| 1108 | +}; | |
| 1109 | + | |
| 1110 | +if (document.onmousemove) | |
| 1111 | + euEnv.onmousemoveBK = document.onmousemove; | |
| 1112 | +document.onmousemove = on_MouseMove; | |
| 1113 | + | |
| 1114 | +if (document.onmousedown) | |
| 1115 | + euEnv.onmousedownBK = document.onmousedown; | |
| 1116 | +document.onmousedown = on_MouseDown; | |
| 1117 | + | |
| 1118 | +if (document.onmouseup) | |
| 1119 | + euEnv.onmouseupBK = document.onmouseup; | |
| 1120 | +document.onmouseup = on_MouseUp; | |
| 1121 | + | |
| 1122 | +if (document.onclick) | |
| 1123 | + euEnv.onclickBK = document.onclick; | |
| 1124 | +document.onclick = on_MouseClick; | |
| 1125 | + | |
| 1126 | +euDimensioni(); | |
| 1127 | +offsEut(); | |
| 1128 | +euThread(); | ... | ... |
| ... | ... | @@ -0,0 +1,97 @@ |
| 1 | +/* | |
| 2 | + * euDock.Blank | |
| 3 | + * | |
| 4 | + * euDock 2.0.06 plugin | |
| 5 | + * | |
| 6 | + * Copyright (C) 2006 Parodi (Pier...) Eugenio <eudock@inwind.it> | |
| 7 | + * http://eudock.jules.it | |
| 8 | + * | |
| 9 | + * This library is free software; you can redistribute it and/or | |
| 10 | + * modify it under the terms of the GNU Lesser General Public | |
| 11 | + * License as published by the Free Software Foundation; either | |
| 12 | + * version 2.1 of the License, or (at your option) any later version. | |
| 13 | + * | |
| 14 | + * This library is distributed in the hope that it will be useful, | |
| 15 | + * but WITHOUT ANY WARRANTY; without even the implied warranty of | |
| 16 | + * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU | |
| 17 | + * Lesser General Public License for more details. | |
| 18 | + * | |
| 19 | + * You should have received a copy of the GNU Lesser General Public | |
| 20 | + * License along with this library; if not, write to the Free Software | |
| 21 | + * Foundation, Inc., 51 Franklin St, Fifth Floor, Boston, MA 02110-1301 USA | |
| 22 | + * | |
| 23 | + */ | |
| 24 | + | |
| 25 | + /* | |
| 26 | + * | |
| 27 | + * This program is absolutely free... | |
| 28 | + * ...BUT... | |
| 29 | + * If you modify(OR TRY TO DO THAT)this Source Code, | |
| 30 | + * my SOUL will carry you some monstrous Nightmares | |
| 31 | + * | |
| 32 | + * Have a nice day | |
| 33 | + * enjoy yourself. | |
| 34 | + * Pier... | |
| 35 | + * | |
| 36 | + * (Sorry but I'm Italian not an American writer) | |
| 37 | + * (...a day Maybe...) | |
| 38 | + */ | |
| 39 | + | |
| 40 | +/* | |
| 41 | + **************************************** | |
| 42 | + ****** euBlank Object ******* | |
| 43 | + ****** (START) ******* | |
| 44 | + **************************************** | |
| 45 | + */ | |
| 46 | + function euBlank(id,args,container,onLoadFunc){ | |
| 47 | + this.id = id; | |
| 48 | + | |
| 49 | + this.setProperties = function(x,y,w,h,fad){ | |
| 50 | + this.setPos(x,y); | |
| 51 | + this.setDim(w,h); | |
| 52 | + this.setFading(fad); | |
| 53 | + }; | |
| 54 | + | |
| 55 | + this.setPos = function(x,y){ | |
| 56 | + this.setPosX(x); | |
| 57 | + this.setPosY(y); | |
| 58 | + }; | |
| 59 | + | |
| 60 | + this.setDim = function(w,h){ | |
| 61 | + this.setWidth(w); | |
| 62 | + this.setHeight(h); | |
| 63 | + }; | |
| 64 | + | |
| 65 | + this.x=0; | |
| 66 | + this.y=0; | |
| 67 | + this.width=0; | |
| 68 | + this.height=0; | |
| 69 | + | |
| 70 | + this.getPosX = function() {return this.x;}; | |
| 71 | + this.setPosX = function(x){this.x=x;}; | |
| 72 | + this.getPosY = function() {return this.y;}; | |
| 73 | + this.setPosY = function(y){this.y=y;}; | |
| 74 | + this.getWidth = function() {return this.width;}; | |
| 75 | + this.setWidth = function(w){this.width=w;}; | |
| 76 | + this.getHeight = function(){return this.height;}; | |
| 77 | + this.setHeight = function(h){this.height=h;}; | |
| 78 | + | |
| 79 | + this.hide = function(){}; | |
| 80 | + this.show = function(){}; | |
| 81 | + | |
| 82 | + this.setFading = function(fad){}; | |
| 83 | + | |
| 84 | + if (typeof(args)!="undefined" && args!=null) | |
| 85 | + for (var i in args) | |
| 86 | + this[i]=args[i]; | |
| 87 | + | |
| 88 | + window.setTimeout(onLoadFunc,500); | |
| 89 | + | |
| 90 | + this.destroy = function(){}; | |
| 91 | + }; | |
| 92 | +/* | |
| 93 | + **************************************** | |
| 94 | + ****** euBlank Object ******* | |
| 95 | + ****** (END) ******* | |
| 96 | + **************************************** | |
| 97 | + */ | |
| 0 | 98 | \ No newline at end of file | ... | ... |
| ... | ... | @@ -0,0 +1,117 @@ |
| 1 | +/* | |
| 2 | + * euDock.DivMousePos | |
| 3 | + * | |
| 4 | + * euDock 2.0 plugin | |
| 5 | + * | |
| 6 | + * Copyright (C) 2006 Parodi (Pier...) Eugenio <eudock@inwind.it> | |
| 7 | + * http://eudock.jules.it | |
| 8 | + * | |
| 9 | + * This library is free software; you can redistribute it and/or | |
| 10 | + * modify it under the terms of the GNU Lesser General Public | |
| 11 | + * License as published by the Free Software Foundation; either | |
| 12 | + * version 2.1 of the License, or (at your option) any later version. | |
| 13 | + * | |
| 14 | + * This library is distributed in the hope that it will be useful, | |
| 15 | + * but WITHOUT ANY WARRANTY; without even the implied warranty of | |
| 16 | + * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU | |
| 17 | + * Lesser General Public License for more details. | |
| 18 | + * | |
| 19 | + * You should have received a copy of the GNU Lesser General Public | |
| 20 | + * License along with this library; if not, write to the Free Software | |
| 21 | + * Foundation, Inc., 51 Franklin St, Fifth Floor, Boston, MA 02110-1301 USA | |
| 22 | + * | |
| 23 | + */ | |
| 24 | + | |
| 25 | + /* | |
| 26 | + * | |
| 27 | + * This program is absolutely free... | |
| 28 | + * ...BUT... | |
| 29 | + * If you modify(OR TRY TO DO THAT)this Source Code, | |
| 30 | + * my SOUL will carry you some monstrous Nightmares | |
| 31 | + * | |
| 32 | + * Have a nice day | |
| 33 | + * enjoy yourself. | |
| 34 | + * Pier... | |
| 35 | + * | |
| 36 | + * (Sorry but I'm Italian not an American writer) | |
| 37 | + * (...a day Maybe...) | |
| 38 | + */ | |
| 39 | + | |
| 40 | +/* | |
| 41 | + **************************************** | |
| 42 | + ****** euDivMousePos Object ******* | |
| 43 | + ****** (START) ******* | |
| 44 | + **************************************** | |
| 45 | + */ | |
| 46 | + function euDivMousePos(id,args,container,onLoadFunc){ | |
| 47 | + this.id = id; | |
| 48 | + var styleAdd = ''; | |
| 49 | + if (args.style) | |
| 50 | + styleAdd = args.style | |
| 51 | + | |
| 52 | + this.setParameters = function(args){ | |
| 53 | + if (typeof(args)!="undefined" && args!=null){ | |
| 54 | + for (var i in args){ | |
| 55 | + this[i](args[i]); | |
| 56 | + } | |
| 57 | + } | |
| 58 | + }; | |
| 59 | + | |
| 60 | + this.setProperties = function(x,y,w,h,fad){ | |
| 61 | + this.setPos(x,y); | |
| 62 | + this.setDim(w,h); | |
| 63 | + this.setFading(fad); | |
| 64 | + }; | |
| 65 | + | |
| 66 | + this.setPos = function(x,y){ | |
| 67 | + this.setPosX(x); | |
| 68 | + this.setPosY(y); | |
| 69 | + }; | |
| 70 | + | |
| 71 | + this.setDim = function(w,h){ | |
| 72 | + this.setWidth(w); | |
| 73 | + this.setHeight(h); | |
| 74 | + }; | |
| 75 | + | |
| 76 | + this.getPosX = function() {return 1*document.getElementById(this.id).style.left.replace(/[^0-9]/g,"");}; | |
| 77 | + this.setPosX = function(x){document.getElementById(this.id).style.left=x+'px';}; | |
| 78 | + this.getPosY = function() {return 1*document.getElementById(this.id).style.top.replace(/[^0-9]/g,"");}; | |
| 79 | + this.setPosY = function(y){document.getElementById(this.id).style.top=y+'px';}; | |
| 80 | + this.getWidth = function() {return document.getElementById(this.id).clientWidth;}; | |
| 81 | + this.setWidth = function(w){document.getElementById(this.id).style.width=Math.round(w)+'px';}; | |
| 82 | + this.getHeight = function(){return document.getElementById(this.id).clientHeight;}; | |
| 83 | + this.setHeight = function(h){document.getElementById(this.id).style.height=Math.round(h)+'px';}; | |
| 84 | + | |
| 85 | + this.hide = function(){document.getElementById(this.id).style.visibility='hidden';}; | |
| 86 | + this.show = function(){document.getElementById(this.id).style.visibility='visible';}; | |
| 87 | + | |
| 88 | + this.setFading = function(fad){ | |
| 89 | + fad=Math.round(fad); | |
| 90 | + if (fad<0) | |
| 91 | + fad=0; | |
| 92 | + if (fad>100) | |
| 93 | + fad=100; | |
| 94 | + document.getElementById(this.id).style.opacity = (fad/100); | |
| 95 | + document.getElementById(this.id).style.filter = 'alpha(opacity='+(fad)+')'; | |
| 96 | + }; | |
| 97 | + | |
| 98 | + //this.mouseMove = function(x,y){ | |
| 99 | + /* | |
| 100 | + document.getElementById(this.id).innerHTML = "Width=" +this.getWidth()+"-"; | |
| 101 | + document.getElementById(this.id).innerHTML += "<br>Height="+this.getHeight()+"-"; | |
| 102 | + document.getElementById(this.id).innerHTML += "<br>Mouse(x,y)<br>("+x+","+y+")"; | |
| 103 | + */ | |
| 104 | + // document.getElementById(this.id).innerHTML = "("+x+","+y+")"; | |
| 105 | + //}; | |
| 106 | + //this.mouseMove(0,0); | |
| 107 | + | |
| 108 | + container.innerHTML+="<div id='"+this.id+"' style='position:absolute;visibility:hidden;"+styleAdd+"'></div>"; | |
| 109 | + | |
| 110 | + window.setTimeout(onLoadFunc,500); | |
| 111 | + }; | |
| 112 | +/* | |
| 113 | + **************************************** | |
| 114 | + ****** euDivMousePos Object ******* | |
| 115 | + ****** (END) ******* | |
| 116 | + **************************************** | |
| 117 | + */ | |
| 0 | 118 | \ No newline at end of file | ... | ... |
| ... | ... | @@ -0,0 +1,256 @@ |
| 1 | +/* | |
| 2 | + * euDock.Ghost | |
| 3 | + * | |
| 4 | + * euDock 2.0.06 plugin | |
| 5 | + * | |
| 6 | + * Copyright (C) 2006 Parodi (Pier...) Eugenio <eudock@inwind.it> | |
| 7 | + * http://eudock.jules.it | |
| 8 | + * | |
| 9 | + * This library is free software; you can redistribute it and/or | |
| 10 | + * modify it under the terms of the GNU Lesser General Public | |
| 11 | + * License as published by the Free Software Foundation; either | |
| 12 | + * version 2.1 of the License, or (at your option) any later version. | |
| 13 | + * | |
| 14 | + * This library is distributed in the hope that it will be useful, | |
| 15 | + * but WITHOUT ANY WARRANTY; without even the implied warranty of | |
| 16 | + * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU | |
| 17 | + * Lesser General Public License for more details. | |
| 18 | + * | |
| 19 | + * You should have received a copy of the GNU Lesser General Public | |
| 20 | + * License along with this library; if not, write to the Free Software | |
| 21 | + * Foundation, Inc., 51 Franklin St, Fifth Floor, Boston, MA 02110-1301 USA | |
| 22 | + * | |
| 23 | + */ | |
| 24 | + | |
| 25 | + /* | |
| 26 | + * | |
| 27 | + * This program is absolutely free... | |
| 28 | + * ...BUT... | |
| 29 | + * If you modify(OR TRY TO DO THAT)this Source Code, | |
| 30 | + * my SOUL will carry you some monstrous Nightmares | |
| 31 | + * | |
| 32 | + * Have a nice day | |
| 33 | + * enjoy yourself. | |
| 34 | + * Pier... | |
| 35 | + * | |
| 36 | + * (Sorry but I'm Italian not an American writer) | |
| 37 | + * (...a day Maybe...) | |
| 38 | + */ | |
| 39 | + | |
| 40 | +euEnv.euGhostIE_Array = new Array(); | |
| 41 | + | |
| 42 | +/* | |
| 43 | + **************************************** | |
| 44 | + ****** euGhost Object ******* | |
| 45 | + ****** (START) ******* | |
| 46 | + **************************************** | |
| 47 | + */ | |
| 48 | + function euGhost(id,args,container,onLoadFunc){ | |
| 49 | + this.id = id; | |
| 50 | + this.container = container; | |
| 51 | + | |
| 52 | + this.setProperties = function(x,y,w,h){ | |
| 53 | + this.setPos(x,y); | |
| 54 | + this.setDim(w,h); | |
| 55 | + }; | |
| 56 | + | |
| 57 | + this.setPos = function(x,y){ | |
| 58 | + this.setPosX(x); | |
| 59 | + this.setPosY(y); | |
| 60 | + }; | |
| 61 | + | |
| 62 | + this.setDim = function(w,h){ | |
| 63 | + this.setWidth(w); | |
| 64 | + this.setHeight(h); | |
| 65 | + }; | |
| 66 | + | |
| 67 | + this.getPosX = function() {return document.getElementById(this.id).style.left.replace(/[^0-9]/g,"");}; | |
| 68 | + this.setPosX = function(x) { | |
| 69 | + document.getElementById(this.id).style.left=x+'px'; | |
| 70 | + document.getElementById(this.id+"_OVERDIV").style.left=x+'px'; | |
| 71 | + x=this.originalWidth/this.getWidth(); | |
| 72 | + if (this.shadowPos) | |
| 73 | + if (y=Math.round(this.shadowPos.x/x)) | |
| 74 | + this.shadow.setPosX(x); | |
| 75 | + }; | |
| 76 | + this.getPosY = function() {return document.getElementById(this.id).style.top.replace(/[^0-9]/g,"");}; | |
| 77 | + this.setPosY = function(y) { | |
| 78 | + document.getElementById(this.id).style.top=y+'px'; | |
| 79 | + document.getElementById(this.id+"_OVERDIV").style.top=y+'px'; | |
| 80 | + y=this.originalHeight/this.getHeight(); | |
| 81 | + if (this.shadowPos) | |
| 82 | + if (y=Math.round(this.shadowPos.y/y)) | |
| 83 | + this.shadow.setPosY(y); | |
| 84 | + }; | |
| 85 | + | |
| 86 | + this.getWidth = function() {return this.ghost.getWidth();}; | |
| 87 | + | |
| 88 | + this.setWidth = function(w){ | |
| 89 | + if (!this.originalWidth) return; | |
| 90 | + var prop=this.originalWidth/w; | |
| 91 | + this.ghost.setWidth(w); | |
| 92 | + this.eyeball.setWidth(w); | |
| 93 | + document.getElementById(this.id+"_OVERDIV").style.width=Math.round(w)+'px'; | |
| 94 | + if (this.shadow) | |
| 95 | + this.shadow.setWidth(w); | |
| 96 | + if (this.spotCoord1.eyespot_width) | |
| 97 | + this.eyespot1.setWidth(this.spotCoord1.eyespot_width/prop); | |
| 98 | + if (this.spotCoord2.eyespot_width) | |
| 99 | + this.eyespot2.setWidth(this.spotCoord2.eyespot_width/prop); | |
| 100 | + }; | |
| 101 | + | |
| 102 | + this.getHeight = function() { | |
| 103 | + return this.ghost.getHeight(); | |
| 104 | + }; | |
| 105 | + | |
| 106 | + this.setHeight = function(h){ | |
| 107 | + if (!this.originalHeight) return; | |
| 108 | + var prop=this.originalHeight/h; | |
| 109 | + this.ghost.setHeight(h); | |
| 110 | + this.eyeball.setHeight(h); | |
| 111 | + document.getElementById(this.id+"_OVERDIV").style.height=Math.round(h)+'px'; | |
| 112 | + if (this.shadow) | |
| 113 | + this.shadow.setHeight(h); | |
| 114 | + if (this.spotCoord1.eyespot_height) | |
| 115 | + this.eyespot1.setHeight(this.spotCoord1.eyespot_height/prop); | |
| 116 | + if (this.spotCoord2.eyespot_height) | |
| 117 | + this.eyespot2.setHeight(this.spotCoord2.eyespot_height/prop); | |
| 118 | + }; | |
| 119 | + | |
| 120 | + this.hide = function(){ | |
| 121 | + if (this.shadow) | |
| 122 | + this.shadow.hide(); | |
| 123 | + this.ghost.hide(); | |
| 124 | + this.eyeball.hide(); | |
| 125 | + this.eyespot1.hide(); | |
| 126 | + this.eyespot2.hide(); | |
| 127 | + }; | |
| 128 | + | |
| 129 | + this.show = function(){ | |
| 130 | + if (this.shadow) | |
| 131 | + this.shadow.show(); | |
| 132 | + this.ghost.show(); | |
| 133 | + this.eyeball.show(); | |
| 134 | + this.eyespot1.show(); | |
| 135 | + this.eyespot2.show(); | |
| 136 | + }; | |
| 137 | + | |
| 138 | + this.onLoadPrev = function(){ | |
| 139 | + if (this.originalWidth && this.originalHeight)return; | |
| 140 | + if (this.ghost.onLoadPrev) | |
| 141 | + this.ghost.onLoadPrev(); | |
| 142 | + this.originalWidth = this.ghost.getWidth(); | |
| 143 | + this.originalHeight = this.ghost.getHeight(); | |
| 144 | + }; | |
| 145 | + | |
| 146 | + this.onLoadPrevGetEyeSpot = function(obj,vars){ | |
| 147 | + if (vars.eyespot_height && vars.eyespot_width)return; | |
| 148 | + if (obj.onLoadPrev) | |
| 149 | + obj.onLoadPrev(); | |
| 150 | + vars.eyespot_width=obj.getWidth(); | |
| 151 | + vars.eyespot_height=obj.getHeight(); | |
| 152 | + }; | |
| 153 | + | |
| 154 | + this.setFading = function(fad){this.ghost.setFading(fad);}; | |
| 155 | + | |
| 156 | + this.spotCoord1=args.spotCoord1; | |
| 157 | + this.spotCoord2=args.spotCoord2; | |
| 158 | + if (args.shadow) | |
| 159 | + this.shadowPos=args.shadowPos; | |
| 160 | + | |
| 161 | + this.container.innerHTML +="<div id='"+this.id+"' style='visibility:hidden;position:absolute;'></div>"; | |
| 162 | + var objContainer = document.getElementById(this.id); | |
| 163 | + | |
| 164 | + euEnv.euGhostIE_Array[id]=this; | |
| 165 | + var bkPngObjIE = args.PngObjIE; | |
| 166 | + if (args.shadow){ | |
| 167 | + args.image=args.shadow; | |
| 168 | + euPreloadImage(args.image); | |
| 169 | + args.PngObjIE=euImageNoFadingIE_PNG; | |
| 170 | + this.shadow= new euImage(id+"_shadow" ,args,objContainer,"if (euEnv.euGhostIE_Array."+this.id+".shadow.onLoadPrev)euEnv.euGhostIE_Array."+this.id+".shadow.onLoadPrev();"); | |
| 171 | + euEnv.euGhostIE_Array[id+"_shadow"]=this.shadow; | |
| 172 | + } | |
| 173 | + args.image=args.ghost; | |
| 174 | + euPreloadImage(args.image); | |
| 175 | + args.PngObjIE=bkPngObjIE; | |
| 176 | + this.ghost = new euImage(id+"_ghost" ,args,objContainer,onLoadFunc); | |
| 177 | + euEnv.euGhostIE_Array[id+"_ghost"]=this.ghost; | |
| 178 | + | |
| 179 | + args.image=args.eyeball; | |
| 180 | + euPreloadImage(args.image); | |
| 181 | + args.PngObjIE=euImageNoFadingIE_PNG; | |
| 182 | + this.eyeball = new euImage(id+"_eyeball" ,args,objContainer,"if (euEnv.euGhostIE_Array."+this.id+".eyeball.onLoadPrev)euEnv.euGhostIE_Array."+this.id+".eyeball.onLoadPrev();"); | |
| 183 | + euEnv.euGhostIE_Array[id+"_eyeball"]=this.eyeball; | |
| 184 | + | |
| 185 | + args.image=args.eyespot_1; | |
| 186 | + euPreloadImage(args.image); | |
| 187 | + args.PngObjIE=euImageNoFadingIE_PNG; | |
| 188 | + this.eyespot1 = new euImage(id+"_eyespot_1",args,objContainer,"euEnv.euGhostIE_Array."+this.id+".onLoadPrevGetEyeSpot(euEnv.euGhostIE_Array."+this.id+".eyespot1,euEnv.euGhostIE_Array."+this.id+".spotCoord1)"); | |
| 189 | + euEnv.euGhostIE_Array[id+"_eyespot_1"]=this.eyespot1; | |
| 190 | + | |
| 191 | + args.image=args.eyespot_2; | |
| 192 | + euPreloadImage(args.image); | |
| 193 | + args.PngObjIE=euImageNoFadingIE_PNG; | |
| 194 | + this.eyespot2 = new euImage(id+"_eyespot_2",args,objContainer,"euEnv.euGhostIE_Array."+this.id+".onLoadPrevGetEyeSpot(euEnv.euGhostIE_Array."+this.id+".eyespot2,euEnv.euGhostIE_Array."+this.id+".spotCoord2)"); | |
| 195 | + euEnv.euGhostIE_Array[id+"_eyespot_2"]=this.eyespot2; | |
| 196 | + | |
| 197 | + this.container.innerHTML+="<div id='"+this.id+"_OVERDIV' style='position:absolute;'></div>"; | |
| 198 | + | |
| 199 | + this.setEyeParams = function(spotCoord,idObj,x,y){ | |
| 200 | + if (!this.originalWidth && !this.originalHeight)return; | |
| 201 | + var propW=this.originalWidth/this.getWidth(); | |
| 202 | + var propH=this.originalHeight/this.getHeight(); | |
| 203 | + | |
| 204 | + var xx = x-spotCoord.x/propW-euIdObjLeft(document.getElementById(this.id)); | |
| 205 | + var yy = y-spotCoord.y/propH-euIdObjTop(document.getElementById(this.id)); | |
| 206 | + | |
| 207 | + var rad=spotCoord.rad/propW; | |
| 208 | + | |
| 209 | + if ((xx*xx+yy*yy)>(rad*rad)){ | |
| 210 | + var alpha; | |
| 211 | + if (xx==0){ | |
| 212 | + if (yy>0) | |
| 213 | + alpha=Math.PI/2; | |
| 214 | + else | |
| 215 | + alpha=-Math.PI/2; | |
| 216 | + }else | |
| 217 | + alpha = Math.atan(yy/xx); | |
| 218 | + | |
| 219 | + if (xx<0) | |
| 220 | + alpha+=Math.PI; | |
| 221 | + | |
| 222 | + xx=rad*Math.cos(alpha); | |
| 223 | + yy=rad*Math.sin(alpha); | |
| 224 | + } | |
| 225 | + spotCoord.posX = Math.round((spotCoord.x/propW+xx)-idObj.getWidth()/2); | |
| 226 | + spotCoord.posY = Math.round((spotCoord.y/propH+yy)-idObj.getHeight()/2); | |
| 227 | + idObj.setPos(spotCoord.posX,spotCoord.posY); | |
| 228 | + }; | |
| 229 | + | |
| 230 | + this.mousePosX=100; | |
| 231 | + this.mousePosY=100; | |
| 232 | + | |
| 233 | + this.mouseMove = function(x,y){ | |
| 234 | + this.mousePosX=x; | |
| 235 | + this.mousePosY=y; | |
| 236 | + return false; | |
| 237 | + }; | |
| 238 | + | |
| 239 | + this.riposition = function(){ | |
| 240 | + if (!this.originalWidth) | |
| 241 | + return; | |
| 242 | + this.setEyeParams(this.spotCoord1,this.eyespot1,this.mousePosX,this.mousePosY); | |
| 243 | + this.setEyeParams(this.spotCoord2,this.eyespot2,this.mousePosX,this.mousePosY); | |
| 244 | + }; | |
| 245 | + | |
| 246 | + this.destroy = function(){ | |
| 247 | + this.container.removeChild(document.getElementById(this.id)); | |
| 248 | + this.container.removeChild(document.getElementById(this.id+"_OVERDIV")); | |
| 249 | + }; | |
| 250 | + }; | |
| 251 | +/* | |
| 252 | + **************************************** | |
| 253 | + ****** euGhost Object ******* | |
| 254 | + ****** (END) ******* | |
| 255 | + **************************************** | |
| 256 | + */ | |
| 0 | 257 | \ No newline at end of file | ... | ... |
| ... | ... | @@ -0,0 +1,275 @@ |
| 1 | +/* | |
| 2 | + * euDock.Image | |
| 3 | + * | |
| 4 | + * euDock 2.0.06 plugin | |
| 5 | + * | |
| 6 | + * Copyright (C) 2006 Parodi (Pier...) Eugenio <eudock@inwind.it> | |
| 7 | + * http://eudock.jules.it | |
| 8 | + * | |
| 9 | + * This library is free software; you can redistribute it and/or | |
| 10 | + * modify it under the terms of the GNU Lesser General Public | |
| 11 | + * License as published by the Free Software Foundation; either | |
| 12 | + * version 2.1 of the License, or (at your option) any later version. | |
| 13 | + * | |
| 14 | + * This library is distributed in the hope that it will be useful, | |
| 15 | + * but WITHOUT ANY WARRANTY; without even the implied warranty of | |
| 16 | + * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU | |
| 17 | + * Lesser General Public License for more details. | |
| 18 | + * | |
| 19 | + * You should have received a copy of the GNU Lesser General Public | |
| 20 | + * License along with this library; if not, write to the Free Software | |
| 21 | + * Foundation, Inc., 51 Franklin St, Fifth Floor, Boston, MA 02110-1301 USA | |
| 22 | + * | |
| 23 | + */ | |
| 24 | + | |
| 25 | + /* | |
| 26 | + * | |
| 27 | + * This program is absolutely free... | |
| 28 | + * ...BUT... | |
| 29 | + * If you modify(OR TRY TO DO THAT)this Source Code, | |
| 30 | + * my SOUL will carry you some monstrous Nightmares | |
| 31 | + * | |
| 32 | + * Have a nice day | |
| 33 | + * enjoy yourself. | |
| 34 | + * Pier... | |
| 35 | + * | |
| 36 | + * (Sorry but I'm Italian not an American writer) | |
| 37 | + * (...a day Maybe...) | |
| 38 | + */ | |
| 39 | + | |
| 40 | + | |
| 41 | + function euPreloadImage(a) { | |
| 42 | + var d=document; | |
| 43 | + if(d.images){ | |
| 44 | + if(!d.p) d.p=new Array(); | |
| 45 | + d.p.push(new Image()); | |
| 46 | + d.p[d.p.length-1].src=a; | |
| 47 | + } | |
| 48 | + }; | |
| 49 | + | |
| 50 | +if (!euEnv.imageBasePath) | |
| 51 | + euEnv.imageBasePath = "./"; | |
| 52 | +/* | |
| 53 | + **************************************** | |
| 54 | + ****** euImage Object ******* | |
| 55 | + ****** (START) ******* | |
| 56 | + **************************************** | |
| 57 | + */ | |
| 58 | + function euImage(id,args,container,onLoadFunc){ | |
| 59 | + if (!args.PngObjIE) | |
| 60 | + args.PngObjIE=euImageIE_PNG; | |
| 61 | + if (typeof( window.innerWidth ) != 'number' && args.image.toLowerCase().indexOf("png")!=-1) | |
| 62 | + return new args.PngObjIE(id,args,container,onLoadFunc); | |
| 63 | + this.id = id; | |
| 64 | + //edmar | |
| 65 | + //if(args.id !== undefined) | |
| 66 | + //{this.id = args.id;} | |
| 67 | + this.container = container; | |
| 68 | + | |
| 69 | + euPreloadImage(args.image); | |
| 70 | + | |
| 71 | + this.setProperties = function(x,y,w,h){ | |
| 72 | + this.setPos(x,y); | |
| 73 | + this.setDim(w,h); | |
| 74 | + }; | |
| 75 | + | |
| 76 | + this.setPos = function(x,y){ | |
| 77 | + this.setPosX(x); | |
| 78 | + this.setPosY(y); | |
| 79 | + }; | |
| 80 | + | |
| 81 | + this.setDim = function(w,h){ | |
| 82 | + this.setWidth(w); | |
| 83 | + this.setHeight(h); | |
| 84 | + }; | |
| 85 | + | |
| 86 | + this.getPosX = function() {return document.getElementById(this.id).style.left.replace(/[^0-9]/g,"");}; | |
| 87 | + this.setPosX = function(x) {document.getElementById(this.id).style.left=x+'px';}; | |
| 88 | + this.getPosY = function() {return document.getElementById(this.id).style.top.replace(/[^0-9]/g,"");}; | |
| 89 | + this.setPosY = function(y) {document.getElementById(this.id).style.top=y+'px';}; | |
| 90 | + this.getWidth = function() {return document.getElementById(this.id).width;}; | |
| 91 | + this.setWidth = function(w){document.getElementById(this.id).width=Math.round(w);}; | |
| 92 | + this.getHeight = function() {return document.getElementById(this.id).height;}; | |
| 93 | + this.setHeight = function(h){document.getElementById(this.id).height=Math.round(h);}; | |
| 94 | + | |
| 95 | + this.hide = function(){document.getElementById(this.id).style.visibility='hidden';}; | |
| 96 | + this.show = function(){document.getElementById(this.id).style.visibility='visible';}; | |
| 97 | + | |
| 98 | + this.setFading = function(fad){ | |
| 99 | + fad=Math.round(fad); | |
| 100 | + if (fad<0) | |
| 101 | + fad=0; | |
| 102 | + if (fad>100) | |
| 103 | + fad=100; | |
| 104 | + document.getElementById(this.id).style.opacity = (fad/100); | |
| 105 | + document.getElementById(this.id).style.filter = "alpha(opacity="+(fad)+");"; | |
| 106 | + }; | |
| 107 | + //alert(id) | |
| 108 | + this.container.innerHTML+="<img onLoad='"+onLoadFunc+";' id='"+this.id+"' src='"+args.image+"' style='position:absolute;visibility:hidden;'>"; | |
| 109 | + | |
| 110 | + this.destroy = function(){ | |
| 111 | + this.container.removeChild(document.getElementById(this.id)); | |
| 112 | + }; | |
| 113 | + }; | |
| 114 | +/* | |
| 115 | + **************************************** | |
| 116 | + ****** euImage Object ******* | |
| 117 | + ****** (END) ******* | |
| 118 | + **************************************** | |
| 119 | + */ | |
| 120 | + | |
| 121 | + /* | |
| 122 | + **************************************** | |
| 123 | + ****** euImageIE_PNG Object ******* | |
| 124 | + ****** (START) ******* | |
| 125 | + **************************************** | |
| 126 | + */ | |
| 127 | + function euImageIE_PNG(id,args,container,onLoadFunc){ | |
| 128 | + this.id = id; | |
| 129 | + this.container = container; | |
| 130 | + | |
| 131 | + euPreloadImage(args.image); | |
| 132 | + | |
| 133 | + this.setProperties = function(x,y,w,h){ | |
| 134 | + this.setPos(x,y); | |
| 135 | + this.setDim(w,h); | |
| 136 | + }; | |
| 137 | + | |
| 138 | + this.setPos = function(x,y){ | |
| 139 | + this.setPosX(x); | |
| 140 | + this.setPosY(y); | |
| 141 | + }; | |
| 142 | + | |
| 143 | + this.setDim = function(w,h){ | |
| 144 | + this.setWidth(w); | |
| 145 | + this.setHeight(h); | |
| 146 | + }; | |
| 147 | + | |
| 148 | + this.getPosX = function() {return document.getElementById(this.id).style.left.replace(/[^0-9]/g,"");}; | |
| 149 | + this.setPosX = function(x) { | |
| 150 | + document.getElementById(this.id).style.left=x+'px'; | |
| 151 | + }; | |
| 152 | + this.getPosY = function() {return document.getElementById(this.id).style.top.replace(/[^0-9]/g,"");}; | |
| 153 | + this.setPosY = function(y) { | |
| 154 | + document.getElementById(this.id).style.top=y+'px'; | |
| 155 | + }; | |
| 156 | + | |
| 157 | + | |
| 158 | + this.getWidth = function() {if (!this.width)return 0;return this.width;}; | |
| 159 | + this.setWidth = function(w){ | |
| 160 | + if (!this.width)return; | |
| 161 | + this.width=Math.round(w); | |
| 162 | + document.getElementById(this.id).style.width=Math.round(w)+'px'; | |
| 163 | + document.getElementById(this.id+"_IMG").style.width=Math.round(w)+'px'; | |
| 164 | + }; | |
| 165 | + this.getHeight = function() {if (!this.height)return 0;return this.height;}; | |
| 166 | + this.setHeight = function(h){ | |
| 167 | + if (!this.height)return; | |
| 168 | + this.height=Math.round(h); | |
| 169 | + document.getElementById(this.id).style.height=Math.round(h)+'px'; | |
| 170 | + document.getElementById(this.id+"_IMG").style.height=Math.round(h)+'px'; | |
| 171 | + }; | |
| 172 | + | |
| 173 | + this.onLoadPrev = function(){ | |
| 174 | + if (this.width && this.height)return; | |
| 175 | + this.width=document.getElementById(this.id+"_IMG_BAK").width; | |
| 176 | + this.height=document.getElementById(this.id+"_IMG_BAK").height; | |
| 177 | + document.getElementById(this.id+"_IMG_BAK").width=0; | |
| 178 | + document.getElementById(this.id+"_IMG_BAK").height=0; | |
| 179 | + this.setDim(this.width,this.height); | |
| 180 | + }; | |
| 181 | + | |
| 182 | + this.hide = function(){document.getElementById(this.id).style.visibility='hidden';}; | |
| 183 | + this.show = function(){document.getElementById(this.id).style.visibility='visible';if (this.width && this.height)this.setDim(this.width,this.height);}; | |
| 184 | + | |
| 185 | + this.setFading = function(fad){ | |
| 186 | + fad=Math.round(fad); | |
| 187 | + if (fad<0) | |
| 188 | + fad=0; | |
| 189 | + if (fad>100) | |
| 190 | + fad=100; | |
| 191 | + document.getElementById(this.id).style.opacity = (fad/100); | |
| 192 | + document.getElementById(this.id).style.filter = "alpha(opacity="+(fad)+");"; | |
| 193 | + }; | |
| 194 | + | |
| 195 | + this.container.innerHTML+="<div id='"+this.id+"' style='position:absolute;'></div>"; | |
| 196 | + document.getElementById(this.id).innerHTML= "<img src='"+euEnv.imageBasePath+"blank.gif' id='"+this.id+"_IMG' style=\"top:0px;left:0px;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='"+args.image+"',sizingMethod='scale');position:absolute;\">"; | |
| 197 | + this.container.innerHTML+="<img onLoad='"+onLoadFunc+";' id='"+this.id+"_IMG_BAK' src='"+args.image+"' style='visibility:hidden;position:absolute;'>"; | |
| 198 | + | |
| 199 | + this.destroy = function(){ | |
| 200 | + this.container.removeChild(document.getElementById(this.id)); | |
| 201 | + this.container.removeChild(document.getElementById(this.id+"_IMG_BAK")); | |
| 202 | + }; | |
| 203 | + }; | |
| 204 | +/* | |
| 205 | + **************************************** | |
| 206 | + ****** euImageIE_PNG Object ******* | |
| 207 | + ****** (END) ******* | |
| 208 | + **************************************** | |
| 209 | + */ | |
| 210 | + | |
| 211 | + /* | |
| 212 | + **************************************** | |
| 213 | + *****euImageNoFadingIE_PNG Object ****** | |
| 214 | + ****** (START) ******* | |
| 215 | + **************************************** | |
| 216 | + */ | |
| 217 | + function euImageNoFadingIE_PNG(id,args,container,onLoadFunc){ | |
| 218 | + this.id = id; | |
| 219 | + this.container = container; | |
| 220 | + | |
| 221 | + euPreloadImage(args.image); | |
| 222 | + | |
| 223 | + this.setProperties = function(x,y,w,h){ | |
| 224 | + this.setPos(x,y); | |
| 225 | + this.setDim(w,h); | |
| 226 | + }; | |
| 227 | + | |
| 228 | + this.setPos = function(x,y){ | |
| 229 | + this.setPosX(x); | |
| 230 | + this.setPosY(y); | |
| 231 | + }; | |
| 232 | + | |
| 233 | + this.setDim = function(w,h){ | |
| 234 | + this.setWidth(w); | |
| 235 | + this.setHeight(h); | |
| 236 | + }; | |
| 237 | + | |
| 238 | + this.getPosX = function() {return document.getElementById(this.id).style.left.replace(/[^0-9]/g,"");}; | |
| 239 | + this.setPosX = function(x) {document.getElementById(this.id).style.left=x+'px';}; | |
| 240 | + this.getPosY = function() {return document.getElementById(this.id).style.top.replace(/[^0-9]/g,"");}; | |
| 241 | + this.setPosY = function(y) {document.getElementById(this.id).style.top=y+'px';}; | |
| 242 | + | |
| 243 | + this.getWidth = function() {if (!this.width) return 0;return this.width;}; | |
| 244 | + this.setWidth = function(w){if (!this.width) return; this.width=Math.round(w);document.getElementById(this.id).style.width=Math.round(w)+'px';}; | |
| 245 | + this.getHeight = function(){if (!this.height)return 0;return this.height;}; | |
| 246 | + this.setHeight = function(h){if (!this.height)return; this.height=Math.round(h);document.getElementById(this.id).style.height=Math.round(h)+'px';}; | |
| 247 | + | |
| 248 | + this.hide = function(){document.getElementById(this.id).style.visibility='hidden';}; | |
| 249 | + this.show = function(){document.getElementById(this.id).style.visibility='visible';}; | |
| 250 | + | |
| 251 | + this.onLoadPrev = function(){ | |
| 252 | + if (this.width && this.height)return; | |
| 253 | + this.width=document.getElementById(this.id+"_IMG_BAK").width; | |
| 254 | + this.height=document.getElementById(this.id+"_IMG_BAK").height; | |
| 255 | + document.getElementById(this.id+"_IMG_BAK").width=0; | |
| 256 | + document.getElementById(this.id+"_IMG_BAK").height=0; | |
| 257 | + this.setDim(this.width,this.height); | |
| 258 | + }; | |
| 259 | + | |
| 260 | + this.setFading = function(fad){}; | |
| 261 | + | |
| 262 | + this.container.innerHTML+="<img src='"+euEnv.imageBasePath+"blank.gif' id='"+this.id+"' style='position:absolute;visibility:hidden;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=\""+args.image+"\",sizingMethod=\"scale\");' >"; | |
| 263 | + this.container.innerHTML+="<img onLoad='"+onLoadFunc+";' id='"+this.id+"_IMG_BAK' src='"+args.image+"' style='position:absolute;visibility:hidden;'>"; | |
| 264 | + | |
| 265 | + this.destroy = function(){ | |
| 266 | + this.container.removeChild(document.getElementById(this.id)); | |
| 267 | + this.container.removeChild(document.getElementById(this.id+"_IMG_BAK")); | |
| 268 | + }; | |
| 269 | + }; | |
| 270 | +/* | |
| 271 | + **************************************** | |
| 272 | + *****euImageNoFadingIE_PNG Object ****** | |
| 273 | + ****** (END) ******* | |
| 274 | + **************************************** | |
| 275 | + */ | |
| 0 | 276 | \ No newline at end of file | ... | ... |
| ... | ... | @@ -0,0 +1,108 @@ |
| 1 | +/* | |
| 2 | + * euDock.ImageDebug | |
| 3 | + * | |
| 4 | + * euDock 2.0 plugin | |
| 5 | + * | |
| 6 | + * Copyright (C) 2006 Parodi (Pier...) Eugenio <eudock@inwind.it> | |
| 7 | + * http://eudock.jules.it | |
| 8 | + * | |
| 9 | + * This library is free software; you can redistribute it and/or | |
| 10 | + * modify it under the terms of the GNU Lesser General Public | |
| 11 | + * License as published by the Free Software Foundation; either | |
| 12 | + * version 2.1 of the License, or (at your option) any later version. | |
| 13 | + * | |
| 14 | + * This library is distributed in the hope that it will be useful, | |
| 15 | + * but WITHOUT ANY WARRANTY; without even the implied warranty of | |
| 16 | + * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU | |
| 17 | + * Lesser General Public License for more details. | |
| 18 | + * | |
| 19 | + * You should have received a copy of the GNU Lesser General Public | |
| 20 | + * License along with this library; if not, write to the Free Software | |
| 21 | + * Foundation, Inc., 51 Franklin St, Fifth Floor, Boston, MA 02110-1301 USA | |
| 22 | + * | |
| 23 | + */ | |
| 24 | + | |
| 25 | + /* | |
| 26 | + * | |
| 27 | + * This program is absolutely free... | |
| 28 | + * ...BUT... | |
| 29 | + * If you modify(OR TRY TO DO THAT)this Source Code, | |
| 30 | + * my SOUL will carry you some monstrous Nightmares | |
| 31 | + * | |
| 32 | + * Have a nice day | |
| 33 | + * enjoy yourself. | |
| 34 | + * Pier... | |
| 35 | + * | |
| 36 | + * (Sorry but I'm Italian not an American writer) | |
| 37 | + * (...a day Maybe...) | |
| 38 | + */ | |
| 39 | + | |
| 40 | +function euPreloadImage(a) { | |
| 41 | + var d=document; | |
| 42 | + if(d.images){ | |
| 43 | + if(!d.p) d.p=new Array(); | |
| 44 | + d.p.push(new Image()); | |
| 45 | + d.p[d.p.length-1].src=a; | |
| 46 | + } | |
| 47 | +}; | |
| 48 | + | |
| 49 | +/* | |
| 50 | + **************************************** | |
| 51 | + ****** euImage Object ******* | |
| 52 | + ****** (START) ******* | |
| 53 | + **************************************** | |
| 54 | + */ | |
| 55 | + function euImage(id,args,container,onLoadFunc){ | |
| 56 | + this.id = id; | |
| 57 | + euPreloadImage(args.image); | |
| 58 | + | |
| 59 | + this.setProperties = function(x,y,w,h){ | |
| 60 | + this.setPos(x,y); | |
| 61 | + this.setDim(w,h); | |
| 62 | + }; | |
| 63 | + | |
| 64 | + this.setPos = function(x,y){ | |
| 65 | + this.setPosX(x); | |
| 66 | + this.setPosY(y); | |
| 67 | + }; | |
| 68 | + | |
| 69 | + this.setDim = function(w,h){ | |
| 70 | + this.setWidth(w); | |
| 71 | + this.setHeight(h); | |
| 72 | + }; | |
| 73 | + | |
| 74 | + this.getPosX = function() {return document.getElementById(this.id).style.left.replace(/[^0-9]/g,"");}; | |
| 75 | + this.setPosX = function(x) {document.getElementById(this.id).style.left=x+'px';document.getElementById(this.id+"pippo").style.left=x+'px';}; | |
| 76 | + this.getPosY = function() {return document.getElementById(this.id).style.top.replace(/[^0-9]/g,"");}; | |
| 77 | + this.setPosY = function(y) {document.getElementById(this.id).style.top=y+'px';document.getElementById(this.id+"pippo").style.top=y+'px';}; | |
| 78 | + this.getWidth = function() {return document.getElementById(this.id).width;}; | |
| 79 | + this.setWidth = function(w){document.getElementById(this.id).width=Math.round(w);}; | |
| 80 | + this.getHeight = function() {return document.getElementById(this.id).height;}; | |
| 81 | + this.setHeight = function(h){document.getElementById(this.id).height=Math.round(h);}; | |
| 82 | + | |
| 83 | + this.hide = function(){document.getElementById(this.id).style.visibility='hidden';}; | |
| 84 | + this.show = function(){document.getElementById(this.id).style.visibility='visible';}; | |
| 85 | + | |
| 86 | + this.setFading = function(fad){ | |
| 87 | + fad=Math.round(fad); | |
| 88 | + if (fad<0) | |
| 89 | + fad=0; | |
| 90 | + if (fad>100) | |
| 91 | + fad=100; | |
| 92 | + document.getElementById(this.id).style.opacity = (fad/100); | |
| 93 | + document.getElementById(this.id).style.filter = 'alpha(opacity='+(fad)+')'; | |
| 94 | + document.getElementById(this.id+"pippo").innerHTML = "x,y="+this.getPosX()+','+this.getPosY()+"<br>"; | |
| 95 | + document.getElementById(this.id+"pippo").innerHTML += "w,h="+this.getWidth()+','+this.getHeight(); | |
| 96 | + }; | |
| 97 | + | |
| 98 | + container.innerHTML+="<img onLoad='"+onLoadFunc+"' id='"+this.id+"' src='"+args.image+"' style='position:absolute;visibility:hidden;'>"; | |
| 99 | + container.innerHTML+="<div id='"+this.id+"pippo' style='position:absolute;border:1px solid black;'></div>"; | |
| 100 | + //document.write("<img onLoad='"+onLoadFunc+"' id='"+this.id+"' src='"+args.image+"' style='position:absolute;visibility:hidden;'>"); | |
| 101 | + | |
| 102 | + }; | |
| 103 | +/* | |
| 104 | + **************************************** | |
| 105 | + ****** euImage Object ******* | |
| 106 | + ****** (END) ******* | |
| 107 | + **************************************** | |
| 108 | + */ | |
| 0 | 109 | \ No newline at end of file | ... | ... |
| ... | ... | @@ -0,0 +1,165 @@ |
| 1 | +/* | |
| 2 | + * euDock.Label | |
| 3 | + * | |
| 4 | + * euDock 2.0.06 plugin | |
| 5 | + * | |
| 6 | + * Copyright (C) 2006 Parodi (Pier...) Eugenio <eudock@inwind.it> | |
| 7 | + * http://eudock.jules.it | |
| 8 | + * | |
| 9 | + * This library is free software; you can redistribute it and/or | |
| 10 | + * modify it under the terms of the GNU Lesser General Public | |
| 11 | + * License as published by the Free Software Foundation; either | |
| 12 | + * version 2.1 of the License, or (at your option) any later version. | |
| 13 | + * | |
| 14 | + * This library is distributed in the hope that it will be useful, | |
| 15 | + * but WITHOUT ANY WARRANTY; without even the implied warranty of | |
| 16 | + * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU | |
| 17 | + * Lesser General Public License for more details. | |
| 18 | + * | |
| 19 | + * You should have received a copy of the GNU Lesser General Public | |
| 20 | + * License along with this library; if not, write to the Free Software | |
| 21 | + * Foundation, Inc., 51 Franklin St, Fifth Floor, Boston, MA 02110-1301 USA | |
| 22 | + * | |
| 23 | + */ | |
| 24 | + | |
| 25 | + /* | |
| 26 | + * | |
| 27 | + * This program is absolutely free... | |
| 28 | + * ...BUT... | |
| 29 | + * If you modify(OR TRY TO DO THAT)this Source Code, | |
| 30 | + * my SOUL will carry you some monstrous Nightmares | |
| 31 | + * | |
| 32 | + * Have a nice day | |
| 33 | + * enjoy yourself. | |
| 34 | + * Pier... | |
| 35 | + * | |
| 36 | + * (Sorry but I'm Italian not an American writer) | |
| 37 | + * (...a day Maybe...) | |
| 38 | + */ | |
| 39 | + | |
| 40 | + | |
| 41 | +/* | |
| 42 | + **************************************** | |
| 43 | + ****** euLabel Object ******* | |
| 44 | + ****** (START) ******* | |
| 45 | + **************************************** | |
| 46 | + */ | |
| 47 | + function euLabel(id,args,container,onLoadFunc){ | |
| 48 | + | |
| 49 | + this.id = id; | |
| 50 | + this.container = container; | |
| 51 | + | |
| 52 | + this.anchor = euDOWN; | |
| 53 | + this.offsetX = 0; | |
| 54 | + this.offsetY = 0; | |
| 55 | + | |
| 56 | + this.setProperties = function(x,y,w,h){ | |
| 57 | + this.setPos(x,y); | |
| 58 | + this.setDim(w,h); | |
| 59 | + }; | |
| 60 | + | |
| 61 | + this.setPos = function(x,y){ | |
| 62 | + this.setPosX(x); | |
| 63 | + this.setPosY(y); | |
| 64 | + }; | |
| 65 | + | |
| 66 | + this.setDim = function(w,h){ | |
| 67 | + this.setWidth(w); | |
| 68 | + this.setHeight(h); | |
| 69 | + }; | |
| 70 | + | |
| 71 | + this.width=0; | |
| 72 | + this.height=0; | |
| 73 | + this.posX=0; | |
| 74 | + this.posY=0; | |
| 75 | + | |
| 76 | + this.getPosX = function() {return this.object.getPosX();}; | |
| 77 | + this.setPosX = function(x) {this.posX=x;this.object.setPosX(x);}; | |
| 78 | + this.getPosY = function() {return this.object.getPosY();}; | |
| 79 | + this.setPosY = function(y) {this.posY=y;this.object.setPosY(y); | |
| 80 | + }; | |
| 81 | + this.getWidth = function() {return this.object.getWidth();}; | |
| 82 | + this.setWidth = function(w){this.width=w;this.object.setWidth(w);}; | |
| 83 | + this.getHeight = function() {return this.object.getHeight();}; | |
| 84 | + this.setHeight = function(h){this.height=h;this.object.setHeight(h);}; | |
| 85 | + | |
| 86 | + this.hide = function(){this.object.hide();document.getElementById(this.id).style.visibility='hidden';}; | |
| 87 | + this.show = function(){this.object.show();document.getElementById(this.id).style.visibility='visible';}; | |
| 88 | + | |
| 89 | + this.setFading = function(fad){ | |
| 90 | + fad=Math.round(fad); | |
| 91 | + if (fad<0) | |
| 92 | + fad=0; | |
| 93 | + if (fad>100) | |
| 94 | + fad=100; | |
| 95 | + document.getElementById(this.id).style.opacity = (fad/100); | |
| 96 | + document.getElementById(this.id).style.filter = "alpha(opacity="+(fad)+");"; | |
| 97 | + this.object.setFading(fad); | |
| 98 | + }; | |
| 99 | + | |
| 100 | + this.onLoadPrev = function(){ | |
| 101 | + if (this.object.onLoadPrev) | |
| 102 | + this.object.onLoadPrev(); | |
| 103 | + }; | |
| 104 | + | |
| 105 | + this.onLoadNext = function(){ | |
| 106 | + if (this.object.onLoadNext) | |
| 107 | + this.object.onLoadNext(); | |
| 108 | + }; | |
| 109 | + | |
| 110 | + this.mouseMove = function(x,y){ | |
| 111 | + if (this.object.mouseMove) | |
| 112 | + this.object.mouseMove(x,y); | |
| 113 | + return false; | |
| 114 | + }; | |
| 115 | + | |
| 116 | + this.riposition = function(){ | |
| 117 | + if (this.object.riposition) | |
| 118 | + this.object.riposition(); | |
| 119 | + if (this.anchor==euDOWN){ | |
| 120 | + document.getElementById(this.id).style.left=(this.posX+this.offsetX+(this.width-document.getElementById(this.id).offsetWidth)/2)+'px'; | |
| 121 | + document.getElementById(this.id).style.top =(this.posY+this.height+this.offsetY)+'px'; | |
| 122 | + }else if (this.anchor==euUP){ | |
| 123 | + document.getElementById(this.id).style.left=(this.posX+this.offsetX+(this.width-document.getElementById(this.id).offsetWidth)/2)+'px'; | |
| 124 | + document.getElementById(this.id).style.top =(this.posY+this.offsetY)+'px'; | |
| 125 | + }else if (this.anchor==euLEFT){ | |
| 126 | + document.getElementById(this.id).style.left=(this.posX+this.offsetX)+'px'; | |
| 127 | + document.getElementById(this.id).style.top =(this.posY+this.offsetY+(this.height-document.getElementById(this.id).offsetHeight)/2)+'px'; | |
| 128 | + }else if (this.anchor==euRIGHT){ | |
| 129 | + document.getElementById(this.id).style.left=(this.posX+this.width+this.offsetX)+'px'; | |
| 130 | + document.getElementById(this.id).style.top =(this.posY+this.offsetY+(this.height-document.getElementById(this.id).offsetHeight)/2)+'px'; | |
| 131 | + }else if (this.anchor==euCENTER){ | |
| 132 | + document.getElementById(this.id).style.left=(this.posX+this.offsetX+(this.width-document.getElementById(this.id).offsetWidth)/2)+'px'; | |
| 133 | + document.getElementById(this.id).style.top =(this.posY+this.offsetY+(this.height-document.getElementById(this.id).offsetHeight)/2)+'px'; | |
| 134 | + } | |
| 135 | + }; | |
| 136 | + | |
| 137 | + if (args.anchor) | |
| 138 | + this.anchor = args.anchor; | |
| 139 | + if (args.offsetX) | |
| 140 | + this.offsetX = args.offsetX; | |
| 141 | + | |
| 142 | + | |
| 143 | + if (args.offsetY) | |
| 144 | + this.offsetY = args.offsetY; | |
| 145 | + | |
| 146 | + var style=""; | |
| 147 | + if (args.style) | |
| 148 | + style = args.style; | |
| 149 | + | |
| 150 | + for (var i in args.object) | |
| 151 | + this.object = new window[i](this.id+"_LABEL_OBJECT",args.object[i],this.container,onLoadFunc); | |
| 152 | + this.container.innerHTML+="<span id='"+this.id+"' src='"+args.image+"' style='position:absolute;visibility:hidden;"+style+";'>"+args.txt+"</span>"; | |
| 153 | + | |
| 154 | + this.destroy = function(){ | |
| 155 | + this.object.destroy(); | |
| 156 | + this.object=null; | |
| 157 | + this.container.removeChild(document.getElementById(this.id)); | |
| 158 | + }; | |
| 159 | + }; | |
| 160 | +/* | |
| 161 | + **************************************** | |
| 162 | + ****** euLabel Object ******* | |
| 163 | + ****** (END) ******* | |
| 164 | + **************************************** | |
| 165 | + */ | |
| 0 | 166 | \ No newline at end of file | ... | ... |
2.14 KB
| ... | ... | @@ -0,0 +1,114 @@ |
| 1 | +<html> | |
| 2 | + </head> | |
| 3 | + <script language="JavaScript1.3" src="js/euDock.2.0.js"></script> | |
| 4 | + <script language="JavaScript1.3" src="js/euDock.Image.js"></script> | |
| 5 | + </head> | |
| 6 | +<body> | |
| 7 | + | |
| 8 | +<center> | |
| 9 | + | |
| 10 | +<br> | |
| 11 | +<div id=debugThreadDiv style='border:1px solid #8899bb;'></div> | |
| 12 | +<br> | |
| 13 | + | |
| 14 | +<table cellpadding=3 style='border:1px solid #8899bb;'> | |
| 15 | + | |
| 16 | +<tr><td style="border:1px solid #8899bb;"> | |
| 17 | +<center>pippo</center> | |
| 18 | +</td></tr> | |
| 19 | +<tr><td id='Cell_1' style="height:33px;border:1px solid #8899bb;"> </td></tr> | |
| 20 | + | |
| 21 | +<tr><td style="border:1px solid #8899bb;"> | |
| 22 | +<center>pippo</center> | |
| 23 | +</td></tr> | |
| 24 | +<tr><td id='Cell_2' style="height:33px;border:1px solid #8899bb;"> </td></tr> | |
| 25 | + | |
| 26 | +<tr><td style="border:1px solid #8899bb;"> | |
| 27 | +<center>pippo</center> | |
| 28 | +</td></tr> | |
| 29 | +<tr><td id='Cell_3' style="height:33px;border:1px solid #8899bb;"> </td></tr> | |
| 30 | + | |
| 31 | +<tr><td style="border:1px solid #8899bb;"> | |
| 32 | +<center>pippo</center> | |
| 33 | +</td></tr> | |
| 34 | +<tr><td id='Cell_4' style="height:33px;border:1px solid #8899bb;"> </td></tr> | |
| 35 | + | |
| 36 | +<tr><td style="border:1px solid #8899bb;"> | |
| 37 | +<center>pippo</center> | |
| 38 | +</td></tr> | |
| 39 | +<tr><td id='Cell_5' style="height:33px;border:1px solid #8899bb;"> </td></tr> | |
| 40 | + | |
| 41 | +<tr><td style="border:1px solid #8899bb;"> | |
| 42 | +<center>pippo</center> | |
| 43 | +</td></tr> | |
| 44 | +<tr><td id='Cell_6' style="height:33px;border:1px solid #8899bb;"> </td></tr> | |
| 45 | + | |
| 46 | +<tr><td style="border:1px solid #8899bb;"> | |
| 47 | +<center>pippo</center> | |
| 48 | +</td></tr> | |
| 49 | +<tr><td id='Cell_7' style="height:33px;border:1px solid #8899bb;"> </td></tr> | |
| 50 | + | |
| 51 | +<tr><td style="border:1px solid #8899bb;"> | |
| 52 | +<center>pippo</center> | |
| 53 | +</td></tr> | |
| 54 | +<tr><td id='Cell_8' style="height:33px;border:1px solid #8899bb;"> </td></tr> | |
| 55 | + | |
| 56 | +</table> | |
| 57 | +<img src=test.jpg> | |
| 58 | +</center> | |
| 59 | + | |
| 60 | +</body> | |
| 61 | +</html> | |
| 62 | + | |
| 63 | +<script> | |
| 64 | +euEnv.imageBasePath="js/"; | |
| 65 | + | |
| 66 | +var test_1 = new euDock(); | |
| 67 | +test_1.setAnimation(euMOUSE,0.4); | |
| 68 | +test_1.setObjectAlign('Cell_1',euDOWN,0,euUP); | |
| 69 | +test_1.setIconsOffset(2); | |
| 70 | +test_1.addIcon(new Array({euImage:{image:"test.gif"}}), | |
| 71 | + {mouseInsideClick : function(x,y){window.open('http://eudock.jules.it','new');}}); | |
| 72 | + | |
| 73 | +test_1.addIcon(new Array({euImage:{image:"test.gif"}}));test_1.addIcon(new Array({euImage:{image:"test.gif"}}));test_1.addIcon(new Array({euImage:{image:"test.gif"}}));test_1.addIcon(new Array({euImage:{image:"test.gif"}}));test_1.addIcon(new Array({euImage:{image:"test.gif"}}));test_1.addIcon(new Array({euImage:{image:"test.gif"}}));test_1.addIcon(new Array({euImage:{image:"test.gif"}}));test_1.addIcon(new Array({euImage:{image:"test.gif"}}));test_1.addIcon(new Array({euImage:{image:"test.gif"}}));test_1.addIcon(new Array({euImage:{image:"test.gif"}}));test_1.addIcon(new Array({euImage:{image:"test.gif"}}));test_1.addIcon(new Array({euImage:{image:"test.gif"}})); | |
| 74 | + | |
| 75 | +var test_2 = new euDock(); | |
| 76 | +test_2.setAnimation(euMOUSE,0.4); | |
| 77 | +test_2.setObjectAlign('Cell_2',euDOWN,0,euUP); | |
| 78 | +test_2.setIconsOffset(2); | |
| 79 | +test_2.addIcon(new Array({euImage:{image:"test.gif"}}));test_2.addIcon(new Array({euImage:{image:"test.gif"}}));test_2.addIcon(new Array({euImage:{image:"test.gif"}}));test_2.addIcon(new Array({euImage:{image:"test.gif"}}));test_2.addIcon(new Array({euImage:{image:"test.gif"}}));test_2.addIcon(new Array({euImage:{image:"test.gif"}}));test_2.addIcon(new Array({euImage:{image:"test.gif"}}));test_2.addIcon(new Array({euImage:{image:"test.gif"}}));test_2.addIcon(new Array({euImage:{image:"test.gif"}}));test_2.addIcon(new Array({euImage:{image:"test.gif"}}));test_2.addIcon(new Array({euImage:{image:"test.gif"}}));test_2.addIcon(new Array({euImage:{image:"test.gif"}}));test_2.addIcon(new Array({euImage:{image:"test.gif"}})); | |
| 80 | + | |
| 81 | +var test_3 = new euDock(); | |
| 82 | +test_3.setAnimation(euMOUSE,0.4); | |
| 83 | +test_3.setObjectAlign('Cell_3',euDOWN,0,euUP); | |
| 84 | +test_3.setIconsOffset(2); | |
| 85 | +test_3.addIcon(new Array({euImage:{image:"test.gif"}}));test_3.addIcon(new Array({euImage:{image:"test.gif"}}));test_3.addIcon(new Array({euImage:{image:"test.gif"}}));test_3.addIcon(new Array({euImage:{image:"test.gif"}}));test_3.addIcon(new Array({euImage:{image:"test.gif"}}));test_3.addIcon(new Array({euImage:{image:"test.gif"}}));test_3.addIcon(new Array({euImage:{image:"test.gif"}}));test_3.addIcon(new Array({euImage:{image:"test.gif"}}));test_3.addIcon(new Array({euImage:{image:"test.gif"}}));test_3.addIcon(new Array({euImage:{image:"test.gif"}}));test_3.addIcon(new Array({euImage:{image:"test.gif"}}));test_3.addIcon(new Array({euImage:{image:"test.gif"}}));test_3.addIcon(new Array({euImage:{image:"test.gif"}})); | |
| 86 | + | |
| 87 | +var test_4 = new euDock(); | |
| 88 | +test_4.setAnimation(euMOUSE,0.4); | |
| 89 | +test_4.setObjectAlign('Cell_4',euDOWN,0,euUP); | |
| 90 | +test_4.setIconsOffset(2); | |
| 91 | +test_4.addIcon(new Array({euImage:{image:"test.gif"}}));test_4.addIcon(new Array({euImage:{image:"test.gif"}}));test_4.addIcon(new Array({euImage:{image:"test.gif"}}));test_4.addIcon(new Array({euImage:{image:"test.gif"}}));test_4.addIcon(new Array({euImage:{image:"test.gif"}}));test_4.addIcon(new Array({euImage:{image:"test.gif"}}));test_4.addIcon(new Array({euImage:{image:"test.gif"}}));test_4.addIcon(new Array({euImage:{image:"test.gif"}}));test_4.addIcon(new Array({euImage:{image:"test.gif"}}));test_4.addIcon(new Array({euImage:{image:"test.gif"}}));test_4.addIcon(new Array({euImage:{image:"test.gif"}}));test_4.addIcon(new Array({euImage:{image:"test.gif"}}));test_4.addIcon(new Array({euImage:{image:"test.gif"}})); | |
| 92 | + | |
| 93 | +var test_5 = new euDock(); | |
| 94 | +test_5.setAnimation(euMOUSE,0.4); | |
| 95 | +test_5.setObjectAlign('Cell_5',euDOWN,0,euUP); | |
| 96 | +test_5.setIconsOffset(2); | |
| 97 | +test_5.addIcon(new Array({euImage:{image:"test.gif"}}));test_5.addIcon(new Array({euImage:{image:"test.gif"}}));test_5.addIcon(new Array({euImage:{image:"test.gif"}}));test_5.addIcon(new Array({euImage:{image:"test.gif"}}));test_5.addIcon(new Array({euImage:{image:"test.gif"}}));test_5.addIcon(new Array({euImage:{image:"test.gif"}}));test_5.addIcon(new Array({euImage:{image:"test.gif"}}));test_5.addIcon(new Array({euImage:{image:"test.gif"}}));test_5.addIcon(new Array({euImage:{image:"test.gif"}}));test_5.addIcon(new Array({euImage:{image:"test.gif"}}));test_5.addIcon(new Array({euImage:{image:"test.gif"}}));test_5.addIcon(new Array({euImage:{image:"test.gif"}}));test_5.addIcon(new Array({euImage:{image:"test.gif"}})); | |
| 98 | + | |
| 99 | +var test_6 = new euDock(); | |
| 100 | +test_6.setAnimation(euMOUSE,0.4); | |
| 101 | +test_6.setObjectAlign('Cell_6',euDOWN,0,euUP); | |
| 102 | +test_6.setIconsOffset(2); | |
| 103 | +test_6.addIcon(new Array({euImage:{image:"test.gif"}}));test_6.addIcon(new Array({euImage:{image:"test.gif"}}));test_6.addIcon(new Array({euImage:{image:"test.gif"}}));test_6.addIcon(new Array({euImage:{image:"test.gif"}}));test_6.addIcon(new Array({euImage:{image:"test.gif"}}));test_6.addIcon(new Array({euImage:{image:"test.gif"}}));test_6.addIcon(new Array({euImage:{image:"test.gif"}}));test_6.addIcon(new Array({euImage:{image:"test.gif"}}));test_6.addIcon(new Array({euImage:{image:"test.gif"}}));test_6.addIcon(new Array({euImage:{image:"test.gif"}}));test_6.addIcon(new Array({euImage:{image:"test.gif"}}));test_6.addIcon(new Array({euImage:{image:"test.gif"}}));test_6.addIcon(new Array({euImage:{image:"test.gif"}})); | |
| 104 | + | |
| 105 | +var test_7 = new euDock(); | |
| 106 | +test_7.setAnimation(euMOUSE,0.4); | |
| 107 | +test_7.setObjectAlign('Cell_7',euDOWN,0,euUP); | |
| 108 | +test_7.setIconsOffset(2); | |
| 109 | +test_7.addIcon(new Array({euImage:{image:"test.gif"}}));test_7.addIcon(new Array({euImage:{image:"test.gif"}}));test_7.addIcon(new Array({euImage:{image:"test.gif"}}));test_7.addIcon(new Array({euImage:{image:"test.gif"}}));test_7.addIcon(new Array({euImage:{image:"test.gif"}}));test_7.addIcon(new Array({euImage:{image:"test.gif"}}));test_7.addIcon(new Array({euImage:{image:"test.gif"}}));test_7.addIcon(new Array({euImage:{image:"test.gif"}}));test_7.addIcon(new Array({euImage:{image:"test.gif"}}));test_7.addIcon(new Array({euImage:{image:"test.gif"}}));test_7.addIcon(new Array({euImage:{image:"test.gif"}}));test_7.addIcon(new Array({euImage:{image:"test.gif"}}));test_7.addIcon(new Array({euImage:{image:"test.gif"}})); | |
| 110 | + | |
| 111 | +</script> | |
| 112 | + | |
| 113 | + | |
| 114 | + | ... | ... |
| ... | ... | @@ -0,0 +1,104 @@ |
| 1 | +<html> | |
| 2 | + | |
| 3 | +<body> | |
| 4 | + | |
| 5 | +<img src=iconsEuDock/cube.png> | |
| 6 | +<img src='js/blank.gif' style="width:100px;height:100px;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='iconsEuDock/cube.png',sizingMethod='scale');"> | |
| 7 | +<img src='js/blank.gif' style="width:100px;height:100px;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='iconsEuDock/cube.png',sizingMethod='scale');"> | |
| 8 | +<img src='js/blank.gif' style="width:100px;height:100px;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='iconsEuDock/cube.png',sizingMethod='scale');"> | |
| 9 | +<img src='js/blank.gif' style="width:100px;height:100px;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='iconsEuDock/cube.png',sizingMethod='scale');"> | |
| 10 | +<img src='js/blank.gif' style="width:100px;height:100px;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='iconsEuDock/cube.png',sizingMethod='scale');"> | |
| 11 | +<img src='js/blank.gif' style="width:100px;height:100px;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='iconsEuDock/cube.png',sizingMethod='scale');"> | |
| 12 | +<img src='js/blank.gif' style="width:100px;height:100px;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='iconsEuDock/cube.png',sizingMethod='scale');"> | |
| 13 | +<img src='js/blank.gif' style="width:100px;height:100px;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='iconsEuDock/cube.png',sizingMethod='scale');"> | |
| 14 | +<img src='js/blank.gif' style="width:100px;height:100px;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='iconsEuDock/cube.png',sizingMethod='scale');"> | |
| 15 | +<img src='js/blank.gif' style="width:100px;height:100px;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='iconsEuDock/cube.png',sizingMethod='scale');"> | |
| 16 | +<img src='js/blank.gif' style="width:100px;height:100px;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='iconsEuDock/cube.png',sizingMethod='scale');"> | |
| 17 | +<img src='js/blank.gif' style="width:100px;height:100px;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='iconsEuDock/cube.png',sizingMethod='scale');"> | |
| 18 | +<img src='js/blank.gif' style="width:100px;height:100px;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='iconsEuDock/cube.png',sizingMethod='scale');"> | |
| 19 | +<img src='js/blank.gif' style="width:100px;height:100px;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='iconsEuDock/cube.png',sizingMethod='scale');"> | |
| 20 | +<img src='js/blank.gif' style="width:100px;height:100px;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='iconsEuDock/cube.png',sizingMethod='scale');"> | |
| 21 | +<img src='js/blank.gif' style="width:100px;height:100px;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='iconsEuDock/cube.png',sizingMethod='scale');"> | |
| 22 | +<img src='js/blank.gif' style="width:100px;height:100px;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='iconsEuDock/cube.png',sizingMethod='scale');"> | |
| 23 | +<img src='js/blank.gif' style="width:100px;height:100px;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='iconsEuDock/cube.png',sizingMethod='scale');"> | |
| 24 | +<img src='js/blank.gif' style="width:100px;height:100px;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='iconsEuDock/cube.png',sizingMethod='scale');"> | |
| 25 | +<img src='js/blank.gif' style="width:100px;height:100px;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='iconsEuDock/cube.png',sizingMethod='scale');"> | |
| 26 | +<img src='js/blank.gif' style="width:100px;height:100px;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='iconsEuDock/cube.png',sizingMethod='scale');"> | |
| 27 | +<img src='js/blank.gif' style="width:100px;height:100px;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='iconsEuDock/cube.png',sizingMethod='scale');"> | |
| 28 | +<img src='js/blank.gif' style="width:100px;height:100px;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='iconsEuDock/cube.png',sizingMethod='scale');"> | |
| 29 | +<img src='js/blank.gif' style="width:100px;height:100px;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='iconsEuDock/cube.png',sizingMethod='scale');"> | |
| 30 | +<img src='js/blank.gif' style="width:100px;height:100px;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='iconsEuDock/cube.png',sizingMethod='scale');"> | |
| 31 | +<img src='js/blank.gif' style="width:100px;height:100px;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='iconsEuDock/cube.png',sizingMethod='scale');"> | |
| 32 | +<img src='js/blank.gif' style="width:100px;height:100px;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='iconsEuDock/cube.png',sizingMethod='scale');"> | |
| 33 | +<img src='js/blank.gif' style="width:100px;height:100px;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='iconsEuDock/cube.png',sizingMethod='scale');"> | |
| 34 | +<img src='js/blank.gif' style="width:100px;height:100px;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='iconsEuDock/cube.png',sizingMethod='scale');"> | |
| 35 | +<img src='js/blank.gif' style="width:100px;height:100px;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='iconsEuDock/cube.png',sizingMethod='scale');"> | |
| 36 | +<img src='js/blank.gif' style="width:100px;height:100px;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='iconsEuDock/cube.png',sizingMethod='scale');"> | |
| 37 | +<img src='js/blank.gif' style="width:100px;height:100px;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='iconsEuDock/cube.png',sizingMethod='scale');"> | |
| 38 | +<img src='js/blank.gif' style="width:100px;height:100px;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='iconsEuDock/cube.png',sizingMethod='scale');"> | |
| 39 | +<img src='js/blank.gif' style="width:100px;height:100px;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='iconsEuDock/cube.png',sizingMethod='scale');"> | |
| 40 | +<img src='js/blank.gif' style="width:100px;height:100px;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='iconsEuDock/cube.png',sizingMethod='scale');"> | |
| 41 | +<img src='js/blank.gif' style="width:100px;height:100px;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='iconsEuDock/cube.png',sizingMethod='scale');"> | |
| 42 | +<img src='js/blank.gif' style="width:100px;height:100px;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='iconsEuDock/cube.png',sizingMethod='scale');"> | |
| 43 | +<img src='js/blank.gif' style="width:100px;height:100px;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='iconsEuDock/cube.png',sizingMethod='scale');"> | |
| 44 | +<img src='js/blank.gif' style="width:100px;height:100px;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='iconsEuDock/cube.png',sizingMethod='scale');"> | |
| 45 | +<img src='js/blank.gif' style="width:100px;height:100px;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='iconsEuDock/cube.png',sizingMethod='scale');"> | |
| 46 | +<img src='js/blank.gif' style="width:100px;height:100px;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='iconsEuDock/cube.png',sizingMethod='scale');"> | |
| 47 | +<img src='js/blank.gif' style="width:100px;height:100px;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='iconsEuDock/cube.png',sizingMethod='scale');"> | |
| 48 | +<img src='js/blank.gif' style="width:100px;height:100px;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='iconsEuDock/cube.png',sizingMethod='scale');"> | |
| 49 | +<img src='js/blank.gif' style="width:100px;height:100px;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='iconsEuDock/cube.png',sizingMethod='scale');"> | |
| 50 | +<img src='js/blank.gif' style="width:100px;height:100px;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='iconsEuDock/cube.png',sizingMethod='scale');"> | |
| 51 | +<img src='js/blank.gif' style="width:100px;height:100px;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='iconsEuDock/cube.png',sizingMethod='scale');"> | |
| 52 | +<img src='js/blank.gif' style="width:100px;height:100px;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='iconsEuDock/cube.png',sizingMethod='scale');"> | |
| 53 | +<img src='js/blank.gif' style="width:100px;height:100px;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='iconsEuDock/cube.png',sizingMethod='scale');"> | |
| 54 | +<img src='js/blank.gif' style="width:100px;height:100px;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='iconsEuDock/cube.png',sizingMethod='scale');"> | |
| 55 | +<img src='js/blank.gif' style="width:100px;height:100px;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='iconsEuDock/cube.png',sizingMethod='scale');"> | |
| 56 | +<img src='js/blank.gif' style="width:100px;height:100px;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='iconsEuDock/cube.png',sizingMethod='scale');"> | |
| 57 | +<img src='js/blank.gif' style="width:100px;height:100px;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='iconsEuDock/cube.png',sizingMethod='scale');"> | |
| 58 | +<img src='js/blank.gif' style="width:100px;height:100px;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='iconsEuDock/cube.png',sizingMethod='scale');"> | |
| 59 | +<img src='js/blank.gif' style="width:100px;height:100px;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='iconsEuDock/cube.png',sizingMethod='scale');"> | |
| 60 | +<img src='js/blank.gif' style="width:100px;height:100px;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='iconsEuDock/cube.png',sizingMethod='scale');"> | |
| 61 | +<img src='js/blank.gif' style="width:100px;height:100px;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='iconsEuDock/cube.png',sizingMethod='scale');"> | |
| 62 | +<img src='js/blank.gif' style="width:100px;height:100px;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='iconsEuDock/cube.png',sizingMethod='scale');"> | |
| 63 | +<img src='js/blank.gif' style="width:100px;height:100px;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='iconsEuDock/cube.png',sizingMethod='scale');"> | |
| 64 | +<img src='js/blank.gif' style="width:100px;height:100px;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='iconsEuDock/cube.png',sizingMethod='scale');"> | |
| 65 | +<img src='js/blank.gif' style="width:100px;height:100px;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='iconsEuDock/cube.png',sizingMethod='scale');"> | |
| 66 | +<img src='js/blank.gif' style="width:100px;height:100px;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='iconsEuDock/cube.png',sizingMethod='scale');"> | |
| 67 | +<img src='js/blank.gif' style="width:100px;height:100px;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='iconsEuDock/cube.png',sizingMethod='scale');"> | |
| 68 | +<img src='js/blank.gif' style="width:100px;height:100px;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='iconsEuDock/cube.png',sizingMethod='scale');"> | |
| 69 | +<img src='js/blank.gif' style="width:100px;height:100px;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='iconsEuDock/cube.png',sizingMethod='scale');"> | |
| 70 | +<img src='js/blank.gif' style="width:100px;height:100px;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='iconsEuDock/cube.png',sizingMethod='scale');"> | |
| 71 | +<img src='js/blank.gif' style="width:100px;height:100px;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='iconsEuDock/cube.png',sizingMethod='scale');"> | |
| 72 | +<img src='js/blank.gif' style="width:100px;height:100px;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='iconsEuDock/cube.png',sizingMethod='scale');"> | |
| 73 | +<img src='js/blank.gif' style="width:100px;height:100px;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='iconsEuDock/cube.png',sizingMethod='scale');"> | |
| 74 | +<img src='js/blank.gif' style="width:100px;height:100px;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='iconsEuDock/cube.png',sizingMethod='scale');"> | |
| 75 | +<img src='js/blank.gif' style="width:100px;height:100px;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='iconsEuDock/cube.png',sizingMethod='scale');"> | |
| 76 | +<img src='js/blank.gif' style="width:100px;height:100px;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='iconsEuDock/cube.png',sizingMethod='scale');"> | |
| 77 | +<img src='js/blank.gif' style="width:100px;height:100px;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='iconsEuDock/cube.png',sizingMethod='scale');"> | |
| 78 | +<img src='js/blank.gif' style="width:100px;height:100px;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='iconsEuDock/cube.png',sizingMethod='scale');"> | |
| 79 | +<img src='js/blank.gif' style="width:100px;height:100px;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='iconsEuDock/cube.png',sizingMethod='scale');"> | |
| 80 | +<img src='js/blank.gif' style="width:100px;height:100px;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='iconsEuDock/cube.png',sizingMethod='scale');"> | |
| 81 | +<img src='js/blank.gif' style="width:100px;height:100px;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='iconsEuDock/cube.png',sizingMethod='scale');"> | |
| 82 | +<img src='js/blank.gif' style="width:100px;height:100px;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='iconsEuDock/cube.png',sizingMethod='scale');"> | |
| 83 | +<img src='js/blank.gif' style="width:100px;height:100px;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='iconsEuDock/cube.png',sizingMethod='scale');"> | |
| 84 | +<img src='js/blank.gif' style="width:100px;height:100px;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='iconsEuDock/cube.png',sizingMethod='scale');"> | |
| 85 | +<img src='js/blank.gif' style="width:100px;height:100px;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='iconsEuDock/cube.png',sizingMethod='scale');"> | |
| 86 | +<img src='js/blank.gif' style="width:100px;height:100px;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='iconsEuDock/cube.png',sizingMethod='scale');"> | |
| 87 | +<img src='js/blank.gif' style="width:100px;height:100px;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='iconsEuDock/cube.png',sizingMethod='scale');"> | |
| 88 | +<img src='js/blank.gif' style="width:100px;height:100px;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='iconsEuDock/cube.png',sizingMethod='scale');"> | |
| 89 | +<img src='js/blank.gif' style="width:100px;height:100px;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='iconsEuDock/cube.png',sizingMethod='scale');"> | |
| 90 | +<img src='js/blank.gif' style="width:100px;height:100px;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='iconsEuDock/cube.png',sizingMethod='scale');"> | |
| 91 | +<img src='js/blank.gif' style="width:100px;height:100px;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='iconsEuDock/cube.png',sizingMethod='scale');"> | |
| 92 | +<img src='js/blank.gif' style="width:100px;height:100px;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='iconsEuDock/cube.png',sizingMethod='scale');"> | |
| 93 | +<img src='js/blank.gif' style="width:100px;height:100px;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='iconsEuDock/cube.png',sizingMethod='scale');"> | |
| 94 | +<img src='js/blank.gif' style="width:100px;height:100px;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='iconsEuDock/cube.png',sizingMethod='scale');"> | |
| 95 | +<img src='js/blank.gif' style="width:100px;height:100px;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='iconsEuDock/cube.png',sizingMethod='scale');"> | |
| 96 | +<img src='js/blank.gif' style="width:100px;height:100px;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='iconsEuDock/cube.png',sizingMethod='scale');"> | |
| 97 | +<img src='js/blank.gif' style="width:100px;height:100px;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='iconsEuDock/cube.png',sizingMethod='scale');"> | |
| 98 | +<img src='js/blank.gif' style="width:100px;height:100px;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='iconsEuDock/cube.png',sizingMethod='scale');"> | |
| 99 | +<img src='js/blank.gif' style="width:100px;height:100px;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='iconsEuDock/cube.png',sizingMethod='scale');"> | |
| 100 | +<img src='js/blank.gif' style="width:100px;height:100px;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='iconsEuDock/cube.png',sizingMethod='scale');"> | |
| 101 | +<img src='js/blank.gif' style="width:100px;height:100px;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='iconsEuDock/cube.png',sizingMethod='scale');"> | |
| 102 | +<img src='js/blank.gif' style="width:100px;height:100px;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='iconsEuDock/cube.png',sizingMethod='scale');"> | |
| 103 | +</body> | |
| 104 | +</html> | |
| 0 | 105 | \ No newline at end of file | ... | ... |
806 Bytes
1.73 KB