|
Hi
I made tests on different machines and in one of them I got no problems.
Among the problems detected (there are no errors from the browser), when we hover the mouse in the menu the CPU goes to 80-90% and it's slow to react.
Then I realize that this was a security problem on IE8.
If I define my site as safe, everything works like it should be.
If anyone complains about IE8, this could be the answer.
Thanks again
|
|
|
|
|
Hello, I also got into some trouble with IE8. I figured out when there is a DoctypeDeclaration like
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
IE 8 only shows the hover image but not the initial one.
It only works in Quirksmode, but for cross-browser-compatibility of some other components i need to use strict/standard mode.
Is there any workaround?
Riepi
|
|
|
|
|
Unfortunately I don't touch javascript/HTML code since 2007 and I don't know Quirksmode or similar. I've also problems to debug it under windows/IE8.
So, currently there are no workarounds available.
I'm Sorry...
|
|
|
|
|
|
Hi Pier
Finally I find you in the Web. First of all, very nice work, it's just 'fantastico'.
I'm using eudock has the main menu to my page asp.net application, however depending on login I want to change menu icons according to the user (change icons, or just disabling the ones I don't need). I think this should be possible using postback but I would like to do it without postback in my page.
I've been using your script like this:
var dock = new euDock();
var ic_fichas;
var ic_relatorios;
var ic_prevencao;
var ic_login;
// I call this function in Body onLoad event
// Args has a list of icons I want to show
function eudock_load(args) {
...
// I check every icon according to my list
if (check_icon(args,"login") == true) {
// I add menu icon
ic_login = dock.addIcon( ...
}
if (check_icon(args,"fichas") == true) {
// I add menu icon
ic_fichas = dock.addIcon( ...
}
if (check_icon(args,"relatorios") == true) {
// I add menu icon
ic_relatorios = dock.addIcon( ...
}
...
}
// This works ok, but if I try to delete an icon, I got an error
function test_delete_icon() {
dock.delIcon(ic_login);
// Error says: 'dock' is a null or not an object
}
Can you tell me the best way to this without using postbacks to change Eudock menu.
Best regards
Quim
|
|
|
|
|
Hi Pier.
Some times we only find a solution afer we post the problem.
It's working already, for same how I got a problem with Ajax that's solved already.
I'm deleting all icons and create new ones without any problem.
Best regards
Quim
|
|
|
|
|
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
|
|
|
|
|