|
Ok, Thanks...
If You find other problems you can e-mail me to:
eudock@libero.it
|
|
|
|
|
Hi Pier,
Great script... has many more features than any other out there. I'm trying to use labels and hitting a roadblock. My labeled icons do not appear and I receive the following error:
window[ii] is not a constructor<br />
http:
Line 862
Here is my addIcon() call:
dock.addIcon(new Array({
euLabel: {
object: {
euImage: {
image: "eudock2.0/iconsEuDock/cube.png"
}
},
txt: "some text",
style: "text-align : center; border : 5px dashed #9Fb6b6;",
anchor: euDOWN,
offsetX: 0,
offsetY: 0
}
}), {
link: "http://www.google.ca"
});
Can you see anything on first glance?
|
|
|
|
|
Hi Jordan
Mmmm...
It seems that you don't have:
<script language="JavaScript1.3" src="eudock2.0/js/euDock.Label.js"></script>
In the header of your HTML page.
It is possible?
Every Feature is a separate object script.
Cheers...
Pier...
|
|
|
|
|
Pier,
Thank you so much for your quick response. I looked at it again with un-tired eyes this morning and realized that that was exactly the problem... my script path was incorrect. I was just about to post the answer but you beat me to it!
Thanks again for the great script. Keep up the great work.
|
|
|
|
|
Wooo!!!
Thanks!!!
|
|
|
|
|
Hi.
I love this effect.
Really impressive.
Somebody knows an implementation of this in windows forms (.net framework) ??
|
|
|
|
|
Hello there,
I could not find a sample on how to implement the new optional targets you were referring to.
Could you post a sample or just a snippett?
Thanks and great job!
|
|
|
|
|
|
it is so cute
i use u,r dock in my asp.net application,but i face problem when i want to generate a function for every click in the image button in the dock,when i use link to another page it work ,but when i call a function for the same page,it not work,and the dock disappear and give java script error.i use this code:
dock_5.addIcon(new Array({euImage:{image:"iconsEuDock/logup1.png"}}),
{mouseClick : function(x,y){alert("This is an Alert Window"););
this.mouseClick = function(x,y){
if (this.isAbsoluteInside(x,y)){
if (this.link)
{
if (this.target)
top.frames[this.target].location.href=this.link;
else
document.location.href=this.link;
}
else if (this.mouseInsideClick)
this.mouseInsideClick(x,y);
}
};
Ram Krishna Pattnayak
Software Developer(SDS)
Sun-Dew Solutions Pvt.Ltd
www.sundewsolutions.com
kolkata
|
|
|
|
|
Can you send me your sourcecode so can i test your script?
|
|
|
|
|
Hi, im using this exelent code, but on my page I need redirect to a espefic target , so there is my code to do this. Just edit EuDock.2.0.js on:
<br />
this.mouseClick = function(x,y){<br />
if (this.isAbsoluteInside(x,y)){<br />
if (this.link)<br />
document.location.href=this.link;<br />
else if (this.mouseInsideClick)<br />
this.mouseInsideClick(x,y); <br />
}<br />
};<br />
To:
<br />
this.mouseClick = function(x,y){<br />
if (this.isAbsoluteInside(x,y)){<br />
if (this.link)<br />
{<br />
if (this.target)<br />
top.frames[this.target].location.href=this.link;<br />
else<br />
document.location.href=this.link;<br />
}<br />
else if (this.mouseInsideClick)<br />
this.mouseInsideClick(x,y); <br />
}<br />
};<br />
And add the parameter on:
<br />
dock.addIcon <br />
(<br />
new Array <br />
(<br />
{euImage:{image:"icon.png"}},<br />
{euLabel:{<br />
object:{euImage:{image:"icon.png"}},<br />
txt :"Text",<br />
style :"",<br />
anchor:euLEFT,<br />
offsetX:0,<br />
offsetY:-60}}<br />
),<br />
{link:"http://www.google.com.mx", target: "MyFrame"}<br />
);<br />
And thats all.
See you.
MarioZaizar
|
|
|
|
|
Thanks a lot...
I'll do it as soon as possible...
|
|
|
|
|
As soon as I add labels nothing seems to appear. I cant work out whats wrong.
My code is below (there is stuff in the middle as well, this is just an excerpt from the header and footer):
<script
language="JavaScript1.3" src="images/dock/js/euDock.2.0.js"
="">
<script
language="JavaScript1.3" src="images/dock/js/euDock.Label.js">
euEnv.imageBasePath="js/";
var dock = new euDock();
dock.setObjectAlign('dock',euUP,-70,euHORIZONTAL);
dock.setBar({
left :{euImage:{image:"images/barImages/box_header.gif"}},
horizontal:{euImage:{image:"images/barImages/box_header.gif"}},
right :{euImage:{image:"images/barImages/box_header.gif"}},
});
dock.setIconsOffset(0);
dock.addIcon(new Array({euImage:{image:"images/dock/5g.png"}}),
{link:"
http://www.nzipodrepairs.com/index.php?cPath=25"});
dock.addIcon(new Array({euLabel:{
object : {euImage:{image:"images/dock/5g.png"}},
txt : "iPod Generation 5";
style : "text-align : center; border : 5px dashed #9Fb6b6;",
anchor : euDOWN,
offsetX : 0,
offsetY : -120}}
dock.addIcon(new Array({euImage:{image:"images/dock/4gp.png"}}),
{link:"http://www.nzipodrepairs.com/index.php?cPath=24"});
dock.addIcon(new Array({euImage:{image:"images/dock/4g.png"}}),
{link:"http://www.nzipodrepairs.com/index.php?cPath=23"});
dock.addIcon(new Array({euImage:{image:"images/dock/3g.png"}}),
{link:"http://www.nzipodrepairs.com/index.php?cPath=22"});
dock.addIcon(new Array({euImage:{image:"images/dock/1g2g.png"}}),
{link:"http://www.nzipodrepairs.com/index.php?cPath=21"});
dock.addIcon(new Array({euImage:{image:"images/dock/mini.png"}}),
{link:"http://www.nzipodrepairs.com/index.php?cPath=28"});
dock.addIcon(new Array({euImage:{image:"images/dock/nano2g.png"}}),
{link:"http://www.nzipodrepairs.com/index.php?cPath=27"});
dock.addIcon(new Array({euImage:{image:"images/dock/nano1g.png"}}),
{link:"http://www.nzipodrepairs.com/index.php?cPath=26"});
//You can define a zooming percentage function
// In this case i use a linear zooming algorithm
// f(x)=A*(x)+B*(1-x)
// x = variable between 0 - 1
// A = End Zooming Percentage
// B = Start Zooming Percentage
//
// return value can be arbitrary
// i.e. return 1 = the icon has original size
// return 2 = the icon has double size
// return 0.5 = the icon has half size
// return y = the icon has y*(original size)
//
function zoomingFunc(x){
return (0.6*x)+(.4*(1-x));
};
dock.setAllZoomFunc( zoomingFunc );
Best Regards,
Thomas
|
|
|
|
|
It seems that you don't have closed the parenthesis.
dock.addIcon(new Array({euImage:{image:"images/dock/5g.png"}}),
{link:"http://www.nzipodrepairs.com/index.php?cPath=25"});
dock.addIcon(new Array({euLabel:{
object : {euImage:{image:"images/dock/5g.png"}},
txt : "iPod Generation 5";
style : "text-align : center; border : 5px dashed #9Fb6b6;",
anchor : euDOWN,
offsetX : 0,
offsetY : -120}}),
{link:"http://www.nzipodrepairs.com/index.php?cPath=25"});
dock.addIcon(new Array({euImage:{image:"images/dock/4gp.png"}}),
{link:"http://www.nzipodrepairs.com/index.php?cPath=25"});
|
|
|
|
|
Ciao Pier!
I need to hide or delete some options in web sections, and I want to change the image of selected icon when I'm in a section. how can I do?
A easy solution is write a method to delete all icons a recreate with the element that I need and the image changed of the selected section. I try with this method, but not work:
this.deleteAllIcons = function(){
this.iconsArray.splice(0,this.iconsArray.length);
this.refreshDiv();
};
thanks!
|
|
|
|
|
|
Try this at the end of your Code:
//You can define a zooming percentage function
// In this case i use a linear zooming algorithm
// f(x)=A*(x)+B*(1-x)
// x = variable between 0 - 1
// A = End Zooming Percentage
// B = Start Zooming Percentage
//
// return value can be arbitrary
// i.e. return 1 = the icon has original size
// return 2 = the icon has double size
// return 0.5 = the icon has half size
// return y = the icon has y*(original size)
//
function zoomingFunc_for_ipodxtras_site(x){
return (2*x)+(1*(1-x));
};
dock.setAllZoomFunc( zoomingFunc_for_ipodxtras_site );
|
|
|
|
|
Pier,
Thanks so much! I have now completed the transition to euDock. You can see it in use at www.ipodxtras.com.
The code is very well done.
|
|
|
|
|
A little advice
You can increase performances with following code:
Your icons doesn't fading so, in IE you can use a blank object inside the label and force the background image to not disappear
For example i've modified last icon:
<br />
<tt><br />
dock.addIcon(new Array({euImage:{image:"images/ipoddock/ipod_1g_2g.png",<br />
PngObjIE : euImageNoFadingIE_PNG}},<br />
{euLabel:{<br />
object : {euBlank:{width:100,height:100}},<br />
txt : "<b><center>iPod 1G & 2G<center></b>",<br />
<br />
... BLA BLA BLA BLA ...<br />
<br />
anchor : euDOWN,<br />
offsetX : 0,<br />
offsetY : 5}}),<br />
{link:"... BLA BLA LINK BLA BLA ...",<br />
fadingType:euFIXED});<br />
</tt><br />
-- modified at 3:09 Thursday 21st September, 2006
|
|
|
|
|
Pier, I have a small request that can make your work even
more useful. Up to now, the icon/images are aligned say
horizontally and when the mouse hovers above them they are
zoomed but stay above the horizon.
Very good for an icon bar at the bottom of a screen.
What about zooming the images so that they are centered
vertically ? It's good for an icon bar anywhere on a
screen. Essentially its only an x offset for the images,
similar to the x offset for the **labels**. An y-offset would
be good for vertically aligned icon bars.
Maybe it's already implemented, but I don't know where to
look for (at this time). Many Thanks !
-- modified at 5:31 Wednesday 12th July, 2006
1° Currently the icon bar looks like this
=====o O O O o ====
Zoomed Images are always above the horizon
2° Requested icon bar
Zoomed images vertically centred over the bar
------o O O O o -----
Example of use: a 'small' image gallery, when there are several
bars of images.
I hope this is clear enough, I can't add a picture.
Ciao.
|
|
|
|
|
Ok... If I've understand, I will work on it.
Wait for the new release...
|
|
|
|
|
|
That's it, you did it, again !
Fantastic results ! Many Thanks
-- modified at 11:11 Wednesday 12th July, 2006
I notice that the CPU is regularly working, up to 50-60% for a Centrino 1.4GHz,
even when there is no mouse event, e.g. when the window is minimized.
This could be a problem when there are many such bars on the screen.
Is there a work around to reduce CPU consumption during inactive periods ?
|
|
|
|
|
MMMMM...
I've made many tests on it.
Without mouse events there are no threads running (in the alpha version)
But in new euDock 2.0 can be some errors.
I must test it.
If you see stress test alpha Page
http://eudock.jules.it/eudock2.0a/multiple.php[^]
On the top, There are 4 values:
If the first reach '0' there are no bar refresh (CPU will be a little free)
The last is a simple FPS meter
The other two are the mouse coords.
I must work on the Thread algorithm.
This can take some time.
-- modified at 12:56 Wednesday 12th July, 2006
|
|
|
|
|
I'm a bit busy in these days with my work.
Before next Monday i think no fix will be released.
But i've made some experiment.
The cpu usage (Without Events) increase with I-Explorer only.
With my configuration (Pavilion Turion 64), in the follow page:
http://eudock.jules.it/eudock2.0/Align.html[^]
I-E : cpu 30-35%
Firefox : cpu 0-3%
I must try with JPGs and GIFs images.
If I succeed to fix it, i'm sure that performances in IE will increase a lot.
|
|
|
|
|