Sliding page interface - nav buttons

Hello, I am creating a site for a client that involves a
large movie clip with 9 different "pages" in a 3x3 grid. Each page
is the same size as ths stage, so only one can be seen at a time.
The use will click arrows to navigate up, down, left, or right, and
the pages will slide into view.
I have figured out how to have buttons that take the user to
specific pages, but haven't been able to figure out how to do arrow
buttons that will just move the move clip in one page increments,
relative to wherever it is.
A problem I can see already is that the user should never be
able to slide the movie clip totally off the stage. In other words,
when they are on any page except the middle, there will be an
outside edge, and they should not be able to navigate in the
direction of the edge.
I have attached a link to a rough sample .fla illustrating
what I'm trying to do:
http://www.sundancerdesign.com/flashex/ex4.zip
Thank you for any help or ideas!!

Little help?
Anyone? Beuller?
Pretty please?

Similar Messages

Top Nav buttons not working after publish, but works in app. WHY?

I have tried to find out why these buttons will not work after publishing. They work fine while in the iWeb app, but not when publishing. I do not have any objects near the top nav buttons. The first site went off without a hitch
<www.serenitycustompools.net> the second site began the problem with the last page, the nav buttons would not work. Now this 3rd site, none of the nav buttons at top will work after publish, but will work in app. Anyone else having the same probs? None of my pages have the same names or any punctuation marks, and they are simple one word named pages.
mini intel Mac OS X (10.4.9)

They all work for me, try clearing your browser cache or using another browser.

Adjusting position of nav buttons

I'm working on an intranet site in DW CS4. Some of the pages have nav buttons on the right-hand side of the page. I would like these buttons to always line up with the edge on the right, i.e., adjust position if the user is using a larger monitor to view the site. Any suggestions as to the best way to accomplish this?
Thanks.

With CSS:
#divName {
width: value in %;
text-align: right;
float: right;
For better answers to layout questions, we need to see your HTML and CSS code.
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb

Page nav buttons

Is it possible to simulate the page nav buttons that are on the viewer toolbar?I need to turn the toolbar off, but still want the page nav buttons available on the report.Thanks

Never mind I got it. Thanks

Sliding Flash Interface - Using Links from an XML file Problem

