Home Tutorials Forums Articles Blogs Movies Library Employment Press

Go Back   ActionScript.org Forums > Supporting Technologies > HTML and JavaScript

Reply
 
Thread Tools Rate Thread Display Modes
Old 11-10-2004, 12:12 AM   #1
CyanBlue
Super Moderator
 
CyanBlue's Avatar
 
Join Date: Jan 2002
Location: Centreville, VA
Posts: 26,666
Default [Q] Disable everything under the Flash???

Hey, guys...

Got a quick question for you...

I have an HTML page, say Yahoo.com, and I have a transparent Flash ad(big circlr for example) that loads on that HTML page...

What I want to do is to disable what's below the Flash ad... In other words, I want the people to see the HTML content through the transparent area in Flash, but I don't want people click on anything in the HTML page... That way I can force the user to click on the button on the Flash ad before they want to do anything in the HTML page... Know what I mean???

What I have tried... I have added a 1000 x 1000 box movieClip with its alpha set to 10 so that it will dim down the HTML content when you see it... But that does not work well when the HTML content is taller than 1000 pixel...

Is there any way we can somehow disable everything in the HTML page??? What's the best way to solve this problem???

Thank you very much...
__________________
CyanBlue / Jason Je / Macromedia Certified Flash Developer & Designer
http://CyanBlue.FlashVacuum.com
http://www.FlashVacuum.com
http://tutorials.FlashVacuum.com

Do NOT PM, Email or Call me... Your question belongs right in this forum...
CyanBlue is offline   Reply With Quote
Old 11-10-2004, 12:53 AM   #2
petefs
Fried Onions
 
petefs's Avatar
 
Join Date: Apr 2004
Location: Chicago, IL
Posts: 1,328
Send a message via AIM to petefs Send a message via MSN to petefs Send a message via Yahoo to petefs
Default

there are two ways, and one of them may be a huge pain in the butt ; )

1: (pain in the butt) have all interactive content fire a javascript event that checks a variable. i.e. <a href="blah.html" onClick='return flashOpen;'> and then have the flash ad set flashOpen to true when it closes.

2: (slightly less painful in the bottom) use Stage.onResize to scale the background to the size of the browser. It's buggy in firefox, from what I remember, but that's the other way to go.

1 is probably more sure-fire, but difficult to implement unless I'm missing something : )
petefs is offline   Reply With Quote
Old 11-10-2004, 10:02 PM   #3
CyanBlue
Super Moderator
 
CyanBlue's Avatar
 
Join Date: Jan 2002
Location: Centreville, VA
Posts: 26,666
Default

Yeah... If it were to be done in Flash #2 is how it should be, but I was looking for more of an HTML side answer to that problem...
__________________
CyanBlue / Jason Je / Macromedia Certified Flash Developer & Designer
http://CyanBlue.FlashVacuum.com
http://www.FlashVacuum.com
http://tutorials.FlashVacuum.com

Do NOT PM, Email or Call me... Your question belongs right in this forum...
CyanBlue is offline   Reply With Quote
Old 11-10-2004, 11:12 PM   #4
petefs
Fried Onions
 
petefs's Avatar
 
Join Date: Apr 2004
Location: Chicago, IL
Posts: 1,328
Send a message via AIM to petefs Send a message via MSN to petefs Send a message via Yahoo to petefs
Default

hm, another option that I hadn't thought of at the time is to make a div layer that's z-ordered on top of the whole site, is 100% of the browser's width and height, and has an onClick='return false' -- that should negate the whole deal without having to add script to a ton of things. just set the div layer's visible style to false when the flash movie is gone : )
petefs is offline   Reply With Quote
Old 11-10-2004, 11:18 PM   #5
petefs
Fried Onions
 
petefs's Avatar
 
Join Date: Apr 2004
Location: Chicago, IL
Posts: 1,328
Send a message via AIM to petefs Send a message via MSN to petefs Send a message via Yahoo to petefs
Default

