euDock 2.0.06 JScript Emulation of Dock style MAC OS X bar

1:34 29 Sep '09

Hi It would be nice if you could do some tests to check compatibility with IE8. Best regards
Sign In·View Thread·PermaLink

3:28 1 Oct '09

Mmmmm... Currently I've only Linux machines available. I'm sorry.
Sign In·View Thread·PermaLink

5:45 7 Oct '09

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

23:48 7 Oct '09

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

Changing menu without postback

2:26 8 Oct '09

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

Re: Changing menu without postback

3:54 31 Oct '08

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

Re: Changing menu without postback

6:40 31 Oct '08

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

23:34 2 Nov '08

Ok, Thanks... If You find other problems you can e-mail me to: eudock@libero.it
Sign In·View Thread·PermaLink

Trouble using labels

Jordan Van Schyndel

11:41 21 Jul '08

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://127.0.0.1:8000/window/eudock2.0/js/euDock.2.0.js
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?

Re: Trouble using labels

3:13 22 Jul '08

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

Re: Trouble using labels

Jordan Van Schyndel

4:26 22 Jul '08

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

Re: Trouble using labels

This is possible in Windows Forms .net ?

4:56 22 Jul '08

Wooo!!! Thanks!!!
Sign In·View Thread·PermaLink

joaoalbertofn

5:25 10 Oct '07

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)

New Link Target in version 2.0.0.6

Mynetguy

9:40 20 Jun '07

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

Re: New Link Target in version 2.0.0.6

in asp.net how i generate clik event for enery image in the dock

12:13 20 Jun '07

Try This. http://eudock.jules.it/eudock2.0/index_frames.html[^] You can also specify an unknown Frame; In this case another browse window is opened... Regards...
Sign In·View Thread·PermaLink

ram krishna pattnayak

5:24 6 Jun '07

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") Wink

;

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

Re: in asp.net how i generate clik event for enery image in the dock

Add target element to clicks to work on frames.

12:20 19 Jun '07

Can you send me your sourcecode so can i test your script?
Sign In·View Thread·PermaLink

Mario Zaizar

16:55 27 Feb '07

Hi, im using this exelent code, but on my page I need redirect to a espefic target Confused

, 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.
Poke tongue

MarioZaizar

Re: Add target element to clicks to work on frames.

Re: Not working - Labels?

22:14 27 Feb '07

Thanks a lot... I'll do it as soon as possible...
Sign In·View Thread·PermaLink

Not working - Labels?

vectran

20:05 2 Feb '07

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

Delete a Icon and replace image of selected icon

0:45 3 Feb '07

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"});

jllopezm

23:58 24 Nov '06

Ciao Pier! Smile

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!

larger initial start size

heyitssteve

17:03 19 Sep '06

Hello,

I discovered your awesome script a few days ago and have been working to integrate it into my website. I currently have it set up on only one page: http://www.ipodxtras.com/advanced_search_result.php?keywords=Compatibility%3A-%3A%20images/ipod_5g.jpg&search_in_description=0[^].

The issue I am having, is that I want to icons to start off a bit bigger but then still zoom to the same size. When you view the page you will see what I mean. Is there a quick hack I can do to solve this or have I missed a pre-existing funciton that already does this?

Thanks,

Steve

Re: larger initial start size