Flash button hide/show a DIV-Layer on a html page?

Hi All!
Trying to get a drop down hide/show div on a html page triggered by a button in flash.
(Intro: Very very Little experience in dynamic flash)

setup: html page, flash map on page, button on flash opens info underneath map in a separate div. div that has hide/show content is called "operator"

I found this code, but i'm not sure it's what I need, and it's not working...

Flash file>button on stage>script:

Expand|Select|Wrap|Line Numbers

 
on (release) {

import flash.external.ExternalInterface;

ExternalInterface.call("hideDiv", "operator");

}

And the code in the html file:

Expand|Select|Wrap|Line Numbers

 
<html>

<head>

<title>page title</title>

<script type="text/javascript">

function hideDiv(id)

{

   document.getElementById(id).style.display = 'none';

}

</script>

</head>

<body>

<div id="operator">

</div>

</body>

</html>

Does anyone have a better (working) way of getting a flash button to talk to the html page to *togggle* a hidden div?

Any ideas would be muchly appreciated!
Thankyou so much in advance!
=)

Aug 23 '07 #1

Subscribe Post Reply

16292

elamberdor

I eventually got it to work! (Flash8, I.E 7)
Here's the answer explained for anyone else that needs it!

But I changed it a little to make it toggle......

What i've done is made the "operator" div hidden on page load with a css class attached to the div to start with:

in css file:

Expand|Select|Wrap|Line Numbers

 
.clearfix:after {

content: "."; 

display: block; 

height: 0; 

clear: both; 

visibility: hidden;

}

then in flash:
ive got a button on the stage with:

Expand|Select|Wrap|Line Numbers

 
on (press) {

import flash.external.ExternalInterface;

ExternalInterface.call("toggleLayer", "operator");

}

(i'm still researching AS3 regarding on (release) button and still getting my head around the new script - its quite hard to grasp!)

then in the html file, ive got a link to the css file and the javascript in the header telling it to toggle:

Expand|Select|Wrap|Line Numbers

 
<head>

<link href="../css/SVW_css_test_1.css" rel="stylesheet" title="medium" type="text/css">

<script type="text/javascript">

function toggleLayer( whichLayer )

{ 

var elem, vis;

if( document.getElementById ) // this is the way the standards work

elem = document.getElementById( whichLayer );

else if( document.all ) // this is the way old msie versions work

elem = document.all[whichLayer];

else if( document.layers ) // this is the way nn4 works

elem = document.layers[whichLayer];

vis = elem.style;

// if the style.display value is blank we try to figure it out here

if(vis.display==''&&elem.offsetWidth!=undefined&&e lem.offsetHeight!=undefined)

vis.display = (elem.offsetWidth!=0&&elem.offsetHeight!=0)?'block ':'none';

vis.display = (vis.display==''||vis.display=='block')?'none':'bl ock';

}

//-->

</script>
 
</head>

then i've got the div in the body with the class of clearfix to make it invisible on page load:

Expand|Select|Wrap|Line Numbers

<div id="operator" class="clearfix">

Thanks!!
=)

Aug 23 '07 #2

crabpot8

out of curiosity, do you know what this line does?

import flash.external.ExternalInterface;

that is a reallly useful thing to know!

Aug 23 '07 #3

elamberdor

Hi there!

Well ~ As far as I know (which with Dynamic flash is VERY limited)

You can call in images and swf's using the Load script into flash, but to do the opposite and use things in flash to affect things outside the flash file, you use the

Expand|Select|Wrap|Line Numbers

ExternalInterface.call() function

it is used to call things like Javascript functions on the flash's HTML page. Apparently it is a more advanced version of this:

Expand|Select|Wrap|Line Numbers

navigateToURL(new URLRequest("javascript:hideDiv('my_div_id');"));

Aug 23 '07 #4

xNephilimx

213

Expert 100+

Hi, there.
Not quite, the ExternalInterface class lets you communicate with javascript back and forth.
Here is a pretty good explanation http://www.thescripts.com/forum/thread694359.html

Kind regards,
The_Nephilim

Hi there!

Well ~ As far as I know (which with Dynamic flash is VERY limited)

You can call in images and swf's using the Load script into flash, but to do the opposite and use things in flash to affect things outside the flash file, you use the

Expand|Select|Wrap|Line Numbers

ExternalInterface.call() function

it is used to call things like Javascript functions on the flash's HTML page. Apparently it is a more advanced version of this:

Expand|Select|Wrap|Line Numbers

navigateToURL(new URLRequest("javascript:hideDiv('my_div_id');"));

Aug 24 '07 #5