this should work even better -- let me know if you have problems with any of the concepts (I know you hate JavaScript almost as much as I do : b)

https://lists.latech.edu/pipermail/j...ay/003524.html
petefs is offline   Reply With Quote
Old 11-11-2004, 01:59 AM   #6
CyanBlue
Super Moderator
 
CyanBlue's Avatar
 
Join Date: Jan 2002
Location: Centreville, VA
Posts: 26,666
Default

Yeah... That's very interesting thread... The concept... I can feel over my melted brain... Implementation... I ain't going to do that... I am a Flash guy... I am going to ask the backend guy take care of it...

I just did the Flash piece some days ago, actually while I was down in New Orleans for the MAX 2004, and the company just finished everything and launched the test version today... I tested it over several browsers and it only worked on IE and Opera... Dang... Sometimes, I really hate the fact that I am only able to take care of the Flash only...
__________________
CyanBlue / Jason Je / Macromedia Certified Flash Developer & Designer
http://CyanBlue.FlashVacuum.com
http://www.FlashVacuum.com
http://tutorials.FlashVacuum.com

Do NOT PM, Email or Call me... Your question belongs right in this forum...
CyanBlue is offline   Reply With Quote
Old 11-11-2004, 02:02 PM   #7
tg
done
 
Join Date: Jun 2001
Location: portland, or
Posts: 8,106
Default

peterfs suggestion is once again brilliant cb, the css/zorder will work fine (at least in css enabled browsers -- i tested in ie 6+/ firefox).

dont even need to use any javascript... copy and paste the following into a new html doc, and try to click the link to as.org.

Code:
<?xml version="1.0" encoding="iso-8859-1"?>
<!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">
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type="text/css">
body{
	background-color: #fff;
};
#link{
	position: absolute;
	top: 10px;
	left:10px;
	zorder: 1;
	border: thin dashed #ccc;
}
#cover{
	position: absolute;
	top: 5px;
	left: 5px;
	height: 200px;
	zorder: 10;
	border: thin solid #000;
	/* background-color: #ccc; */
}
</style>
</head>
<body>
<div id="link">
<a href="http://www.actionscript.org">AS[ORG}</a>
</div>
<div id="cover">
you would place your <br />
flash content here.
</div>
</body>
</html>
__________________
tg
---
what the hell was i thinking?
tg is offline   Reply With Quote
Old 11-11-2004, 02:13 PM   #8
petefs
Fried Onions
 
petefs's Avatar
 
Join Date: Apr 2004
Location: Chicago, IL
Posts: 1,328
Send a message via AIM to petefs Send a message via MSN to petefs Send a message via Yahoo to petefs
Default

even simpler than I thought ^_^

as far as brilliant, I'm just happy I didn't talk out of my anal pore like I have been lately
petefs is offline   Reply With Quote
Old 11-11-2004, 02:19 PM   #9
tg
done
 
Join Date: Jun 2001
Location: portland, or
Posts: 8,106
Default

Quote:
Originally Posted by petefs
... my anal pore ...)

hehhehheh. thats hillarious!
__________________
tg
---
what the hell was i thinking?
tg is offline   Reply With Quote
Old 11-11-2004, 02:20 PM   #10
tg
done
 
Join Date: Jun 2001
Location: portland, or
Posts: 8,106
Default

but once again.... my solution only works in css enabled browsers..... so all you netscape 4.x+ users out there need to switch to firefox.... actually everyone should. hehheh.
__________________
tg
---
what the hell was i thinking?
tg is offline   Reply With Quote
Reply


Thread Tools
Display Modes Rate This Thread
Rate This Thread:

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off

Forum Jump


All times are GMT. The time now is 09:46 PM.

///
Follow actionscriptorg on Twitter

 


Powered by vBulletin® Version 3.8.5
Copyright ©2000 - 2014, Jelsoft Enterprises Ltd.
Ad Management plugin by RedTyger
Copyright 2000-2013 ActionScript.org. All Rights Reserved.
Your use of this site is subject to our Privacy Policy and Terms of Use.