|
|
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.
|
|
|
|
|
Hi there!
Any news about the CPU usage with IE?
I'm using IE6 on XP-SP2+recent patches.
|
|
|
|
|
........................................................
........................|----|..........................
..................|---|.|----|.|---|....................
.............|--|.|---|.|----|.|---|.|--|...............
=======[].[].|--|.|---|.|----|.|---|.|--|.[].[]========.
........................................................
........................................................
..................___..|----|..___......................
._._._._._._._._.|---|.|----|.|---|._._._._._._.........
.¯.¯.¯.¯.¯.¯.¯.¯.|---|.|----|.|---|.¯.¯.¯.¯.¯.¯.........
..................¯¯¯..|----|..¯¯¯......................
........................................................
;P;P AH Man... ;P;P
;P;P You have a lot to learn ;P;P
P.S.
!!!WOF!!!
I've modified this article 7 times to make right ascii euArt
When you finish your site, (if you want) can you send me the URL.
My idea is to include in my site a link to all euDock pages in the world.
Another idea is to make a thumbnail viewer with eudock Like engine.
-- modified at 6:42 Wednesday 12th July, 2006
|
|
|
|
|
Chapeau! Really Cool!
Really good work! Wow!
Is it possible to add a short caption/label to remind users of what
each menu option/button is meant to do ?
If the action is complex, the icon may be insufficient !
|
|
|
|
|
Label object is present in euDock 2.0, it is explained in the tutoral.
(You can see label object work on my site http://eudock.jules.it[^])
I hope you asked me that.
If there are other problems i'm here.
Thanks...
********************************************************************************
********************************************************************************
******"There is a brown airship without propeller and rudder inside me..."******
****************************************************************(Helium)********
********************************************************************************
|
|
|
|
|
Mille excuses...
Didn't read up to that far yet.
I must say again, it's really beautiful !
|
|
|
|
|
Thanks a lot!!!
|
|
|
|
|
Hi,
can you modify your code, so that we can give a parameter indicating that we want to open the link in the same or new IE window ( new firefox tab)?
TIA
|
|
|
|
|