Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people, just like you, are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
Solved

integrating flash based navigation bar on dreamweaver

Posted on 2009-07-03
6
484 Views
Last Modified: 2013-11-11
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
0
Comment
Question by:ocamporuss
  • 2
  • 2
  • 2
6 Comments
 
LVL 18

Expert Comment

by:Graphixer
ID: 24774749
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
 
LVL 30

Expert Comment

by:IanTh
ID: 24776645
have you thought about using a ajax/spry menu as its and it can be done by using the javascript css
0
 

Author Comment

by:ocamporuss
ID: 24783440
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
Free Tool: ZipGrep

ZipGrep is a utility that can list and search zip (.war, .ear, .jar, etc) archives for text patterns, without the need to extract the archive's contents.

One of a set of tools we're offering as a way to say thank you for being a part of the community.

 
LVL 30

Assisted Solution

by:IanTh
IanTh earned 100 total points
ID: 24784222
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
 
LVL 18

Accepted Solution

by:
Graphixer earned 400 total points
ID: 24787929
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
 

Author Closing Comment

by:ocamporuss
ID: 31599509
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

Featured Post

Free Tool: ZipGrep

ZipGrep is a utility that can list and search zip (.war, .ear, .jar, etc) archives for text patterns, without the need to extract the archive's contents.

One of a set of tools we're offering as a way to say thank you for being a part of the community.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

Title # Comments Views Activity
How  to reduce the .AVI file size of 90GB 4 357
CF Buider 2 connect to remote server 6 81
blocked plugin flash 5 121
Opening .cgi Files in DreawWeaver cc 2015 6 126
There are times in your Flash CS4 application when you want more than a simple pointer or a hand, and it's hard to find an ideal walk-through to tell you what to do.  I spent a few days recently learning my way around making custom cursors in Flash,…
I have been doing hardcore actionscripting for some time; and needless to say I have faced a lot of problems in just understanding others' code rather than understanding what the code executes. A programmer's life can become hell when there are a lo…
In this tutorial viewers will learn how to create a basic shape tween animation in Flash including shape hints for smooth animation Open a new document in Flash: Draw a shape: Select another frame (how long you want the tween to be): Right click and…
The goal of the tutorial is to teach the user how to select the video input device. Make sure you have an input device that in connected and work and recognized by Adobe Flash Media Live Encoder and select it in the “video input” menu.

829 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question