Solved

i need a div that contains information over a swf.. is there any way to do this?

Posted on 2008-10-17
2
338 Views
Last Modified: 2012-08-13
is there any way to make a div ( that contains some html information ) over a swf file?

i mean to say a div over a swf file in a html page?
0
Comment
Question by:danielnp20
  • 2
2 Comments
 
LVL 44

Expert Comment

by:scrathcyboy
ID: 22745595
SWF almost always takes priority in visibility and Z-index, but you should be able to put it into a DIV and toggle the visibility of that DIV, like this --

document.getElementById ('swfDiv').visibility.display = "none"  (  to hide it, and "block" to display it )

However, as soon as the SWF starts playing, it will always regain foreground, even if none, I think -- you should try it to see if that happens -- i.e. hide it with none on page load, and see if it takes foreground.

If not, you can use the visibillity on the DIV called "swfDIV" and this will work, but try it in ALL browsers to make sure, probably IE6 will not work.

Other than this, rearrange the page layout to give the SWF its own place,  OR else just load the SWF file on click of a link
0
 
LVL 44

Accepted Solution

by:
scrathcyboy earned 500 total points
ID: 22745621
Sorry, that was --
document. getElementById("swfDIV").style.display = "none";  (opposite here is "block" )

or you can use the visibility property too --
document. getElementById("swfDIV").style.visibility = "hidden";  (the opposite here is "visible" )
0

Featured Post

How to run any project with ease

Manage projects of all sizes how you want. Great for personal to-do lists, project milestones, team priorities and launch plans.
- Combine task lists, docs, spreadsheets, and chat in one
- View and edit from mobile/offline
- Cut down on emails

Join & Write a Comment

Suggested Solutions

Styling your websites can become very complex. Here I'll show how SASS can help you better organize, maintain and reuse your CSS code.
This article explains how to prepare an HTML email signature template file containing dynamic placeholders for users' Azure AD data. Furthermore, it explains how to use this file to remotely set up a department-wide email signature policy in Office …
In this tutorial viewers will learn how to style a decorative dropcap for the first letter in a paragraph using CSS. In CSS, create a new paragraph class by typing "p.fancy": Then, to style only the first letter of the first sentence, include the ps…
In this tutorial viewers will learn how to embed videos in a webpage using HTML5. Ensure your DOCTYPE declaration is set to HTML5: "<!DOCTYPE html>": Use the <video> tag to insert a video. Define the src as the URL of your video; this is similar to …

705 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

Need Help in Real-Time?

Connect with top rated Experts

18 Experts available now in Live!

Get 1:1 Help Now