Flash-style Scrollbars
Can someone please explain how to implement scrollbars in Flash? I found tutorials about scrolling text by clicking up or down buttons but I don't know how to scroll text using draggable Flash-style scrollbars. Any simple solutions to this? I'm using Flash 5
FlashKit > Flash Help > Flash General Help
Posted on: 06-13-2004, 06:42 PM
View Complete Forum Thread with Replies
See Related Forum Messages: Follow the Links Below to View Complete Thread
OSX Style Scrollbars?
Hi,
Does anyone have or know where to find Mac OSX style scrollbars for flash? I need an aqua style scrollbar for a project i'm working on.
Any help would be great!
Steven.
Javascript - How To Change Scrollbars Into Image Scrollbars
Hello. How do you change the html scrollbar (the one that you see in the far right of your browser) with your own images? I know it's possible because i've seen it before. Thanks.
P.S.: I am aware of and I know how to change the color of the scrollbar. That is not what's expected. Also i think it's made possible by Javascript.
Flash 5 Pop-up WITH Scrollbars?
Ok, so I got the Flash 5 code for a predefined pop-up window!
on (release) {
getURL ("javascript:window.open('http://www.yourwebpage.co.uk/yourpage.htm','','width=300,height=300,top=0,left= 0'); void(0);");
}
Problem is, I need the code altered for a window WITH scrollbars! Any ideas?
Scrollbars In Flash 5.0
Hi,
I am trying to create a scrollbar in a movieclip in flash 5.0. I am a fairly new user to Flash. Is there any free code out there that I can use. Please help.
Thanks.
Flash Scrollbars
never tried using scrollbars in flash.. all i know is how to drag them from the components box, but i cudnt get them to work. help anyone? tnx..
Flash MX Scrollbars
Hi,
As most of you know, you get pre-build scrollbars with Flash MX. Well, I have a textfield, a scrollbar properly attached to it(properly, as it resized, according to the lenth of the textfield)but the scrollbar doesn't scroll when I publish it!
I tried attaching a scrollbar similarly a few days ago, and it didn't work even then.
Has anyone ever experienced something like this?
ANY help would greatly be appreciated,
Thankyou
Flash 5 Scrollbars
Can anyone point me to a flash5-compatible scrollbar that has similar functionality to the MX scrollbar component ? I have seen ones out there, but they do not work with dynamic text, unless the text is formatted to fit within a certain number of lines. I would like a full scrollbar, not just buttons, but it has to be usable with dynamic text of any length, and Flash5 compatible....
TIA
colin
Help With Flash Scrollbars
I really need help- I've been trying to find a tutorial or guide or template or anything to help me create one of those custom scroll bars- and I don't just mean change the color of the Windows one. . . I want to make one with my own designed buttons and scroller and stuff like that. . . I've been trying- but no ones seems to be able to help. . . and the guide on this site doesn't work- I tired it several times. . .
Oh- and I have both Flash 5 and Flash MX. . .
Help With Flash Scrollbars
I really need help- I've been trying to find a tutorial or guide or template or anything to help me create one of those custom scroll bars- and I don't just mean change the color of the Windows one. . . I want to make one with my own designed buttons and scroller and stuff like that. . . I've been trying- but no ones seems to be able to help. . . and the guide on this site doesn't work- I tired it several times. ..
oh- and i have flash 5 and mx
Help With Flash Scrollbars. . .
I am getting really frustrated!
I am trying to make a custom scroll bar. . .
And I know how to go through the Library and edit the parts of the scroll bar, but how do I keep them so they stay the way I edit them!?!?!?!?
I tried the tutorial from Flash MX's help file- but it didn't work!
What the hell am I doing wrong!?!?!?!?
Scrollbars In Flash
I wanted to know if there was a way to put a scrollbar in Flash 5. I have a graphic that is too large for the stage, and don't want to break it up. It's a flowchart. Is there a way to put that graphic in a text box, then add a scrollbar to it? I know there is that option in MX, but for now, I have 5.0. The project will be set up like a webpage with frames. on the left side, the navigation options, and on the right, the results. Any help will be appreciated.
Thank you.
Scrollbars In Flash
hi there...
could someone pleez tell me how do i implement scrollbars in flash where you can have both text and grafx to be scrolled? thanx alot.
Flash Projector And Scrollbars?
Hi, has anyone else had problems getting scrollbars to showup and function properly using Flash MX and the Flash projector? I updated the projector the the latest update and for some reason my scrollbars (using the component) only show up as shaded rectangles. Any help would be greatly appreciated. Thanks in advance.
Paul
Flash 5 - Text N' Scrollbars
I want to do some scrollable text in a project Im doing in Flash 5- anyone know how? Ive done it in MX and its great how they have it set up to do this all easily n stuff. But Im not working there anymore and Im stuck at home with plain ol Flash 5. I dont need anything fancy, just scrollable text
Please Help !
Flash Site ScrollBars
Hi,
I am looking to have full page flash site scroll bars. Please let me know if anyone knows.
Example site:- http://www.rareview.com/#contact
Thanks
Mohan
Flash ScrollBars And Facebook
Has anyone had any experience with loading a Flash ad into a Facebook app? I have a RSS feed ad with a homeMade scrollBar .as code. The swf works great except when running on FB. Then the up and down arrows stick on when pressed and the scrubber sticks to the mouse postion even after release. Any ideas?
Here is what it looks like.
Facebook app
Scrollbars Is Flash MX 2004?
I was looking at some tutorials, and apparently they were for Flash MX, but in one they were placing a scrollbar next to the text, so then i went to my Flash MX 2004, and looked through the Components thing:
But there isnt a scrollbar thing... I see the scrollpane and list, but that's not a scroll bar >.<
Anyone know how to get on in?
Scrollbars Is Flash MX 2004?
I was looking at some tutorials, and apparently they were for Flash MX, but in one they were placing a scrollbar next to the text, so then i went to my Flash MX 2004, and looked through the Components thing:
But there isnt a scrollbar thing... I see the scrollpane and list, but that's not a scroll bar >.<
Anyone know how to get on in?
Scrollbars In Flash Mx 2004 Pro?
Hi, i was wondering how you can get the scrollbar component in F MX 2004 Pro because they dont have it there anymore?
Or how can you make your own?
thanx
Martin
Computing help and info:
http://www.webrevolt.biz
Scrollbars In Flash IDE (CS3) Disappear?
I inherited a flash file from another dev that is behaving a bit strangely. The scrollbars in the ide are not visible unless you zoom in on the flash stage and it is larger than the viewable area. Any idea how to turn them on? The flash movie is 'stuck' in the upper left hand corner of the display area.
And when i click on the area outside of the flash movies objects to try and view the stage properties, it wont let me 'deselect' the item i am currently on. Thoughts?
Complex Prolemo...with A Flash And Scrollbars
Hi there.
Ok, I have, what it seams, a “complex” problem ( I HOPE I am very wrong about this “complex” thing and the solution will end up being very simple)
I created a quite big flash movie clip. Quite big in dimensions, x = 2880 y =2880. Or something like that.
It’s a map for a game, that when u click in a city name located at ur right hand, the map will centralized itself putting the chosen city in the middle of your screen.
So far, so good.
The F!@#$ problem appeared when I tried it in a browser! Since the flash file is big in dimensions, the browser displays scroll bars, and when the user uses those stupid scroll bars to move around the map, and not anymore the arrows provided inside of the flash movie clip, the centralization doesn’t work anymore due to the fact that the scroll bars of the browser where used and messed up everything.
Tried using FRAMES so I could eliminate those flipping scroll bars ( I am gonna have nightmares related to scrollbars). Looks to work quite nice without them. But, again, nothing is perfect, so when I change the settings of my screen from 1024x768 to 800x600; again, the centralization doesn’t work.
Anyone could give a hint, suggestion, clue or anything on how to solve this problemo???
Or I just have to tell the user that the map will just work on a specific screen resolution AND with Frames enabled???
Thanks a lot.
Leo.
Full Browser Flash With Scrollbars
Any good plugins available for Swfobject which enable a full browser flash site to have scrollbars when the browser resizes to smaller than the flash object? I used to use swfforcesize, but that only works with swfobject 1.5 and I'm now using swfobject 2.1.
Resizing Flash In Broswer Without Scrollbars
I'm pretty sure this is an actionscript question but pardon me if it is off topic.
I am creating a site that I want to resize with the browser yet I don't want text or the imagery quality to be sacrificed. The whole browser window is occupied by Flash and I don't want browser scrollbars to appear. An example of this is Joshua Davis' site. No matter how much I contract or expand the browser, the quailty of the site remains the same and scrollbars don't appear.
What code should I consider for similar effect?
I'm Using Liquid Flash, But Would Like To Have Scrollbars In The Browser As Well....
In other words, i have a long flash file...1400 pixels, not my choice on that. I'd like to have the functionality of using liquid flash like in this tutorial.
http://www.tutorio.com/tutorial/liquid-flash-layout
But how can I add something to the html code that will put in scroll bars?
Here is the source code for the html file...
HTML Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Tutorio.com Liquid Flash Layout Demo</title>
<style type="text/css">
html, body {
height: 100%;
margin: 0;
padding: 0;
}
</style>
</head>
<body bgcolor="#999999">
<!--url's used in the movie-->
<!--text used in the movie-->
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0" width="100%" height="100%" id="cool" align="middle">
<param name="allowScriptAccess" value="sameDomain" />
<param name="movie" value="liquid-demo.swf" />
<param name="quality" value="high" />
<param name="bgcolor" value="#999999" />
<embed src="liquid-demo.swf" quality="high" bgcolor="#999999" width="100%" height="100%" name="cooladvanced" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" /></object>
</body>
</html>
Thanks.
Full Brower Flash With Scrollbars
Any good plugins available for Swfobject which enable a full browser flash site to have scrollbars when the browser resizes to smaller than the flash object? I used to use swfforcesize, but that only works with swfobject 1.5 and I'm now using swfobject 2.1.
Scrollbars In Html When Flash Embeded
Hi all,
I have a style sheet attached to my page that changes the scroll bars on the page. Everything works fine with plain html content.
As soon as my Flash content is longer than the page the scrollbar appears at the normal grey colour.
Does anybody have any ideas how to change it?
Thank you very much.
K
Merry Xmas!!
P.S. Does anyone know how to get rid of the horizontal scrollbar from frames and layers?
- Cheers
Controlling Browser Scrollbars From Flash.
Hi.
I'm trying to find a sollution to a problem i have with a flash movie content.
I have a movie in an html page with the movie stage set to change size with an event listener to the brower size when this is changed ( using the code below).. view : www.gnative.com
what i'm wanting to happen is scroll bars appear and set when the window is less than 800X500.
I'm not to sure weither javascript would be able to do this or useing CSS or if this is even possible
any ideas or a direction much appreciated
Thanks
--------------------------------------- CODE --------------------------------------
PHP Code:
//
stageEvent = new Object();
function stageInit() {
stageEvent.onResize = function() {
// set nav_mc to center stage
nav_mc._y = Math.floor((Stage.height - (nav_mc.nBg_mc._height))/2);
nav_mc._x = Math.floor((Stage.width - (nav_mc.nBg_mc._width))/2);
// set Leafs to bottom right of Stage
l_mc._y = Stage.height - l_mc._height;
l_mc._x = Stage.width - l_mc._width;
//
if(Stage.height < 800){
// Do this
getURL("javascript:scrollBar()");
}
};
Stage.addListener(stageEvent);
this.stageEvent.onResize();
}
Stage.align = "LT";
Stage.scaleMode = "noScale";
stageInit();
-------------------------------------------------------------------------------------
Custom Scrollbars For IFrames In Flash?
A graphic designer wants me to build a website with a fancy looking iFrame
within the home page without the typical scrollbar. She wants it to have
little dots on the right with a slider button that will make little clicking
sounds as the the scrollbar mouses over each dot. Is it possible to build
something like that in Flash? If so, are there any tutorials anywhere? I'm
somewhat of a Flash novice. Thanks.
Vertical Centering Of Flash And Scrollbars
Hi All,
Not sure that this is the correct forum to be posting in, if not please direct me elsewhere.
I have a flash movie that i wish to center in a page vertically and horizontally in an HTML page (it is the only thing on the page). I have previously used SWFObject.js to achieve this, but am also now experimenting with "div" tags and CSS to achieve the same results.
However, with both methods i find that when the browser window is smaller than the size of the movie, the scrollbars do not act appropriately. Specifically in the case of SWFObject i do not get any scroll bars, and with the CSS approach i do get scroll bars, but they only expose the lower half of the page, not the upper part that has been obscured by the centering.
If anyone has any suggestions on how to resolve this so that the scrollbars will expose all of the flash movie it would be greatly appreciated.
Code examples are available if needed.
Flash 100% With Scrollbars, Browser Corruption
Hello. This is as much a flash question as it is html, but it mostly involves html. I have an index page with a 100% wide/high flash file. I need it 100% because I have animations and background changes that fill the entire screen, so specifying width/height is not an option on the flash file. I however want the user to be able to scroll up/down, left/right to see the content, especially if they are on a 800x600 reso. as the site is built for 1024x768 or higher.
To try and workaround this I made an absolute placed div (#scroll) at 1200pxX760px so that when you resize your browser less than these dimensions the browser shows scrollbars. This is what I wanted to have happen. However, when you resize the browser less than the 1200x768 and then move the scrollbars the browser cuts part of the movie off and all you see is the background color.
I've uploaded a mockup of this. In the example the flash file is white and the background is blue. I'm hoping someone in this forum knows about html and why it hides the flash file.
I appreciate any help.
This is in effect the code. I haven't checked it in windows but in Safari and Firefox this problem exists.
<head>
<style type="text/css">
HTML, BODY { margin: 0; padding: 0; width: 100%; height: 100%;}
#flashcontent { z-index: 1; }
#scroll { position: absolute; width: 1200px; height: 760px; top: 0; left: 0; z-index: 2;}
</style>
</head>
<body>
<div id="scroll"> </div>
<div id="flashcontent">
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" width="100%" height="100%" id="test" align="middle">
<param name="allowScriptAccess" value="sameDomain" />
<param name="movie" value="test.swf" />
<param name="quality" value="high" />
<param name="scale" value="noscale" />
<param name="salign" value="lt" />
<param name="wmode" value="transparent" />
<param name="bgcolor" value="#ffffff" />
<embed src="test" quality="high" scale="noscale" salign="lt" wmode="transparent" bgcolor="#ffffff" width="100%" height="100%" name="test" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />
</object>
</div>
</body>
Problem With Text And Scrollbars In Flash 8
I have a flash file that has a few different "pages" within it. I havent used scenes, I've used frames.
I have a bunch of text in a clip that has a scrollbar. Now when you click a link from this text, to another "page", lets say on thsi other page you scroll to the bottom, and then press a button that takes you back to the first page, it puts you at the bottom of the scrolling area rather than the top.
How would you make it so that it always goes back to the top?
An example of what im on about is here:
http://lumo.rezist.org/testimonials.html
Click the Clinton and Nadio "read more" link, then when it goes to that page, scroll to the bottom of the page. Then click the "go back" button. You will notice you cant see any text on the front page now, but you have to scroll up to see it.
Any ideas?
the flash file can be downloaded here:
http://lumo.rezist.org/testimonials.fla
Cheers
Full Screen Flash With Scrollbars
I've made a full screen flash site according to the tutorial on:
http://www.kirupa.com/developer/mx2004/fullscreen.htm
The flash stage is about 800x 600 pixels. No scrollbars appear, which is normal.
But what I want to happen: if someone resizes the browser window to below 800 x 600 (or for people with lower monitor resolution even if they are rare), I would like to have the scrollbars reappear again.
Is that possible by adapting the html somehow?
This is the code I now have, made by completing the tutorial:
HTML Code:
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Cartoonist2008</title>
<style type="text/css">
<!--
body {
height: 100%;
width: 100%;
margin: 0;
}
-->
</style>
</head>
<body bgcolor="#ffdd00">
<!--url's used in the movie-->
<!--text used in the movie-->
<!--
<p align="left"></p>
<p align="left"></p>
<p align="left"></p>
<p align="left"></p>
<p align="left"></p>
<p align="left"></p>
-->
<!-- saved from url=(0013)about:internet -->
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" width="100%" height="100%" id="Cartoonist2008" align="middle">
<param name="allowScriptAccess" value="sameDomain" />
<param name="movie" value="Cartoonist2008.swf" /><param name="quality" value="high" /><param name="scale" value="noscale" /><param name="bgcolor" value="#ffdd00" /><embed src="Cartoonist2008.swf" quality="high" scale="noscale" bgcolor="#ffdd00" width="100%" height="100%" name="Cartoonist2008" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />
</object>
</body>
</html>
Complex Problemo With Flash And Scrollbars
Hi there.
Ok, I have, what it seams, a “complex” problem ( I HOPE I am very wrong about this “complex” thing and the solution will end up being very simple)
I created a quite big flash movie clip. Quite big in dimensions, x = 2880 y =2880. Or something like that.
It’s a map for a game, that when u click in a city name located at ur right hand, the map will centralized itself putting the chosen city in the middle of your screen.
So far, so good.
The F!@#$ problem appeared when I tried it in a browser! Since the flash file is big in dimensions, the browser displays scroll bars, and when the user uses those stupid scroll bars to move around the map, and not anymore the arrows provided inside of the flash movie clip, the centralization doesn’t work anymore due to the fact that the scroll bars of the browser where used and messed up everything.
Tried using FRAMES so I could eliminate those flipping scroll bars ( I am gonna have nightmares related to scrollbars). Looks to work quite nice without them. But, again, nothing is perfect, so when I change the settings of my screen from 1024x768 to 800x600; again, the centralization doesn’t work.
Anyone could give a hint, suggestion, clue or anything on how to solve this problemo???
Or I just have to tell the user that the map will just work on a specific screen resolution AND with Frames enabled???
Thanks a lot.
Leo.
HELP -- Issues With HTML Text And Flash MX Scrollbars
Hi all,
This is a troubleshooting matter I was hoping someone could answer.
Here's my situation, I have one flash movie, called interface.swf, which loads other pages within iy by page number, 770.swf, 771.swf, 772.swf, and so on...
These pages being loaded consist mostly of text boxes, set as HTML text. Large amounts of text too, probably over 100, in some cases over 200, words per page.
When these pages are loaded into the interface.swf, the interface is set up to load a scrollbar, a Flash MX scrollbar, that fits the appropriate size of the page, which we liked.
However, this scrollbar works rather "clunky" at times, scrolling through text rather slowly. It's not smooth at all, as say a browser window scrollbar. In the case of the Flash MX scrollbar, you click, drag and its a good 6 or 7 seconds before you see anything move at all.
Now my question is, does this have to do with the Flash MX scrollbar? Should I try to make my own from scratch to see if it would work better?
Or is it becasue I'm using text boxes with HTML text (which would suck because we need to use HTML text for this project).
If anyone knows anything, please fill me in.
Thanks
Chris
How Do I Remove Browser Scrollbars In Flash Website?
I want to create a Flash website that fills the browser window, like the following site: http://www.big-dvd.com/.
I notice that the above site isn't stretched, but instead maintains 100% scale and is large enough to cater for all screen resolutions. I have two questions:
1. Is this a good idea, or should I stretch my Flash website to fit the browser width?
2. How did the designer of this site avoid the browser scrollbars appearing?
Thanks!
I'm Using Liquid Flash, But Would Like To Have Scrollbars For My Browser Window.
In other words, i have a long flash file...1400 pixels, not my choice on that. I'd like to have the functionality of using liquid flash like in this tutorial.
http://www.tutorio.com/tutorial/liquid-flash-layout
But how can I add something to the html code that will put in scroll bars?
Here is the source code for the html file...
HTML Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Tutorio.com Liquid Flash Layout Demo</title>
<style type="text/css">
html, body {
height: 100%;
margin: 0;
padding: 0;
}
</style>
</head>
<body bgcolor="#999999">
<!--url's used in the movie-->
<!--text used in the movie-->
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0" width="100%" height="100%" id="cool" align="middle">
<param name="allowScriptAccess" value="sameDomain" />
<param name="movie" value="liquid-demo.swf" />
<param name="quality" value="high" />
<param name="bgcolor" value="#999999" />
<embed src="liquid-demo.swf" quality="high" bgcolor="#999999" width="100%" height="100%" name="cooladvanced" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" /></object>
</body>
</html>
Thanks.
Flash Menu - Using Fixed Width And Scrollbars
hi - our company has built a site for a childrens furniture company (baby2teenfurniture.com ) and we're having trouble getting the links to act the way we want in all of the "reasonably used" browsers, that is, the browsers that are still used by more than 1 person in the world.
if you go to the site, we have a quicksearch menu (flash) and when you click on it, and then click on type of furniture, we want it to be a NEW fixed width (300 px) window that comes up. and then people would scroll down to see all of the different brands of that type of furniture.
we work on macs with ie 5.1 and it worked great! but then the client inquired as to why she couldn't scroll down. we checked, and sure enough, it wouldn't work on a pc (ie OR netscape) and doesn't seem to work on our macs in netscape 4.7.
we have tried to insert the "scrollbars=yes" and the "_blank" and everything but i wanted someone from this forum to take a look and see if you've ever come across anything like this before??? if you need more info, just let me know through this thread or email me directly at trevor@gcp.com.
thanks so much for any help! trevor
Fill Browser With Flash - No Scale/scrollbars
Hey everybody,
i havent posted to ultrashock in years, but im developing a massive online architecture/interactive portfolio and need some help
i need to know how i can embed a large swf (dimension wise), that will probably overflow on most resolutions on the top left of a page, without having ANY scrollbars show up on any browser or having it scale at all. I just cant seem to get rid of the scrollbars so far
do i do this in flash or html?
Full Browser Flash - How Can I Make My Scrollbars Appear
Hi all,
I have my website up http://www.marklawrencedesign.com and am struggling to make scrollbars appear when the users browser window is smaller than the content.
A good example of what I mean is here: http://www.intelligent-marketing.com/fl ... n=gotflash
I have looked everywhere but cant find any help that explains what to do in simple English (I have no advanced knowledge of html, javascript you see)
Please any help will be thoroughly appreciated - have been looking for days on google now for a plain helping answer!!!
Thanks in advance
Mark
Style In Flash
Is it possible to create something like HTML style <style></style>
in flash so when you use render text as HTML option for text, it create rollovers or what ever from defined style?
Flash Style ?
I want to know if there is a tutorial (step by step) how to have a flash site where the site stays the same just the center body changes when you select a new page and not the whole site. I think it is a movie layer but not sure how to do it and need so help so if there is a tutorial shoot the link please.
This is an example: http://chanel.com/fashion/en-us/
click on point of sale, registration and see what I am asking.
Thanks
Mac OSX Style In Flash 8
Hi all...
I have been working on this really cool OSX style doc which I found at
http://jrgraphix.net/research/flash-dock-mx-2004.php
Thanks to those guys for making it available!
I have already began amending it to fit my design however there are a few things I would like to do differently.
1. I would like to change the amount of objects in the dock so need to know which part of the code would effect that.
2. I would like to create hover actions for each button.
3. I would like to remove the transparent bar from behind the dock
ie when you roll over a circle it would reveal an image.
here is my source file.
here is the code for Dock.as
Code:
/*
Free stuff. Do not redistribute.
http://jrgraphix.net/
March 8, 2005
*/
class Dock extends MovieClip {
var icon_min: Number;
var icon_max: Number;
var icon_size: Number;
var icon_spacing: Number;
var width: Number;
var span: Number;
var amplitude: Number;
var ratio: Number;
var scale: Number = Number.NEGATIVE_INFINITY;
var trend: Number = 0;
var xmouse: Number;
var ymouse: Number;
var layout: String;
var callback: Function;
var items: Array;
function Dock() {
setParameters();
setLayout();
createIcons();
createTray();
onEnterFrame = monitorDock;
}
private function setParameters():Void {
this.layout = this.layout ? this.layout : 'top';
this.icon_min = this.icon_min ? this.icon_min : 32;
this.icon_max = this.icon_max ? this.icon_max : 96;
this.icon_spacing = this.icon_spacing ? this.icon_spacing : 2;
this.span = this.span ? this.span : getSpan();
this.amplitude = this.amplitude ? this.amplitude : getAmplitude();
this.ratio = Math.PI / 2 / this.span;
}
private function getSpan():Number {
return (this.icon_min - 16) * (240 - 60) / (96 - 16) + 60;
}
private function getAmplitude():Number {
return 2 * (this.icon_max - this.icon_min + this.icon_spacing);
}
private function createIcons():Void {
var i:Number;
var id:String;
this.scale = 0;
this.width = (this.items.length - 1) * this.icon_spacing + this.items.length * this.icon_min;
var left:Number = (this.icon_min - this.width) / 2;
for(i = 0; i < this.items.length; i++) {
this.createEmptyMovieClip(String(i), i + 10).attachMovie(this.items[i].id, '_mc', 1);
this[i]._mc._y = -this.icon_size / 2;
this[i]._mc._rotation = -this._rotation;
this[i]._x = this[i].x = left + i * (this.icon_min + this.icon_spacing) + this.icon_spacing / 2;
this[i]._y = -this.icon_spacing;
this[i].onRelease = launchIcon;
this[i].useHandCursor = true;
}
}
private function launchIcon():Void {
this._parent.callback(this._parent.items[this._name].label);
}
private function createTray():Void {
var height:Number = this.icon_min + 2 * this.icon_spacing;
var width:Number = this.width + 2 * this.icon_spacing;
var mc:MovieClip = this.createEmptyMovieClip('tray_mc', 1);
mc.lineStyle(0, 0xcccccc, 80);
mc.beginFill(0xe8e8e8, 50);
mc.lineTo(0, -height);
mc.lineTo(width, -height);
mc.lineTo(width, 0);
mc.lineTo(0, 0);
mc.endFill();
}
private function setLayout():Void {
switch(this.layout) {
case 'left':
this._rotation = 90;
break;
case 'top':
this._rotation = 180;
break;
case 'right':
this._rotation = 270;
break;
default:
this._rotation = Number(this.layout);
}
}
private function checkBoundary():Boolean {
var buffer:Number = 4 * this.scale;
return (this.ymouse < 0)
&& (this.ymouse > -2 * this.icon_spacing - this.icon_min + (this.icon_min - this.icon_max) * this.scale)
&& (this.xmouse > this[0]._x - this[0]._width / 2 - this.icon_spacing - buffer)
&& (this.xmouse < this[this.items.length - 1]._x + this[this.items.length - 1]._width / 2 + this.icon_spacing + buffer);
}
private function updateTray():Void {
var x:Number;
var w:Number;
x = this[0]._x - this[0]._width / 2 - this.icon_spacing;
w = this[this.items.length - 1]._x + this[this.items.length - 1]._width / 2 + this.icon_spacing;
this['tray_mc']._x = x;
this['tray_mc']._width = w - x;
}
private function monitorDock():Boolean {
var i:Number;
var x:Number;
var dx:Number;
var dim:Number;
// Mouse did not move and Dock is not between states. Skip rest of the block.
if((this.xmouse == this._xmouse) && (this.ymouse == this._ymouse) && ((this.scale <= 0.01) || (this.scale >= 0.99))) { return false; }
// Mouse moved or Dock is between states. Update Dock.
this.xmouse = this._xmouse;
this.ymouse = this._ymouse;
// Ensure that inflation does not change direction.
this.trend = (this.trend == 0 ) ? (checkBoundary() ? 0.25 : -0.25) : (this.trend);
this.scale += this.trend;
if( (this.scale < 0.02) || (this.scale > 0.98) ) { this.trend = 0; }
// Actual scale is in the range of 0..1
this.scale = Math.min(1, Math.max(0, this.scale));
// Hard stuff. Calculating position and scale of individual icons.
for(i = 0; i < this.items.length; i++) {
dx = this[i].x - this.xmouse;
dx = Math.min(Math.max(dx, -this.span), this.span);
dim = this.icon_min + (this.icon_max - this.icon_min) * Math.cos(dx * this.ratio) * (Math.abs(dx) > this.span ? 0 : 1) * this.scale;
this[i]._x = this[i].x + this.scale * this.amplitude * Math.sin(dx * this.ratio);
this[i]._xscale = this[i]._yscale = 100 * dim / this.icon_size;
}
// Resize tray to contain icons.
updateTray();
return true;
}
}
here is the code for the first frame of Dock.fla
Code:
Stage.scaleMode = 'noScale';
this.dockActions = function(label) {
switch(label) {
case 'Preferences':
trace('Actions here to handle Preferences.');
break;
case 'Blog':
trace('Actions here to handle Blog.');
break;
case 'Forum':
trace('Actions here to handle Forum.');
break;
default:
trace('Default action here.');
}
}
var dockTemplate = {
layout: 0, /* top | right | bottom | left | *rotation* */
icon_size: 128,
icon_min: 35,
icon_max: 75,
icon_spacing: 1,
items: [
{ id: 'settings', label: 'Preferences'},
{ id: 'blog', label: 'Blog' },
{ id: 'forum',label: 'Forum' },
{ id: 'shop', label: 'Store' },
{ id: 'support', label: 'Tech Support' },
{ id: 'search', label: 'Search Archives' },
{ id: 'contact', label: 'Contact Us' },
{ id: 'trash', label: 'Trash' }
],
span: null,
amplitude: null,
callback: this.dockActions
}
this.attachMovie('Dock', 'menu_mc', 1, dockTemplate);
this.menu_mc._x = Stage.width / 2;
this.menu_mc._y = Stage.height;
Thanks in advance
Mac OSX Style In Flash 8
Hi all...
I have been working on this really cool OSX style doc which I found at
http://jrgraphix.net/research/flash-dock-mx-2004.php
Thanks to those guys for making it available!
I have already began amending it to fit my design however there are a few things I would like to do differently.
1. I would like to change the amount of objects in the dock so need to know which part of the code would effect that.
2. I would like to create hover actions for each button.
3. I would like to remove the transparent bar from behind the dock
ie when you roll over a circle it would reveal an image.
here is my source file.
here is the code for Dock.as
Code:
/*
Free stuff. Do not redistribute.
http://jrgraphix.net/
March 8, 2005
*/
class Dock extends MovieClip {
var icon_min: Number;
var icon_max: Number;
var icon_size: Number;
var icon_spacing: Number;
var width: Number;
var span: Number;
var amplitude: Number;
var ratio: Number;
var scale: Number = Number.NEGATIVE_INFINITY;
var trend: Number = 0;
var xmouse: Number;
var ymouse: Number;
var layout: String;
var callback: Function;
var items: Array;
function Dock() {
setParameters();
setLayout();
createIcons();
createTray();
onEnterFrame = monitorDock;
}
private function setParameters():Void {
this.layout = this.layout ? this.layout : 'top';
this.icon_min = this.icon_min ? this.icon_min : 32;
this.icon_max = this.icon_max ? this.icon_max : 96;
this.icon_spacing = this.icon_spacing ? this.icon_spacing : 2;
this.span = this.span ? this.span : getSpan();
this.amplitude = this.amplitude ? this.amplitude : getAmplitude();
this.ratio = Math.PI / 2 / this.span;
}
private function getSpan():Number {
return (this.icon_min - 16) * (240 - 60) / (96 - 16) + 60;
}
private function getAmplitude():Number {
return 2 * (this.icon_max - this.icon_min + this.icon_spacing);
}
private function createIcons():Void {
var i:Number;
var id:String;
this.scale = 0;
this.width = (this.items.length - 1) * this.icon_spacing + this.items.length * this.icon_min;
var left:Number = (this.icon_min - this.width) / 2;
for(i = 0; i < this.items.length; i++) {
this.createEmptyMovieClip(String(i), i + 10).attachMovie(this.items[i].id, '_mc', 1);
this[i]._mc._y = -this.icon_size / 2;
this[i]._mc._rotation = -this._rotation;
this[i]._x = this[i].x = left + i * (this.icon_min + this.icon_spacing) + this.icon_spacing / 2;
this[i]._y = -this.icon_spacing;
this[i].onRelease = launchIcon;
this[i].useHandCursor = true;
}
}
private function launchIcon():Void {
this._parent.callback(this._parent.items[this._name].label);
}
private function createTray():Void {
var height:Number = this.icon_min + 2 * this.icon_spacing;
var width:Number = this.width + 2 * this.icon_spacing;
var mc:MovieClip = this.createEmptyMovieClip('tray_mc', 1);
mc.lineStyle(0, 0xcccccc, 80);
mc.beginFill(0xe8e8e8, 50);
mc.lineTo(0, -height);
mc.lineTo(width, -height);
mc.lineTo(width, 0);
mc.lineTo(0, 0);
mc.endFill();
}
private function setLayout():Void {
switch(this.layout) {
case 'left':
this._rotation = 90;
break;
case 'top':
this._rotation = 180;
break;
case 'right':
this._rotation = 270;
break;
default:
this._rotation = Number(this.layout);
}
}
private function checkBoundary():Boolean {
var buffer:Number = 4 * this.scale;
return (this.ymouse < 0)
&& (this.ymouse > -2 * this.icon_spacing - this.icon_min + (this.icon_min - this.icon_max) * this.scale)
&& (this.xmouse > this[0]._x - this[0]._width / 2 - this.icon_spacing - buffer)
&& (this.xmouse < this[this.items.length - 1]._x + this[this.items.length - 1]._width / 2 + this.icon_spacing + buffer);
}
private function updateTray():Void {
var x:Number;
var w:Number;
x = this[0]._x - this[0]._width / 2 - this.icon_spacing;
w = this[this.items.length - 1]._x + this[this.items.length - 1]._width / 2 + this.icon_spacing;
this['tray_mc']._x = x;
this['tray_mc']._width = w - x;
}
private function monitorDock():Boolean {
var i:Number;
var x:Number;
var dx:Number;
var dim:Number;
// Mouse did not move and Dock is not between states. Skip rest of the block.
if((this.xmouse == this._xmouse) && (this.ymouse == this._ymouse) && ((this.scale <= 0.01) || (this.scale >= 0.99))) { return false; }
// Mouse moved or Dock is between states. Update Dock.
this.xmouse = this._xmouse;
this.ymouse = this._ymouse;
// Ensure that inflation does not change direction.
this.trend = (this.trend == 0 ) ? (checkBoundary() ? 0.25 : -0.25) : (this.trend);
this.scale += this.trend;
if( (this.scale < 0.02) || (this.scale > 0.98) ) { this.trend = 0; }
// Actual scale is in the range of 0..1
this.scale = Math.min(1, Math.max(0, this.scale));
// Hard stuff. Calculating position and scale of individual icons.
for(i = 0; i < this.items.length; i++) {
dx = this[i].x - this.xmouse;
dx = Math.min(Math.max(dx, -this.span), this.span);
dim = this.icon_min + (this.icon_max - this.icon_min) * Math.cos(dx * this.ratio) * (Math.abs(dx) > this.span ? 0 : 1) * this.scale;
this[i]._x = this[i].x + this.scale * this.amplitude * Math.sin(dx * this.ratio);
this[i]._xscale = this[i]._yscale = 100 * dim / this.icon_size;
}
// Resize tray to contain icons.
updateTray();
return true;
}
}
here is the code for the first frame of Dock.fla
Code:
Stage.scaleMode = 'noScale';
this.dockActions = function(label) {
switch(label) {
case 'Preferences':
trace('Actions here to handle Preferences.');
break;
case 'Blog':
trace('Actions here to handle Blog.');
break;
case 'Forum':
trace('Actions here to handle Forum.');
break;
default:
trace('Default action here.');
}
}
var dockTemplate = {
layout: 0, /* top | right | bottom | left | *rotation* */
icon_size: 128,
icon_min: 35,
icon_max: 75,
icon_spacing: 1,
items: [
{ id: 'settings', label: 'Preferences'},
{ id: 'blog', label: 'Blog' },
{ id: 'forum',label: 'Forum' },
{ id: 'shop', label: 'Store' },
{ id: 'support', label: 'Tech Support' },
{ id: 'search', label: 'Search Archives' },
{ id: 'contact', label: 'Contact Us' },
{ id: 'trash', label: 'Trash' }
],
span: null,
amplitude: null,
callback: this.dockActions
}
this.attachMovie('Dock', 'menu_mc', 1, dockTemplate);
this.menu_mc._x = Stage.width / 2;
this.menu_mc._y = Stage.height;
Thanks in advance
Flash Style.
Ok guys so ive built quite a few Full Blown FLash Websites over the past few weeks just to pay for college but i was wondering what you guys think when developing a FLASH only site where it runs off of only one .swf file and no redirects or a site that just redirects to seperate Embedded .swf in JS or HTML pages it looks exactly the same to the basic computer user but to me i notice the page change i mean the REDIRECT is much much less coding but what do you guys think i should focus on?
How Do You Style Xml With Css In Flash AS3
Hey everybody,
I wanted to know how to link an external css file in your actionscript to style xml data that is being loaded into flash.
I couldn't find anything on this online. Any help would be greatly appreciated.
Thank you!
Flash Style Sheets
I wonder if anyone can help. I have a flash movie in a CSS layer. Above the movie there is a CSS nav. In order to allow the menu to overlap the Flash movie the movie is hidden when the user rolls over the CSS menu. Works great on a PC (i.e. & Netscape) on a mac it falls apart. Has anyone come across this before - I've searched hard but as yet have found no work around - besides launching in a separate window which isn't an option.
All comments great received.
Cheers
KC.
Style Sheets In Flash 5?
Is there such a thing as a "style sheet" in Flash 5? I'm creating a text heavy presentation and it would be great if I could control things like font size, weight and tracking better.
Thanks in advance,
Kosmo
Java Style Into Flash
I create this in java but now i want to create this in flash. Anyone can tell me how to do it. I required
these features in flash....
- Dynamic Rotation Speed
- Dynamic Rotation Starting Point
- Support for both image types: Straight Panoramic & Curved Panoramic (Both are supplied in the zip)
- For Curved, it would be nice if it adhered to the mathimatical information provided in the IVR file (also included)
- Zoom in / out
- Weighted rotation. ie: the farther you drag your mouse away from where you clicked, the faster the image
rotates.
- Dynamic Splash screen while the image loads
Files
------
http://sv2.3dbuzz.com/vbforum/attach...&postid=708718
|