elamberdor

sounds good, i'll have a read!

Aug 27 '07 #6

miao

hi! thank you for these instructions. I followed them exactly but couldn't get it to work. (the button inside the div is already visible when the page is opened.)
I have been searching the web for days now cause I'm not very experienced in java and actionscript.
please help!

Jul 7 '08 #7

Similar topics

Button won't fire after show/hide div

by: dje | last post by:

In the OnClick event on a radioButtonList, I run a javascript to show/hide the appropriate div along with a submit button, which displays as expected. The problem is the submit no longer works on...

ASP.NET

position controls over a flash background

by: Loane Sharp | last post by:

Hi there I am trying to display a dropdownlist, label and image in the foreground with a Flash animation in the background. I'm using the following code, which works for the dropdownlist but...

ASP.NET

Hide Content in a table on click of a radio button or checkbox

by: Advo | last post by:

Basically, ive got information in a table for the layout purposes, as its text for a questionnaire What i Need, is for instance when the user click a radio button, that information can be...

Javascript

hiding part of a Flash image

by: Haines Brown | last post by:

I'm trying to use a Shockwave Flash file as is except for a line of text that it displays. I'd like to hide that line of text, and so I tried to create a black mask to do it. However, I can't move...

HTML / CSS

Help about div hide/show

by: ali | last post by:

Hello every one i need you help regarding div hide and show. i am having a link like <a href="#" onClick="expandWin()">show/hide </a> <div id=showHide> </div> within div i have lots of...

Javascript

repositioning flash in opera

by: nostef | last post by:

I am trying to hide a flash movie when a user clicks a button. Since using display: none would cause all browsers to refresh the movie, I used negative margins. This is the code: function...

HTML / CSS

DIV ontop of flash

by: rollwithit80 | last post by:

Hi Guys, I have an embedded flash file that contains a button when clicked displays a div object over the flash file by setting the div visibility attribute to visible. This is done by activating a...

HTML / CSS

DIV on top of flash

by: rollwithit80 | last post by:

Flash / Actionscript

Show/hide divs according to server side variable

by: Mike P | last post by:

How would I show or hide a div that is using client side Javascript based upon a server side variable? Here are my divs : <div id="idButton5" class="otherLeftBarLink" onmouseover="javascript:...

ASP.NET

I need to return dataset in XML format so Flash can read it properly.

by: casucci | last post by:

I do a return as XMLDataDocument in my webservice but it returns not with the namespaces etc in them. Anyone have and example where I can have the webservice return it as a XML. C# preferred....

.NET Framework

How to turn on java script in a villaon keypad mobile phone

by: Charles Arthur | last post by:

How do i turn on java script on a villaon, callus and itel keypad mobile phone

Java

Batch import of multiple excel files into the database

by: ryjfgjl | last post by:

If we have dozens or hundreds of excel to import into the database, if we use the excel import function provided by database editors such as navicat, it will be extremely tedious and time-consuming...

Data Management

Merging data from multiple Excel files

by: ryjfgjl | last post by:

In our work, we often receive Excel tables with data in the same format. If we want to analyze these data, it can be difficult to analyze them because the data is spread across multiple Excel files...

Data Management

Migrating Website to Cloud - Emmanuel Katto

by: emmanuelkatto | last post by:

Hi All, I am Emmanuel katto from Uganda. I want to ask what challenges you've faced while migrating a website to cloud. Please let me know. Thanks! Emmanuel

General

Looking to do Android software development, any suggestions? Is flutter better?

by: nemocccc | last post by:

hello, everyone, I want to develop a software for my android phone for daily needs, any suggestions?

General

Is that possible of reading the .csv file in column wise and the column have different lengths ?

by: Sonnysonu | last post by:

This is the data of csv file 1 2 3 1 2 3 1 2 3 1 2 3 2 3 2 3 3 the lengths should be different i have to store the data by column-wise with in the specific length. suppose the i have to...

C / C++

What is ONU?

by: marktang | last post by:

ONU (Optical Network Unit) is one of the key components for providing high-speed Internet services. Its primary function is to act as an endpoint device located at the user's premises. However,...

General

Changing the language in Windows 10

by: Hystou | last post by:

Most computers default to English, but sometimes we require a different language, especially when relocating. Forgot to request a specific language before your computer shipped? No problem! You can...

Windows Server

Problem With Comparison Operator <=> in G++

by: Oralloy | last post by:

Hello folks, I am unable to find appropriate documentation on the type promotion of bit-fields when using the generalised comparison operator "<=>". The problem is that using the GNU compilers,...

C / C++