All files (1796) 3 Dimensional (89) ActionScript (110) Animations (194) Banner Rotators (17) Bitmap Manipulation (19) Buttons (72) Clocks and Date (31) Contact Forms (17) Fractals (30) Games (109) Image Effects (98) Intros (8) Learning (10) Logos and Banners (33) Media Players (31) Menus (213) Misc (108) Mobile Devices Content (12) News Readers (7) Particle Effects (95) Photo Galleries (139) Physics and Motion (38) Preloaders (45) Simulations (18) Templates (37) Text Effects (55) User Interface (102) Web Apps and Data (59)

Here's an updated version of my previous XML Floating Icons menu. I have tried to fixed all the bugs :)
Features of V2.0
=============
1. Add as many PNG icons as you wish with XML
2. You can use icons of any size 16, 24, 32, 64, 18, 256 or anything else
3. The icons will be stacked row-wise automatically
4. A special glow effect ;)
5. Icons don't jump up-n-down
To make links
===========
1. In the XML file add an attribute say "action" to each icon something like this:
<icon image="i01.png" tooltip="Sim card" content="" action="http://www.yoursite.com/" />
2. Then in the flash file, add this line in frame 1
t.tooltip = attr.tooltip;
t.content = attr.content;
t.action = attr.action; //<< this line
3. Add this function to the mc.item frame 1
item.onRelease = function() {
getURL(action, "_blank" );
}
That should do it, if you wish you can also make flash call functions instead of the getURL() you can do so by replacing the "action" value by the function name and replace getURL() by eval(action). You will have to write the corresponding functions for it to work though.
Hope you like this, and if you use it then please credit me :)
Cya!

This appears to be a flash file, you cannot see a preview because flash player is no longer supoorted in browsers, but you can still download the file to study it's source code.
You can open/play the swf file with Flash Player exe

artrulesmywo.. (7)

XML Floating Icons V2.0

Download (113.52 KB)

Comments

You need to login to post a comment.

TWENTY4pack 14 years ago

I added the code in, and when I click on the icons, the URL it loads is .../undefined

Any help with this?!

sanjum 14 years ago

Hi is there any way of displaying the 'tooltip' text below icons on loading instead of onMouseover event.

shijo 15 years ago

woow good work !!
all parts working fine ( very easy to editing :) )
thank you GANESH

othelo 15 years ago

The links are working but the floating icons no longer float.
can anyone help me???

sanjum 15 years ago

Hi, is there any way of displaying the text permanently below the icons rather than only showing up on mouseover? I tried to changes in the actionscript but does not work for me.

tchase 15 years ago

Hello,

Great file! I am having difficulty with the links. I have placed all code where author said it should be but they still are not working for me.

I have also read through the post and tried user adrianTNT suggestions. The links are working but the floating icons no longer float. Did anyone else run into this issue. I am a designer so I struggle some with the scripting. Thanks for any help at all!

sleepdragon 15 years ago

Beautiful

jrgiblette 15 years ago

Nevermind...I always forget to check the author's descriptions. ;) Great File and helpful description artrulesmyworld!!

jrgiblette 15 years ago

Can someone please let us all know how to properly add links to the icons? Thanks!

delwad 15 years ago

Hello again,

Never mind. Found my AS error. t.action in wrong location. Works now...

john

delwad 15 years ago

Hi,

This is great but I cannot get the "getURL" function to work. (I'm not a coder...i'm a designer)

I loaded the AS just as you said and have tried many times with many tweaks.
Thanks,

John

Bolek_ 15 years ago

Great work artrulesmyworld.
Is any online step-by-step tutorial for this excellent work in order to understand it perfectly?
Thank you.

ypos23 16 years ago

fine work

rassar 16 years ago

but when you click and drag, it doesn't bounce back!

ed_slow 16 years ago

greaat job..!!!!!!!!

axelman 16 years ago

Excellent!!!

picassoo 16 years ago

nice 10/10

sanjum 16 years ago

Hi eltoonio, did you manage to get this working with links. I have the same problem when I add this code. Your help will be appreciated. Thanks

rusitajlo 16 years ago

cool

Rasamaha 16 years ago

Wow!!! It's cool ma...))

eltoonio 16 years ago

Thank you for your quick reply, it works great. The only problem now is that the rollover and rollout function doesn't work anymore. But I'll try to figure it out. thanks again

adrianTNT (admin) 16 years ago

in first sample I sent it needed that code upper in the main code, anyway, here is by XML, add this right after _root.attachMovie("mc.item...

_root['item'+i].link = xml.firstChild.childNodes[i].attributes. link;
_root['item'+i].onRelease = function() {
getURL(this.link);
};

And in XML file inside the XML lines add an attribute called "link", for example:

image="i01.png" tooltip="Sim" content="sim card" link="http://ffiles.com"

I saw now that Artrulesmyworld also had some details about opening an URL in his description.

eltoonio 16 years ago

Thank you for your reply but it doesn't seem to work. I also would like to command the links trough the xml file, but I'm not very experienced.

adrianTNT (admin) 16 years ago

@Eltoonio: I think it goes like this: after the long code in the file add this:

item1.onRelease = function(){
getURL("http://www.ffiles.com");
}
// Then second one is item2, item3, etc.

eltoonio 16 years ago

Really a very nice effect. Is there a way to add links to each icon?

narendraviju 16 years ago

too good

dFever 16 years ago

great, love the concept. you could do a better job about the reflections :D

Katafraktos 16 years ago

thank you for this amazing flash file, but how can i make any button
do something.. like go to a frame? thank you!

hinch 17 years ago

This is great, It's also a good way to learn about XML in Flash. Thanks!

adrianTNT (admin) 17 years ago

The file has icons as transparent PNG files, these icons will look nice on any background.