Displaying an swf below an html div layer

I'm trying to get an swf to display underneath an html div,
but the browser seems to always put the swf on the top-most layer.
I read a while back when I tried this before that it wasn't
possible as the browser would always load plug-in content top most,
but I notice on thsi site (adobe.com) the menu's are html based and
display over the promo swf element within the home page. Adobe use
some fairly heavy javascript to display all the elements to their
page so trying to work it out from that is a bit hectic - if anyone
can tell me the principles to getting html divs above swfs that
would be much appreciated
Thanks
Robin

I believe if you place the following code in your
<object> tag you will get what you want.
<param name="wmode" value="transparent">

Similar Messages

SWF over DIV Layer

Hi,
I'm going trough some difficulties upon trying to make an
HTML DIV Layer appear over a SWF movie clip embbed on a page.
The DIV initial status is hidden(display:none) but in a
certain moment this div must be shown and it should appear over the
swf movie. The problem is that swf movie always appear over the DIV
Layer. I've set up the Z-Index and it did not work correctly.How
can I get this behaviour to make swk appear below the div layer?
Thanks a lot.

Not by the method you mention in your subject line -
All Active content on a page will always rise to the top, so
to speak,
including Flash, certain form elements, Java applets, and
Active X controls.
This means that each of these will poke through layers. There
is not a good
cross-browser/platform reliable way to solve this issue, but
if you can be
confident in your visitors using IE 5+ or NN6+, then you can
use the Flash
wmode parameter (however, Safari does not support this
properly!).
Adobe articles:
http://www.adobe.com/cfusion/knowledgebase/index.cfm?id=tn_15523
http://www.adobe.com/cfusion/knowledgebase/index.cfm?id=tn_14201
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
==================
"Alexander Ross" <[email protected]> wrote in message
news:fbung4$2a3$[email protected]..
> I'm trying to convinve my boss that this is not a good
idea, but I'm
> having trouble making the argument ... anyone have a
good way for me to
> approach this argument?
>
> Alex

Display SWF content within HTML in a transparent winodow

Hi,
I have upgraded to Adobe AIR 1.5.2 and still unable to display a SWF content embedded in HTML container in a transparent window.
Is there any certain wmode setting needed?
Thanks,
ARS

Yes, you can't use wmode, "window". The "transparent" or "opaque" wmodes should work fine.

Loading SWF in Dreamweaver using DIV and Accordian

Hi
I am wanting to create a web page with a vertical navigation panel on the left of the page and because this will includes 'categories' and 'sub categories' (see below)
CATEGORY 1
sub category 1a
sub category 1b
sub category 1c
sub category 1d
sub category 1e
CATEGORY 2
sub category 2a
sub category 2b
sub category 2c
sub category 2e
Ideally I would want the Category tabs when clicked to reveal the sub categories (Accordian)
I have the Spry Accordian set in a Div at the moment in Dreamweaver and the sub categories
open up and function fine. What I would like to achieve is to make all those sub categories links, to insert a SWF in to the div that is located to the right of the vertical nav column. (see attachment simple diagram) So, say sub category 2a was clicked then in the 'SWF display area div', the SWF associated with that link would appear, the if 'sub category 2d' was clicked the same 'SWF area div' was populated with the SWF linked to 'sub category 2d', if 'sub category 2e' was clicked then the SWF associated with 'sub category 2e' would then load into the 'SWF area div'. The attached image may make things clearer.
Many thanks in advance for any assistance you can give me.

