integrating flash based navigation bar on dreamweaver

Hi all,

Newbie flash user here :)

I am creating a website and have decided to create my navigation bar using adobe flash cs4. In doing so, i opted to use movie clips so i can animate the buttons during mouse events, and not the typical on-off states when using the button symbol (much like when using fireworks).

To animate the buttons on mouse rollover and rollout, I used the AS 2.0 code as follows.

First off, how will I be able to integrate my flash navigation bar onto dreamweaver cs4 so it will link to the appropriate pages on my site? And as a side question, is there a way for me to achieve smooth animation (like tweens on movie clips) while using the button symbol?

Thanks!

Note: i have attached the flash movie if you would want to see the effect i am after. and since ee does not have the ability to upload .fla files, i changed the extension to .png. Just revert the extension to .fla or .swf to view the movie
b1.onRollOver = over;
b1.onRollOut = out;
b1.btntext.text = "Homepage";
 
b2.onRollOver = over;
b2.onRollOut = out;
b2.btntext.text = "Services";
 
b3.onRollOver = over;
b3.onRollOut = out;
b3.btntext.text = "Company";
 
b4.onRollOver = over;
b4.onRollOut = out;
b4.btntext.text = "Contact Us";
 
b5.onRollOver = over;
b5.onRollOut = out;
b5.btntext.text = "News";
 
function over(){
	this.gotoAndPlay(2);
}
function out(){
	this.gotoAndPlay(11);
}

Open in new window

navbar.png
ocamporussAsked:
Who is Participating?
I wear a lot of hats...

"The solutions and answers provided on Experts Exchange have been extremely helpful to me over the last few years. I wear a lot of hats - Developer, Database Administrator, Help Desk, etc., so I know a lot of things but not a lot about one thing. Experts Exchange gives me answers from people who do know a lot about one thing, in a easy to use platform." -Todd S.

Jason ThompsonSenior UX DesignerCommented:
I'd probably do something like this:

b1.onRelease = function() {
        getURL("/");
}
 b2.onRelease = function() {
        getURL("/services/");
}

...etc, etc.

This should work on buttons and movie clips (but not graphics).  Let me know if that doesn't work, or if you had something else in mind.



0
IanThCommented:
have you thought about using a ajax/spry menu as its and it can be done by using the javascript css
0
ocamporussAuthor Commented:
Thanks for the replies!

IanTh, thanks for the input but I have not used ajax/spry nor javascript before.. its only been a few weeks since i first opened dreamweaver and flash :) if you could help me do achieve my nav bar goal easier with those you mentioned, it would really be appreciated :)

Graphixer, I was able to use the code you provided, thank you very much. But I can't seem to find a way to integrate my flash file onto my dreamweaver file (unlike with a fireworks file, i can use the Insert >> Image objects >> fireworks html).

Any ideas? Thanks! :)
0
Determine the Perfect Price for Your IT Services

Do you wonder if your IT business is truly profitable or if you should raise your prices? Learn how to calculate your overhead burden with our free interactive tool and use it to determine the right price for your IT services. Download your free eBook now!

IanThCommented:
have a look at my last web design and look ate the menu
http://www.up2youmobiles.co.uk/

the code for that is
<div id="menu">
      <ul id="MenuBar1" class="MenuBarHorizontal">
        <li><a href="../index.html">Home</a></li>
        <li><a href="../contactus.html">Contact Us</a></li>
        <li><a href="../phonerepair.html">Phone Repair</a></li>
        <li><a href="../phoneunlock.html">Phone Unlock</a></li>
      </ul>

but its really simple you just create a div for the menu I would do that in a template ( thats why they are ../ because its a template )as its not going to change really between pages then insert spry menu bar and say horizontal then in the properties panel for that spry widget or in code view you can change it to whatever you need
0
Jason ThompsonSenior UX DesignerCommented:
ocamporuss, can I make the assumption that you're publishing to SWF before trying to bring it in to Dreamweaver, and not just trying to import the FLA?  

Importing an SWF into Dreamweaver should be just as easy as it is to import an image (see image below).  If all else fails, you could always try dragging-and-dropping the SWF file into the Dreamweaver layout.

dw-swf.gif
0

Experts Exchange Solution brought to you by

Your issues matter to us.

Facing a tech roadblock? Get the help and guidance you need from experienced professionals who care. Ask your question anytime, anywhere, with no hassle.

Start your 7-day free trial
ocamporussAuthor Commented:
Hi guys, thanks for all the help!

IanTh, thanks for the input, but i was not able to get the effects i got while using flash. i will try to study sprys/ajax on a later date, just have to finish my current project.

And to Graphixer, thanks a lot for your input! i was able to do what i wanted to with your help \m/ :D
0
It's more than this solution.Get answers and train to solve all your tech problems - anytime, anywhere.Try it for free Edge Out The Competitionfor your dream job with proven skills and certifications.Get started today Stand Outas the employee with proven skills.Start learning today for free Move Your Career Forwardwith certification training in the latest technologies.Start your trial today
Adobe Flash

From novice to tech pro — start learning today.