Hi All,
Working on a new site for the company i've recently started
working for... fairly new to flash but wanted to try this sliding
interface for the graphic banner at the top of the page...
have a look here at an early version of the site - sliding
graphic interface at the top with coloured rollover buttons (a lot
of work still to do! feel free to post constructive criticism)
(am I allowed to post links??)
here is the unfinished version with no links in the flash bit
http://www.westfieldhealth.com/website/index.asp
The Problem:
I am pulling in a 'heading' 'text' and 'image' into the
sliding graphic interface from the following xml file... (there are
4 different xml files for 4 different slides)
<?xml version="1.0" encoding="iso-8859-1"?>
<content>
<dialogue>
<heading>Interested in selling our health
plans?</heading>
<text>Click here to learn more...</text>
<img>home_window/intSmall.jpg</img>
</dialogue>
</content>
I want to add a link to the xml that would be specific to
each instance of the window...
eg
<link>contact-us/index.asp</link>
But my limited knowledge of flash means I have no idea how to
pull the link through from the xml file to use in the flash...
Perhaps I need link text to pull as well
eg
<link-text>click here to contact us</link-text>
Here is the function that pulls in the img, heading and txt
public function onComplete(event:Event):void {
var loader:URLLoader = event.target as URLLoader;
if (loader != null) {
externalXML = new XML(loader.data);
mover_mc.heading_txt.htmlText =
externalXML.dialogue[0].heading;
mover_mc.myText_txt.htmlText = externalXML.dialogue[0].text;
var url:URLRequest = new
URLRequest(externalXML.dialogue[0].img);
myLoader.load(url);
} else {
trace("loader is not a URLLoader!");
Can anyone help me on how to pull in the link from the xml
and use it to navigate to a different page on the site
Thanks very much
Hans
link to
my unfinished flash file...

What is the exact error you get (what db version also), could you post a simplified version of the SQL which fails also? I have splitter based maps that successfully read from file via the XMLType(bfilename....) style code and insert into multiple targets, I did this on 11g though.
Cheers
David

How to create new nav buttons in nav bar

I am trying to design a new site in iWeb. I want to add a row of navigation buttons to go to 8 different pages. All I have in the first page is a button called "welcome" and I cannot add anymore. It won't even let me select rollover colors or anything in that area.
I only have a single page so far. If I add new pages does it automatically create new buttons in the nav bar, and how can I name them?
Mike

I cannot add anymore
Yes you can. *New Page* from the file menu. Or *Add page* at the bottom left of the window.
If I add new pages does it automatically create new buttons in the nav bar,
Yes. (They're actually not buttons but textlinks)
and how can I name them?
By typing the characters of the pagename in the Sidebar on the left.
Tutorials : http://www.apple.com/findouthow/web/
Also note the word HELP in the menu bar at the top of the screen.

Help with nav buttons please

Hey there, i've recently been following a tutorial and I have come across a problem with the AS for the nav buttons, http://www.flash-game-design.com/flash-tutorials/basic-flash-website-tutorial-6.html, the tutorial says to write:
btnabout.onRelease = function(){
    content.gotoAndStop("about")
btnport.onRelease = function(){
    content.gotoAndPlay("port")
btncont.onRelease = function(){
    content.gotoAndStop("contact")
I have done this and it came with an error saying needs to be in handler, so i re-entered this:
btnabout.on(release) = function(){
    content.gotoAndStop("about")
btnport.on(release) = function(){
    content.gotoAndPlay("port")
btncont.on(release) = function(){
    content.gotoAndStop("contact")
This code then came back with a Expected a field name after '.' operator. btnabout.on(release) = function(){ can anyone please help me i'm starting to pull hairs out?!
Thanks
P.S it must be AS 2.0 as that is what my portfolio page uses.

The problem with the first attempt was not the code, but where you placed it. That code needs to be placed on the timelinein the same frame as where the buttons are (preferably in a separate 'actions' layer). This approach is the better approach than trying to place the code on the objects because it keeps all code in a single easy to find location... the timeline.
For the second attempt, assuming you were still trying to attach the code to the buttons, you should change the code to....
on(release) {
    content.gotoAndStop("about")
on(release){
    content.gotoAndPlay("port")
on(release){
    content.gotoAndStop("contact")
but.... each of those needs to be attached to the button associated with it and not grouped together. This is an older style of coding that is best avoided due to ending up with code hiding on objects.

Simple nav buttons not displaying correctly

When I add content to the page that expands the table, the
nav buttons on the left "spread out". This isn't happening in
Safari. Any help would be much appreciated. Here is the page I'm
working on:
http://www.csayersdesign.com/achieveIT/pages/company.htm

Curtis Sayers wrote:
> When I add content to the page that expands the table,
the nav buttons on the
> left "spread out". This isn't happening in Safari. Any
help would be much
> appreciated. Here is the page I'm working on:
>
http://www.csayersdesign.com/achieveIT/pages/company.htm
>
>
Problem is you're doing what a lot of beginners do, trying to
create a
page by using one single table and splitting the cells into
numerous
cells......that aint going to work as you have found out.
It doesn't help either that you are allowing Fireworks to
generate this
code. When you do that it normally produces fragile code that
the
browser tries its best to interpret and a lot of times fails
The design you're trying to produce is a fairly basic 2
column table
which you should ideally set up directly in Dreamweaver.
A sticking plaster option would be to remove all the elements
in your
navigation side bar and merge that column back into one
single cell. You
can do that by click-dragging in Dreamweaver then in the
properties
inspector where it says 'cell' in the bottom left corner
click the white
square icon which will merge all the cells into one.
The downside to this is that it may upset the fragile code
created by
Fireworks and throw your page into even more turmoil.
If it does work you then need to insert another table (a
nested table)
into the cell which you merged back into one. Then put your
navigation
buttons into it.
Tables that are independent of one another cannot interact
and so you
create a more stable environment for your design.

Nav buttons pixelated in IE-6/7/8?

Frustration... I got my simple little site where I want it - publish a test to Business Catalyst - it all looks great ... ON A MAC.
Then a client calls and asks why all the javascript states below top level are pixelated (he means aliased) - and he's looking on IE8.
Tried to get support to call me back - it's about 40 minutes...still waiting
I just want to Know if this is a qwerk of the Biz catalyst - or when my client posts it for real.
In which case I'll have to go somewhere else for Nav buttons!
Please help with wisdom if you can.

It would be helpful to have the URL of the page in question, or a screenshot of what's being seen in IE8.
Muse does not support IE6. (By most measures IE6 usage is below 1% of site visitors for most sites and IE7 usage is below 2%.)
Muse does support IE7 and IE8, but both have bugs that are very difficult to workaround that relate to transparent (PNG) images and applied transparency, transparency effects or animated transparency (fade in/out). (Note that for some effects applied in Muse, such as rounded corners, bevel, shadow or glow, Muse 1.x may generate a transparent PNG at output time in order to achieve that effect, so while you haven't explicitly imported a transparent PNG one may still be necessary to achieve your design on the web.)
Without seeing the problem web page, I'm stabbing in the dark a bit, but the first things I'd look for would be minor changes that might be made to the design to reduce the use of transparency and/or transparent images (esp. overlapping semi-transparent objects or non-100% opacity on anything with a fade in/out effect).
Another thing I'd try is publishing to a new trial site using Muse 2.0 Beta 2. We've made significant changes to how shadow and glow effects are exported that primarily improve page load performance on newer browsers, but in the process there were changes which may have improved the overlapping transparent PNGs and transparency effects bug workarounds for IE7 and IE8. (If you want to give Muse 2.0 Beta 2 a try, you can update by joining the Muse Beta program via the "Help Improve Adobe Muse" menu item in the "Help" menu. You can then revert back to Muse 1.1 by unchecking the checkbox in the same dialog. Note that you'll want to be sure to save your .muse file from Muse 2.0 Beta 2 to a new file name and not overwrite your Muse 1.x file, so you have your original 1.1 .muse file should you need to revert to Muse 1.1. The release notes for Muse 2.0 are here.)

Sliding pages

I would like to create dynamic sliding pages for my web page.
I have 4 Buttons... Home, Services, Contacts, and About Us
what i would like to do, is have dynamic information for each
of these pages slide in and out of the flash window. For Example
On click event of t he Home Button, the text and graphics for
the Home Page slide in from right to left, settling in the center
of the page. Then on click even of Contacts, iwould like the Home
Page Slide to slide from right to left OUT OF the page, and have
the Contacts page slide in.
here is an example of what im talking about:
http://www.templatemonster.com/flash-templates/12211.html
Any help would be appreicated. Thanks

Hello,
The only one I know is this one but you have to pay for it
sorry, watch the video it might give you some ideas,
http://tutorials.learnflash.com/videos/website_preview.html

IE 7 Not Adding Padding at Bottom of LIs as Nav Buttons

At
the test
page, I want a 1 pixel border on the bottom and right of nav
buttons (made from li elements). Works in some browsers, but not
IE7. I added bottom padding to the <a> elements, but IE 7
neither applies the padding nor the border.

Make the <a> display:block and it should - you may also
need to give that
<a> tag layout (I use zoom:100% to do this).
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.dreamweavermx-templates.com
- Template Triage!
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
http://www.macromedia.com/support/search/
- Macromedia (MM) Technotes
==================
"pcthiker" <[email protected]> wrote in
message
news:fcetjk$mro$[email protected]..
> At
http://persuasiongraphics.com/vertical_home.html,
I want a 1 pixel
> border on
> the bottom and right of nav buttons (made from li
elements). Works in some
> browsers, but not IE7. I added bottom padding to the
<a> elements, but IE
> 7
> neither applies the padding nor the border.
>

Weird iWeb problem with nav buttons....

Hi all. New to this and a complete idiot. The club which I am the Prez of needed a web site, and as no one else volunteered, I ended up doing it. Everything seemed to go fine for a while until I started modifying the original site....then I started getting weird things happening. Many of them I have figured out but the last one is beyond me. The problem is with the text in the nav buttons at the top of the pages. On the first page all the navigational buttons are fine, but on all the other pages the button that takes you back to the home page has text I never put in, and it does not appear in it's entirety. Can anyone provide any help as to how I can fix this. The URL is:
www.nocasa-ft.com

Indeed, the problem is with the cache. I cleared the cache and all now comes up as it is supposed to. Thanks so much for your suggestion. I was rather disappointed because it seemed the problem was with Safari, and I kind of like that browser. I didn't want to have to use something else.
Thanks again.

Nav Buttons

On my work page the nav bar looks perfect. when i view in
safari or netscape, the nav bar buttons have small spaces between
them. Anybody know why?
thanks.

This is a semester course so I couldn't post a link since my
files are not online. But I did figure out that there were extra
spaces inbetween there.
I wanted to thank you for helping me and sorry I took so long
to respond.

Making nav buttons "STOP" ...

Hi. I have a question about a couple of things with AS3. And,
I am really excited about my energy towards wrapping up my first
Flash CS3 site.
First off, is it possible to make nav buttons stop a Flash
video from playing (without pressing stop directly from the
component). I've made numerous attempts, but I have decided to just
start from scratch. If so, how is it done?
All the AS3 I have done has most been on the top layers of
the main timelines. I get a little confused about public and
private and sprite, but I do know how to paste that content into a
.AS class file and test it.
What is a Sprite? Is it difficult to learn and use
comfortably? Can I use it with the actionscript on the top layer of
the timeline. I just made a scrolling thumbnail panel. But, now I
am thinking about turning it into a photo gallery, so I can display
larger images.
Jntspecialty

I see the flvplayback class in the help files, with all the
methods and properties listed in one spot. I even tested the
example code and got it to work.
So, for me, 1st develop the .swf file with the nav buttons
and be sure to include
" import fl.video.FLVPlayback;
trace(FLVPlayback.VERSION);"
on that page. Right?
2nd- Then, make a page called "PressToPlayVideoPage.swf" and
"ThePageWithTheFlvComponent.swf", and on this page drag the flv
component, set the parameters to a flv named "anything.flv" and
give it an instance name of "MyVideoWhichWillBeStopped".
*Basically, the page that is accessed from the nav bar will
have a button to load the page with the flv component
/"MyVideoWhichWillBeStopped". Okay?
3rd - Do what ??? To make the two "nav buttons" (which are in
a different file) stop the the video from playing, even once
unloaded or on the bottom stack, from that point on.

Nav buttons + borders + hover

How do I get the 2 px border I have around my navigation
buttons to change color on mouse over? On the site I'm building I
have a hover set for links, but this doesn't do it. I somehow
managed to get the border to hover on the nav buttons on 1 of my
pages but I'm not sure how. Help?

Need a link to see what you've tried so far....
I should image that changing the color of the border on hover
should work
though unless there is a conflicting style.
Nadia
Adobe� Community Expert : Dreamweaver
http://www.csstemplates.com.au
- CSS Templates | Free Templates
http://www.DreamweaverResources.com
- Dropdown Menu Templates|Tutorials
http://www.macromedia.com/devnet/dreamweaver/css.html
- CSS Tutorials
"drewspuppet" <[email protected]> wrote in
message
news:e3akcm$108$[email protected]..
> How do I get the 2 px border I have around my navigation
buttons to change
> color on mouse over? On the site I'm building I have a
hover set for
> links,
> but this doesn't do it. I somehow managed to get the
border to hover on
> the
> nav buttons on 1 of my pages but I'm not sure how. Help?
>

Sliding page interface - nav buttons

Similar Messages

Maybe you are looking for