Hi
What you are talking about is an ajax enabled page, you can use html or xml using spry, (see - http://www.adobe.com/devnet/spry/)
Or any type of page php,asp, etc. using one of the javascript frameworks such as jQuery.
PZ

Div Layer on top of Div Layer impossible problem

Hello guys,
For over 42 hours I've been puzzling myself with this problem.
Using Dreamweaver cs5.5, i have a text box with overflow:auto, because there's alot of text. On top of this layer I have another div layer with a pic that fades when the page loads. My problem is the scrollbar is beneath the layer for the pic that fades, so when you try to scroll down the page you cannot because the pic layer blocks it. In Internet Explorer it works perfectly fine, but not in any other browser.
Anyone know any way around this uberly frustrating problem?
Thanks, and take care!

Thank you for your response Murray....Below is the code. I appreciate any and all input.
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<link rel="stylesheet" type"text/css" href="style/main.css" />
<style type="text/css">
#apDiv1 {
          width:800px;
          height:680px;
          margin:auto;
          position:relative;
#apDiv2 {
          position:absolute;
          width:200px;
          height:115px;
          z-index:1;
#apDiv3 {
          position:absolute;
          width:628px;
          height:439px;
          z-index:1;
          left: 23px;
          top: 26px;
#apDiv4 {
          position:absolute;
          width:200px;
          height:115px;
          z-index:1;
          left: -28px;
          top: -2px;
#apDiv5 {
          position:absolute;
          width:608px;
          height:400px;
          z-index:2;
          left: 89px;
          top: 153px;
</style>
<script src="SpryAssets/SpryEffects.js" type="text/javascript"></script>
<script type="text/javascript">
function MM_effectAppearFade(targetElement, duration, from, to, toggle)
          Spry.Effect.DoFade(targetElement, {duration: duration, from: from, to: to, toggle: toggle});
</script>
</head>
<body>
<div id="apDiv1">
<div id="apDiv2"><img src="images/lifelight street faded bg 2.jpg" width="800" height="680" border="0" usemap="#Map" />
    <map name="Map" id="Map">
      <area shape="rect" coords="242,106,303,134" href="index.html" />
    </map>
    <div id="apDiv5">
      <div id="apDiv3">
      <div style="overflow:auto; height:347px; font-family:Verdana, Geneva, sans-serif;">   <center> <b>ABOUT US</b> </center> <p>
Life Light Street Productions was started by a small group of individuals interested in creating a social network to encourage disconnected youth on street corners to earn GED’s, consider and prepare for college enrollment and to learn about career options.<p>
In 2005 founder and Executive Director Ayanna M. Cole, MSW started leading a group of young adult professionals and college students to a neighborhood in South Jamaica, Queens to begin a dialogue with youth and young adults found hanging out in the neighborhood. Over three years volunteers spent every Saturday morning and early afternoon walking through the neighborhood talking and even praying with youth and young adults found on street corners, on basketball courts and on building stoops.<p>
Volunteers provided information in response to a variety of needs such as finding summer employment, how to apply to college, resume writing and career options.<p>
Today Life Light Street Productions is also facilitating media training workshops with court involved youth and formerly incarcerated men and women.<p>
Board of Directors:<br />
Ayanna M. Cole, MSW <br />
Dr. Adelaide During<br />
Larissa K. Cole
<p>
Advisory Board:<br />
Rev. Alfonso Wyatt, President, Fund for the City of NY<br />
Alisa W. Cupid, Esq.
<p>
Contact Us <br />
Phone: 718-564-7221<br />
Email:
</div></div>
     <div id="apDiv4"><img src="images/kidpic2.jpg" style="position:absolute; width: 649px; left: 31px;" width="637" height="467" onload="MM_effectAppearFade('apDiv4', 2200, 100, 0, false)" /></div>
</div>
</div>
</div>
</body>
</html>

Centering Image Horizontally within Div Layer

I've placed an image inside a div layer. The div layer is 200 pixels wide by 200 pixels high. My image is 480 pixels x 720 pixels. So the layer is smaller than the image. How do I center the image horizontally within my div layer? I've applied a css rule on the layer as followed:
#pictureframe {
position:absolute;
width:200px;
height:200px;
overflow: hidden;
text-align: center;
vertical-align: middle;
display: inline-block;
Because the image is larger than the div layer the image doesn't want to center horizontally. It seem to justify itself on the left side of the div layer even though I've applied a text-align: center on it. Any suggestions.

Make your division at least as wide as your image. Height of divisions should always be determined by content inside it. If you impose a height limit on your division, increased content or text size will fail, causing content to be hidden. If required to display a background-image, use the min-height property.
APDivs as a primary layout method seldom works well. Here is why:
http://apptools.com/examples/pagelayout101.php
Also, APDivs cannot be centered as they are removed from the normal page flow. You might try wrapping an APDiv inside a relatively positioned parent container, but without seeing your page (entire code), it's impossible to say for sure if this will work for you.
See Centering Pages, Images and other elements with CSS
http://cookbooks.adobe.com/post_Centering_web_pages_and_other_elements_with_CSS-16640.html
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb

AP DIV layer problem

Is there any way the AP DIV layer can work in a centered
layout and move with the other elements on my web page?
Murray, I asked before about the rollover images and the grid
design with photos. You gave me a solution but I couldn't even find
some of the things you mentioned. Are you on a pc? I am on a mac.
Is that why?
I got it to work great with the divs without centering my
page in the browser window as it moves.

> Is there any way the AP DIV layer can work in a centered
layout and move
> with
> the other elements on my web page?
Sure.
Change this -
</head>
to this -
<style type="text/css">

</style>
</head>
change this -
<body ...>
to this -
<body ...>
<div id="wrapper">
and this -
</body>
to this -

</div>
</body>
and see if that helps.
> Murray, I asked before about the rollover images and the
grid design with
> photos. You gave me a solution but I couldn't even find
some of the things
> you
> mentioned.
Like what?
> Are you on a pc? I am on a mac. Is that why?
I'm on both. I'm pretty sure my suggestion was platform
agnostic.
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
==================
"dxexaxnx" <[email protected]> wrote in
message
news:fovpf2$t7q$[email protected]..
> Is there any way the AP DIV layer can work in a centered
layout and move
> with
> the other elements on my web page?
>
> Murray, I asked before about the rollover images and the
grid design with
> photos. You gave me a solution but I couldn't even find
some of the things
> you
> mentioned. Are you on a pc? I am on a mac. Is that why?
>
> I got it to work great with the divs without centering
my page in the
> browser
> window as it moves.
>

How to display IR field value in HTML

All,
I have an interactive report and in the region header part I want to display a value of employee number for which this IR has been called, my HTML Looks like this in region header but it display "Employee Number:#EMPLOYEE_NUMBER# " and does not replace value. I am newbie and web technologies and all of us in my company of forms programmers. Any help would be appreciated. Thanks in advance
<html>
<body>
<B><font size=+3>Employee Number:#EMPLOYEE_NUMBER#</font></B>
</body>
</html>

I tried it like what you said but it did not work it still displays &employee_number. as is.
<html>
<body>
<B><font size=+3>Employee Number:&employee_number.
</font></B>
</body>
</html>
Do you think i need some javascript here?

How do i display text information below an ALV grid.??

Hi.
I need to display my output in an ALV GRID.
also i need to display summary details below the ALV grid. the smmary values keep changing dynamically depending upon selection screen inputs!!

chk this report..write your code in the footer
*& Report ZRJR02                                                      *
REPORT ZRJR02                                  .
*Table declaration.
TABLES:ZEMP_MST,ZDEPT_MST,ZDESG_MST,ZSL_TXN.
*Varriable declaration.
TYPE-POOLS SLIS.
DATA : POS TYPE I.
DATA REPID LIKE SY-REPID.
DATA : F1 TYPE SLIS_T_FIELDCAT_ALV,
       F2 TYPE SLIS_FIELDCAT_ALV,
       L_LAYOUT TYPE SLIS_LAYOUT_ALV.
DATA L_POS TYPE I VALUE 1.               "position of the column
DATA GT_FIELDCAT TYPE SLIS_T_FIELDCAT_ALV.
*DATA GT_SORT TYPE SLIS_T_SORTINFO_ALV.
data: GT_EVENTS    TYPE SLIS_T_EVENT,
       FS_EVENTCAT LIKE LINE OF GT_EVENTs.
*Internal table declaration.
*DATA BEGIN OF IT_SORT OCCURS 5.
*      INCLUDE TYPE SLIS_SORTINFO_ALV.
*DATA END OF IT_SORT.
DATA:BEGIN OF ITAB OCCURS 0,
      ZEMPNO    LIKE ZEMP_MST-ZEMPNO,
      ZEMPNAME LIKE ZEMP_MST-ZEMPNAME,
      ZDEPTCD   LIKE ZEMP_MST-ZDEPTCD,
      ZDEPTNAME LIKE ZDEPT_MST-ZDEPTNAME,
      ZDESGCD   LIKE ZEMP_MST-ZDESGCD,
      ZDESGNAME LIKE ZDESG_MST-ZDESGNAME,
     END OF ITAB.
REFRESH ITAB.CLEAR ITAB.
START-OF-SELECTION.
SELECT A~ZEMPNO A~ZEMPNAME A~ZDEPTCD B~ZDEPTNAME A~ZDESGCD C~ZDESGNAME
       FROM ZEMP_MST AS A
         INNER JOIN ZDEPT_MST AS B
           ON A~ZDEPTCD EQ B~ZDEPTCD
         INNER JOIN ZDESG_MST AS C
           ON A~ZDESGCD EQ C~ZDESGCD
       INTO CORRESPONDING FIELDS OF TABLE ITAB.
IF SY-SUBRC <> 0.
   MESSAGE E899(M3) WITH 'No records'.
ENDIF.
perform f_build_eventcat.
PERFORM LAYOUT.
END-OF-SELECTION.
*&      Form LAYOUT
FORM LAYOUT .
PERFORM FCAT USING 'ZEMPNO'    'ITAB' '' 'Emp.No.'   'ZEMPNO'    'ZEMP_MST' ''.
PERFORM FCAT USING 'ZEMPNAME' 'ITAB' '' 'Emp. Name' 'ZEMPNAME' 'ZEMP_MST' ''.
PERFORM FCAT USING 'ZDEPTCD'   'ITAB' '' 'Dept.Code' 'ZDEPTCD'   'ZEMP_MST' ''.
PERFORM FCAT USING 'ZDEPTNAME' 'ITAB' '' 'Dept.Name' 'ZDEPTNAME' 'ZDEPT_MST' ''.
PERFORM FCAT USING 'ZDESGCD'   'ITAB' '' 'Desg.Code' 'ZDESGCD'   'ZEMP_MST' ''.
PERFORM FCAT USING 'ZDESGNAME' 'ITAB' '' 'Desg.Name' 'ZDESGNAME' 'ZDESG_MST' ''.
* PERFORM LSORT USING 'ZEMPNO' 'IDATA' ''.
* PERFORM LSORT USING 'ZEMPNAME' 'IDATA' ''.
* MOVE IT_SORT[] TO GT_SORT[].
REPID = SY-REPID.
CALL FUNCTION 'REUSE_ALV_LIST_DISPLAY'
    EXPORTING
         I_CALLBACK_PROGRAM       = REPID
         IT_FIELDCAT              = F1
*         IT_SORT                  = GT_SORT
         I_SAVE                   = 'X'
         IT_EVENTS                = GT_EVENTS[]
     TABLES
          T_OUTTAB                 = ITAB.
IF SY-SUBRC <> 0.
    MESSAGE ID SY-MSGID TYPE SY-MSGTY NUMBER SY-MSGNO
          WITH SY-MSGV1 SY-MSGV2 SY-MSGV3 SY-MSGV4.
ENDIF.
ENDFORM.                    " LAYOUT
*&      Form FCAT
FORM FCAT USING P_FIELD P_TABLE P_SUM P_TEXT P_RFIELD P_RTABLE P_DISP.
ADD 1 TO POS.
F2-COL_POS       = POS.
F2-FIELDNAME     = P_FIELD.
F2-TABNAME       = P_TABLE.
F2-SELTEXT_L     = P_TEXT.
F2-REF_FIELDNAME = P_RFIELD.
F2-REF_TABNAME   = P_RTABLE.
F2-DO_SUM        = P_SUM.
F2-NO_OUT        = P_DISP.
APPEND F2 TO F1.
CLEAR F2.
ENDFORM.                " FCAT
*&      Form LSORT
*FORM LSORT USING P_FIELD P_TABLE P_UP.
* ADD 1 TO L_POS.
* IT_SORT-SPOS      = L_POS.
* IT_SORT-FIELDNAME = P_FIELD.
* IT_SORT-TABNAME   = P_TABLE.
* IT_SORT-UP        = P_UP.
* APPEND IT_SORT.
*ENDFORM.                    " LSORT
FORM F_BUILD_EVENTCAT .
CLEAR: GT_EVENTS. REFRESH: GT_EVENTS.
CLEAR: FS_EVENTCAT.
FS_EVENTCAT-NAME = 'TOP_OF_PAGE'.
FS_EVENTCAT-FORM = 'F_REPORT_HEADER_ALV'.
APPEND FS_EVENTCAT TO GT_EVENTS.
CLEAR: FS_EVENTCAT.
FS_EVENTCAT-NAME = 'END_OF_LIST'.
FS_EVENTCAT-FORM = 'F_WRITE_SUMMARY'.
APPEND FS_EVENTCAT TO GT_EVENTS.
ENDFORM.                    " F_BUILD_EVENTCAT
FORM F_REPORT_HEADER_ALV.
CALL FUNCTION 'Z_YHEAD_PRINT'
EXPORTING
   TITLE1        = 'XYZ Limited'
   TITLE2        = 'Employee Master'
   TITLE3        = 'Created on '
   COLOR         = 'X'
ENDFORM.
*&      Form F_WRITE_SUMMARY
*       Write summary before exit
FORM F_WRITE_SUMMARY .
write:/ 'Welcome to XYZ Limited'.
write:/ 'This is a test program to display Report in ALV Format'.
ENDFORM.

How to display an image on the HTML page by using applet

Dear friends,
I am now writing an java applet, I want to display an image on the HTML page, and tried the following commands:
{color:#ff00ff}{color:#000000}Image map; //put in the class definition
map=getImage(getCodeBase(),"hhh.gif"); //put in the function of init()
g.drawImage(map,0,300,this); //put in the function of paint(){color}
{color}
However, when I run it, the image wasn't displayed at all.
I hope who guys ever come across this problem could help me to solve it. Thank you in advance!
Hawaii

Hi,
I am no expert on Images
but
from personal exp.
are you sure that map actually contains the image?
try using
ImageIcon ii = ImageIcon(String name);
map = ii.getImage();I saw a tutorial on images i think on sun
where they use ImageIcon to load the image

How to display datetime like below

How to display datetime like below
13-oct-2014 10:11:00
2014-10-13 10:11:00
(I always must display seconds as 00)
format is
dd-mmm-yyyy hh:mm:00
yyyy-mm-dd hh:mm:00

if I use
SELECT FORMAT(getdate(),'dd-MMM-yyyy hh:mm:00')
I'm getting the following error
'FORMAT' is not a recognized built-in function name.
Thats because your version is below 2012
then use the other suggestion which is
SELECT REPLACE(CONVERT(varchar(12),datefield,106),' ','-') + ' ' + CONVERT(varchar(5),datefield,108) + ':00'
FROM Table
Please Mark This As Answer if it helps to solve the issue Visakh ---------------------------- http://visakhm.blogspot.com/ https://www.facebook.com/VmBlogs

How do you display a swf video / videos when you mouse over

How do you display a swf video / videos when you mouse over, It'll be something like a pop up but just that it doesn't open in another windows but within the same window and will be like a pop up roll over image.

Thank you for the reply.
I've been putzing around with it and came across the 'SetEventHandler' object and thought I'd try and make that one work.
Here's what I've got so far.
       <mx:SetEventHandler target="{turnAroundMovie}" name="handleMovieClip" handler="stopMovie()"/>
And then my fuction.
   <mx:Script>
        <![CDATA[
            private function stopMovie():void{
                turnAroundMovie.stop(); 
        ]]>
    </mx:Script>
My first instinct was the simple stop(), but that didn't fly. I even added a stopMovie frame in my .swf and tried a gotoAndStop('stopMovie'); but that didn't fly either. And that's kind of where I'm stuck at.

Display a .swf file in the Gallery example

Is it possible to display a .swf file instead of a .jpeg in
the Gallery example? Any help would be appreciated.

You "CAN" do it, but it would probably be kind of clunky. A
detailed region rewrites the code and in theory you should be able
to write in a new SWF. I don't mean, write in a new "location" but
re-write out the entire tag.
Hope this helps.

Displaying a PDF File in a Div

I'm stuck on something so simple. I have a page with 2 side
by side divs. I want to display a PDF in the left div. How do I do
it?
<body>
<div id="PDF" class="scrollLeft">
PDF goes here!
</div>
<div id="PatientEntry" class="scrollRight">
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing
elit, sed diam nonummy nibh.</p>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing
elit, sed diam nonummy nibh.</p>
</div>
</body>
Thanks,
Gary

This should do the trick.
<div id="PDF" class="scrollLeft">
<iframe width="99%" height="99%"
src="mypdf.PDF"></iframe>
</div>

Show/Hide Div Layer with CSS (k)

Is there a way you can control the visibility of a Div Layer
without
Javascript? Using CSS perhaps?
Even though a small percentage doesn't have Javascript
enabled, I need
to have something to show. In this case a webpage that has
button when
clicked shows a layer.
Can this be accomplished with CSS?
-Kirk

"Thierry" <[email protected]> wrote in message
news:foqle4$470$[email protected]..
> fwiw, I don't see an issue with that. I think the user
would get (fast) a
> pretty good understanding of how things work.
> imho, it'd be like saying a flyout menu is buggy because
once submenus are
> opened and the user clicks outside of them they close...
> This is part of UE, I think it's an "expected behavior".
> As a side note, I don't think this gallery is more
confusing than a
> lightbox gallery ;)
Clicks, to the average user's grasp of conventional wisdom,
are permanent.
You click and something happens. We're talking about web
pages here, not OS
controls -- so a Windows flyout menu that initializes on
click, works on
mouseover, and closes onclick is not necessarily a good
analogy. I would bet
a tidy sum that any focus group that did not include web
designers would,
consensually, be confused by that page. Moreover, the
behavior is not the
same in all browsers.
> ...and on top of that, it is very keyboard friendly.
> So it is not *that* bad...
That's the only good thing - but making a page that works
well for keyboard
users at the expense of the rest of the world is not logical.
But hell, if Kirk likes that technique, he is certainly free
to use it. I
was just reading through this forum today and was kind of
surprised to see
someone recommending that technique.
Que sera.
Al Sparber - PVII
http://www.projectseven.com
Extending Dreamweaver - Nav Systems | Galleries | Widgets
Authors: "42nd Street: Mastering the Art of CSS Design"

Displaying an swf below an html div layer

Similar Messages

Maybe you are looking for