Hyperlinks within a button / button within a rollover button?

Hi folks,
I'm quite the newbie here (print designer trying my hand at multimedia news projects), so I apologize in advance for sounding stupid a bit too often.
OK, so I'm working on a project, and it's going OK. What I want to do is for the user to rollover a button/object, and a little pop-up box will show up, and it will have some text/photos/... Pretty routine stuff. That I can accomplish without a problem...
Now, what I want to add in there is also a hyperlink that will open a Web page in a new window. And that's where I get stuck. It won't let me.
I assume it's because part of the rollover thing in the button symbol. That's how I'm doing it so far.
So, is there anything I can do going that route, or do I need to take another approach?
I'm thinking the other option would be to create a movie clip, which would hold the pop-up box and the photos and the like, then make a button within that which would hold the hyperlink. Then, I could create an object right on the timeline with a rollOver that would trigger the movie-clip instance.
Does that make any sense?
I'm using CS3, but I also have access to CS4 if needed.
Thanks in advance for your help!

Hi Ned,
Thanks for the reply. I think I know what you mean. So anything that's triggered with a button cannot have anything inside triggered again.
To put it pretty simply, this is what I have:
There's a fever chart, and there are several points that I would like highlighted along the way.
So, when I roll over, say, the highest point, a balloon of sorts would pop up. It would have some text and photos and whatnot, but it would also have hyperlinks.
So... What's the best way to approach it?
I'm thinking the balloon of sorts would be its own movie clip, and all the goodies would be inside of it.
Now, to trigger it, should there be an object converted to a symbol to trigger it? Then, should I do a on(rollOver) kind of thing? When I roll over it, it would play that instance.
Or, the other option would be to do a rollover that would go to a certain layer/frame and play that.
What do you think?
Again, I'm sorry about my ignorance.
Thanks!

Similar Messages

How can I center rollover buttons floating within the main frame?

This is actually for GoLive, but I hope someone can help!
My site used to auto-size and I just removed that annoying feature and used the Frame Inspector to Center the page.
This worked for the boxes contained within the frame but NOT for the floating rollover buttons which still align LEFT.
I'm sure there's a simple solution. Thanks for your help! J.

You're using Absolute Positioning which is well... absolute. By that I mean everything is positioned relative to the top left corner of browser viewport. By itself, APDivs can't be centered which is why you're having trouble. You would need to wrap your page content inside a CSS container that has relative positioning; a width in px, em or %; a margin-left and margin-right of auto (browser determined margins).
Try adding this to your CSS:
body {
position:relative;
width: 960px;/**adjust width as needed**/
margin:0 auto; /**centered in modern browsers**/
text-align: center /**centered in older browsers**/
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb
http://alt-web.blogspot.com

HT5654 Where is the Help button located within Itunes on a windows computer?

Where is the Help button located within Itunes on a windows computer?

It's in the top right corner of the app, like where you would see it in other apps.
You should able able to find the info your looking for here too.

Rollover Buttons

Hi, I'm trying to create a simple rollover button in flash 9
and its not working the way its supposed to. The button is a
hyperlink that when clicked takes the user to a web page. Getting
the link itself to work is easy. However getting the text to change
color when the user rolls the mouse over the button is another
story. I created my button with two layers: a text layer on top of
a white background layer. The first frame shows the hyperlink in
blue, the second frame is a keyframe with the text in red.
However, what actually happens when I test the movie is that
the text only changes color to red when the mouse is positioned on
the part of the white background that is NOT the text. So if a user
mouses over the text it doesn't change color. It only changes when
they mouse over the rest of the button area. I want it to change
color when they mouse over the text itself. Is there some special
way to make this happen?

No, it is not possible to make flash buttons or rollover images as you describe within iWeb directly. However you can edit the HTML files that iWeb generates to embed content like this from other sources. There is a general method of incorporating external HTML code that will allow you to do all of this. You can find out more about this in the following thread...
http://discussions.apple.com/thread.jspa?messageID=2446725&#2446725
Also, if you want to generate flash buttons automatically, here is a resource... http://www.flashbuttons.com/
And finally, regarding Flash content in general. It is possible to drag Flash content directly into iWeb as long as it is saved in Flash 5 format. Please note that in doing so, your flash content will be handled by QuickTime (that's why there is the Flash 5 requirement), which may or may not be acceptable to you.

Photoshop rollover buttons in iWeb

Hi all,
Has anybody produced a rollover button in Photoshop and then used the button and code in iWeb? If so, can you give me pointers where the code should go.
Thanks
G4 Dual 1.25 Mac OS X (10.4.4)

Yup, I have, but it is a right chore...and you need "iWeb Enhancer, which you can download here:
http://web.mac.com/cbrantly/iWeb/Software/iWeb%20Enhancer.html
(you can get a few free runs out of it before you have to pay)
Here is how to do it - this assumes that you know the relevant Java Script coding to enable the roll over.
1) Create your rollover and slices in P/Shop & Image Ready. Export the buttons as slices.
2) In iWeb, drag / use Insert Menu > Choose... and place your "up" i.e mouse-off button in the position that you want it to be. Repeat for all buttons. Ensure that you "send to front" the rollover images.
3) Add the hyperlink in the Inspector pane if you want one.
4) Get you roll over Java script ready in an external HTML editor. Make sure you use the same image names as the files that you added into iWeb.
5) In iWeb, on the page where you have the roll over, add a rounded box - size is not important. Make sure this has no colour fill and no border. Double click in this box and before you do anything else, type this, exactly as it appears here:

