 |
|
|
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://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?
|
| 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 ,
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) |
|
|
|
|
|
|
|
|
|
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:
dock.addIcon(new Array({euImage:{image:"images/ipoddock/ipod_1g_2g.png",
PngObjIE : euImageNoFadingIE_PNG}},
{euLabel:{
object : {euBlank:{width:100,height:100}},
txt : "<b><center>iPod 1G & 2G<center></b>",
... BLA BLA BLA BLA ...
anchor : euDOWN,
offsetX : 0,
offsetY : 5}}),
{link:"... BLA BLA LINK BLA BLA ...",
fadingType:euFIXED});
-- modified at 3:09 Thursday 21st September, 2006
|
| Sign In·View Thread·PermaLink | |
|
|
|
|
|
|
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.
|
| Sign In·View Thread·PermaLink | |
|
|
|
|
|
|
|
|
|
|
|
|
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 ?
|
| Sign In·View Thread·PermaLink | |
|
|
|
|
General 
News 
Question 
Answer 
Joke 
Rant 
Admin 
