 |
|
|
 |
|
|
 |
|
 |
Hi
To bad, I'm getting some problems with IE8. I'm using two pictures, one for static and the other one for hover effect when passing the mouse. In IE8 the picture for static don't appears. It would be nice if you could get a Virtual Machine with Windows.
Regards
|
| Sign In·View Thread·PermaLink | |
|
|
|
 |
|
 |
I've tried at last with an IE8 installation. http://eudock.jules.it Works perfectly. It has anyway static images (I.E. the icon with GNU).
Have you tried it?
Have you tried Your site with another Browser?
If it not works, try to send me your sources or a Link to your site.
|
| Sign In·View Thread·PermaLink | |
|
|
|
 |
|
 |
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
|
| Sign In·View Thread·PermaLink | |
|
|
|
 |
|
 |
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:
<script type="text/javascript" language="javascript"> 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 } </script>
Can you tell me the best way to this without using postbacks to change Eudock menu.
Best regards Quim
|
| Sign In·View Thread·PermaLink | |
|
|
|
 |
|
 |
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
|
| Sign In·View Thread·PermaLink | |
|
|
|
 |
|
|
 |
|
 |
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 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?
|
| Sign In·View Thread·PermaLink | |
|
|
|
 |
|
 |
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...
|
| Sign In·View Thread·PermaLink | |
|
|
|
 |
|
 |
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.
|
| Sign In·View Thread·PermaLink | |
|
|
|
 |
|
|
 |
|
 |
Hi. I love this effect. Really impressive.
Somebody knows an implementation of this in windows forms (.net framework) ??
|
| Sign In·View Thread·PermaLink | 1.00/5 (1 vote) |
|
|
|
 |
|
 |
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!
|
| Sign In·View Thread·PermaLink | |
|
|
|
 |
|
|
 |
|
 |
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
|
| Sign In·View Thread·PermaLink | |
|
|
|
 |
|
|
 |
|
 |
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:
this.mouseClick = function(x,y){ if (this.isAbsoluteInside(x,y)){ if (this.link) document.location.href=this.link; else if (this.mouseInsideClick) this.mouseInsideClick(x,y); } };
To:
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); } };
And add the parameter on:
dock.addIcon ( new Array ( {euImage:{image:"icon.png"}}, {euLabel:{ object:{euImage:{image:"icon.png"}}, txt :"Text", style :"", anchor:euLEFT, offsetX:0, offsetY:-60}} ), {link:"http://www.google.com.mx", target: "MyFrame"} );
And thats all. See you.

MarioZaizar
|
| Sign In·View Thread·PermaLink | |
|
|
|
 |
|
|
 |
|
 |
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):
<HEAD> <script language="JavaScript1.3" src="images/dock/js/euDock.2.0.js" ></script> <script language="JavaScript1.3" src="images/dock/js/euDock.Image.js"></script>
<script language="JavaScript1.3" src="images/dock/js/euDock.Label.js"> script> <script language="JavaScript1.3" src= "images/dock/js/euDock.Blank.js"></script> <script language= "JavaScript1.3" src="images/dock/js/euDock.Ghost.js"></script>
HEAD>
<script> 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 ); </script>
Best Regards, Thomas
|
| Sign In·View Thread·PermaLink | |
|
|
|
 |
|
 |
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"});
|
| Sign In·View Thread·PermaLink | |
|
|
|
 |
|
 |
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!
|
| Sign In·View Thread·PermaLink | |
|
|
|
 |
|
|
 |
|
 |
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 );
|
| Sign In·View Thread·PermaLink | 5.00/5 (1 vote) |
|
|
|
 |
|
|
 |