After that, cut and paste your roll over java script into the box (the script that would normally sit in the header of an html page.) Include all the beginning and end script tags.
Then send this box to the back.
6) Save and then choose "Export to Folder".
7) Once exported, run iWeb Enhancer and select relevant folder.
8) Once iWeb enhancer is finished, find the P/Shop image that is the "on" or mouse over image of your rollover. Place this in the "Images" folder within the folder that contains your published iWeb site.
9) Now open the html file of the page with the roll over. You will see a section beginning like this:
<--Begin Content added by iWeb Enhancer-->
After this you will find you Java script roll over code. Check that the details of the on and off images are correct in terms of exact name, file type and src. Ensure that the image src, links back to your "Images" file (this is where iWeb will have stored your "off rollover image and you places your "on" rollover images. If in doubt change all links to head back to the root so they all start lime this: "/Images/
continued in next post...

Rollover button css styled with php function: possible?

Hi,
I created a working rollover button css styled, with normal href links, using this html:
<a href="link"><click here>Text</a>
But I would like to know how I can create a "contact us" button with following php function included:
<?=createMailto('[email protected]')?>

Well, I wrote the button code as mentioned in my first post, but the button does not call the email php function. When I replace the link in a href="link" with the php function, I can't get it to work.
I have to use href to get the button to display, and to change state on hover; but I don't know how to get the php function to work. Using this function as a plain function call within a regular tag works.

Help converting AS2 rollover buttons to AS3

This is probably a really dumb question, but I'm very new to AS3 so please bear with me. I created some rollover buttons (movieclips) for a flash website in AS2 using the following code:
onClipEvent (enterFrame) {
    this.onRollOver = function() {
    this.gotoAndPlay(1);
onClipEvent (enterFrame) {
    this.onRollOut = function() {
    this.gotoAndStop(1);
on (release){
    getURL("index.html", "_parent");
Could anyone advise me on how to start converting this code into AS3? I know I have to use an EventListener but I don't really understand how it works.
Any assistance would be greatly appreciated!

I have changed my code to:
Link1.addEventListener(MouseEvent.MOUSE_OVER, onMouseOver);
Link1.addEventListener(MouseEvent.MOUSE_OUT, onMouseOut);
Link1.addEventListener(MouseEvent.CLICK, onClick);
function onMouseOver(e:MouseEvent):void {
        Link1.gotoAndPlay(1);
function onMouseOut(e:MouseEvent):void {
          Link1.gotoAndStop(1);
function onClick(e:MouseEvent):void {
        Link1.navigateToURL(new URLRequest("index.html"), "_parent");
But it still doesn't work very well. The animation for the rollover keeps playing over and over, ignoring the "stop" I have within the frame of the movieclip.
You can view my website at: http://www.halopantryandgrill.com/test/index.php to get an idea of how my rollovers worked before. This was done in AS2.
I can't seem to get the same effect to work in AS3

Animated gif on multiple rollover buttons ?

I want to use animated gifs as MouseOver in rollover buttons.
Somehow when I put this together the animation only works for the
first time I do the MouseOver. - the anim gifs are not looping I
want them to restart every time I have a MouseOut and MouseOver.
I get this to work if i dont put in preload images as default
but then I will have problems with delays instead. Do anyone know
how to solwe this problem in an easy simple to explane kind of way
Greetings from Sweden !

I want to use animated gifs as MouseOver in rollover buttons.
Somehow when I put this together the animation only works for the
first time I do the MouseOver. - the anim gifs are not looping I
want them to restart every time I have a MouseOut and MouseOver.
I get this to work if i dont put in preload images as default
but then I will have problems with delays instead. Do anyone know
how to solwe this problem in an easy simple to explane kind of way
Greetings from Sweden !

Interactive PDF: Rollover button state no longer working properly ???

Okay, what's going on with the Interactive PDFs lately?
Now all my rollover buttons no longer work properly. If I have a button that's simply a black arrow, and in the rollover state it's red.
No matter if I'm checking it out in the latest Acrobat Reader or Pro X, the rollover only works for a brief second..then reverts back to black - the original state.
This, combined with my latest problem with the show/hide button state, is really becoming a frustrating hassle:
http://forums.adobe.com/message/3933451#3933451
Any help would be appreciated.
I'm running 7.5.1.
Is this an Acrobat issue? The button function here seems to work in the InDesign preview mode.

Hhmmm...I'm actually having this problem even with Adobe Acrobat 9 Professional. Does this make sense?
Again, I'm creating the document in InDesign CS5 and then building the PDF with Adobe Acrobat 9 Professional, and the rollover effects don't work in Adobe Acrobat 9, Adobe Reader 9, and Adobe Reader 10.
I'm a bit new to this process of software not providing its basic touted functionality. Is this the kind of thing where support for this functionality will vary from product to product? I had the same issue with PDF Portfolio -- where all its functioanlity was not supported in Adobe Reader X. If so, perhaps I should simply stick with the classic features of PDFs. Or can I trust, reliability, that going forward, this rollover effect will be supported in all Adobe Reader versions? This is quite an important issue for me as I provide all the documentation for my employer, including customer facing documentation -- and I simply don't know. Any recommendations?

How do i send hyperlink to a text box within the same page

how do i send hyperlink to a text box within the same page on iweb

It's called an anchor. It's often discussed in this forum.
2 days ago : anchor
Here's a search of the past year : anchors

Hyperlink to a single worksheet within an Excel file

How do I create a hyperlink to a particular
worksheet within a mulit-worksheet Excel work book?

Add the excel sheet to your ftp then put a link like so
www.yourdomain.com/worksheetname.xls. If you excel file type is not
xls just put the correct file type. When they click on the link a
standard prompt should come up asking if they would like to
download the file.

Rollover buttons that play a movie clip.

Hello,
   I am new to Flash and I am trying to accomplish a simulation such as this example, http://www.its-about-time.com/investinesart/coalplantvirtualtour.swf. I have all of my movie clips done, but how do I tell a rollover button to play a specific movie clip? I also want to have all the movie clips to play simultaneously via a rollover button as shown in the example. I've attached a captured image of my timeline, if that helps. I've tried everything so far, but nothing is working! What is the simplest way of doing this?
I have this inside one of the movie clips (mc_2) in a seperate layer under - (actions)
RO_btn.onRollover = function(){
mc_2.play();
On the main timeline I have an actions layer with this:
stop();
Thinking that this may stop all of my movie clips but it doesn't.
Should I make an actions layer in each movie clip with this syntax huh? stop();?
I'm frustrated!!
Thanks, if you can help!
MG

Hi,
I have made something that you are looking for.
It will be of help to you.
basically you will have to create a few movie clips namely:
2 buttons: (name them a_btn, b_btn, c_btn, d_btn, e_btn)
3 movie clips (I am taking example image1_mc, image2_mc, image3_mc)
in each of these movieclips.place 2 frames and on second frame put your movieclip(one in one).on both the frames put stop()
now click on a_btn and write this script
on (rollOver) {
_root.image1_mc.gotoAndPlay(2);
_root.image2_mc.gotoAndPlay(2);
_root.image3_mc.gotoAndPlay(2);
on (rollOut) {
    _root.image1_mc.gotoAndPlay(1);
    _root.image2_mc.gotoAndPlay(1);
    _root.image3_mc.gotoAndPlay(1);
with this all 3 animations will work simultaneously. if you need to run any one of the movieclips at a time the you can address that mc in particular
.Say if you want only 1 mc to move at a time then put this on btn 2
on (rollOver) {
_root.image1_mc.gotoAndPlay(2);
on (rollOut) {
    _root.image1_mc.gotoAndPlay(1);
.Dont forget to give proper instance names to movieclips.(they are in properties panel.)
Cheers!

PSD Rollover Button with image in front stops button from changing state

I have a wide PSD button that changes state when rolled over. I would like to place a PNG image with transparency in some areas over the top of it so that the rollover button shows through the transparent areas of the PNG.
How can you get it to do the rollover effect when the user mouses over the bit of the button that the image is in front of? Is ther a way of making the PNG 'invisible' to the mouse?
I know I could redesign the button so that it includes the image but I'm trying to keep file sizes and load times to a minimum, I use this button a lot on my website with a different on each, and having that number of individual buttons would result in a bloated, slow-loading website.

Hi Abhishek
Thanks for your reply. I was able to achieve the effect I wanted by having the PNG and the PSD Button with the same link and then grouping them. This means I can mouse over the PNG and still get the PSD rollover effect, which is perfect.
However I also have another similar problem. I have some different PSD Rollover Buttons which have some text in front of them (basically it's the button label). On some of these buttons when you roll over the text it prevents the rollover state of the button, and on other buttons the rollover effect occurs as it should, and there doesn't appear to be any consistency about which does what. Grouping or ungrouping doesn't appear to make a difference. Can you help?

How to make edges of rollover button straight

I was using rollover pjc in my forms....
I am setting these properties of the buttons...
--> setting the 'label' property to [ROLLOVER]add
--> setting 'implementation class' property to
'oracle.forms.demos.enhancedItems.RolloverButton'
My rollover buttons are dislayed with rounded edges....
I want to make the edges of my rollover buttons
straight(like sqaure edges). please let me know how do i do that.
Thanks in advance

Judging by the source code of RolloverButton.java, it looks like that demo will always use rounded buttons.
If you want normal shaped buttons, then you should modify RolloverButton.java or create your own Java class based on it and change it. The change should be to not use setLeftmost(true) and setRightmost(true). By setting them to true you are telling the button to treat the button as if it's the leftmost or rightmost button, which will round that end (or both).
Regards,
Robin Zimmermann

How to insert HTML5 rollover buttons into Dreamweaver

i publish an HTML5 canvas out of Flash contaning a rollover button and now I want to insert it into my site in Dreamweaver, how do i do it?

Hi Ercolubus,
Are you looking for something like this?
http://forums.adobe.com/thread/1295208
Thanks,
Preran

Issues with rollover buttons in Indesign CS6

Hi, I was wondering if anyone can shed some light on a issue i'm currently having.
I've produced a interactive map in Indesign, with rollover buttons which triggers an animation - all the buttons and animations seem to be set up correctly and once I export as a SWF they seem to work fine initially, but after a couple of rollovers some of the buttons just stop working. If I refresh the page or reopen the swf file it then starts working again for a period, but again after a few successful rollovers some stop working again. I'm wondering if this is a bug of some sort? Ive also tested the .swf on a different machine and I experience the same issue.
Any help with this would be be much appreciated.

We might be able to help you but you'll have to drop the attitude. We're not Adobe here, but users like you.
You'll need to tell us exactly what you're doing and what's not working for you. By "rollovers," you could mean the change of appearance of a button. You could also be meaning what are sometimes called Show/Hide buttons where clicking a button causes another button to appear. Which is it?
And what kind of output are you attempting? Interactive PDF? SWF (Flash)? DPS?

Hyperlinks within a button / button within a rollover button?

Similar Messages

Maybe you are looking for