Advanced Layer Popup Support Product Page

This topic was archived

Advanced Layer Pop-up on top of all the page.

Reported 02 Dec 2009 14:23:59
1
has this problem
02 Dec 2009 14:23:59 Paul Cary posted:
I'm using the Advanced Layer Pop-up to show a slide show and would like to be on the top of the whole page. However it opens up (I'm using the overlay) on top of most of the page content with the exception of a Flash banner at the very head of the page. How can I get it to open on top of everything?

I've just checked further and in Firefox the pop-up slides underneath the Flash banner at the head of the page which remains fully illuminated thoughout the slideshow! and in IE the pop-up opens up at the head of the page and sits on top of the Flash banner but the overlay again doesn't seem to affect the Flash banner (remains fully illuminated thoughout the slideshow!)

Thanks


Edited by - Paul Cary on 02 Dec 2009  14:34:08

Replies

Replied 02 Dec 2009 16:52:52
02 Dec 2009 16:52:52 Patrick Julicher replied:
Hi Paul,

Please post a link to your page together with its source code.

Kind regards, Patrick
Replied 03 Dec 2009 11:25:42
03 Dec 2009 11:25:42 Paul Cary replied:
Thanks Patrick

url: www.timfirth.com/test.html

SOURCE:

<script src="Scripts/AC_RunActiveContent.js" type="text/javascript"></script>
<link href="styles/dmxpopup.css" rel="stylesheet" type="text/css" />
<link href="styles/Nova/Nova.css" rel="stylesheet" type="text/css" />
<script src="ScriptLibrary/advLayerPopup.js" type="text/javascript"></script>
<script type="text/javascript">
<!--
function dmxAdvLayerPopup(sTitle,sURL,sPopupName,sContent,sClass,nPositionLeft,nPositionRight,nWidth,nHeight,nAutoCloseTime,bDragable,bResizable,bOverlay,nOverlayOpacity,sIncomingEffect,sIncomingEffectEasing,nIncomingEffectDuration,bFadeIn,sOutgoingEffect,sOutgoingEffectEasing,nOutgoingEffectDuration,bFadeOut,sSlideEffect,nEffectTime,nSlideTime,bClosable,bWireframe,bgContentColor) { // v1.05
  var aURL, aSlides = sURL.split('|');
  if (aSlides && aSlides.length > 1) {
    aURL = [];
    for (var si=0;si<aSlides.length;si++) {
      var cf=aSlides[si],nW='',nH='',nS='';
      if (cf.substr(cf.length-1,1)==']') {
        var bd=cf.lastIndexOf('[');
        if(bd>0){
          var di=cf.substring(bd+1,cf.length-1);
          var da=di.split('x');
          nW=da[0];nH=da[1];
          if (da.length==3) nS=da[2];
          cf=cf.substring(0,bd)
        }   
      }      
      aURL[si] = new Object();
      aURL[si].src = cf;
      aURL[si].nWidth = (nW!=''?nW:nWidth);
      aURL[si].nHeight = (nH!=''?nH:nHeight);
      aURL[si].nDelay = (nS!=''?nS:nSlideTime);
    }  
  } else aURL = sURL;
  if (!cDMXPopupWindow) {
  	alert('The Advanced Layer Popup script is missing on your website!\nPlease upload the file ScriptLibrary/advLayerPopup.js to your live server.');
  } else {
    if (sClass == 'OS_Look') sClass = (navigator.userAgent.toLowerCase().indexOf('mac')!=-1?'dmxOSX':'dmxXP');  
    cDMXPopupWindow.buildWindow({sTitle: sTitle, sURL: aURL, sPopupName: sPopupName, sContent: sContent, sClass: sClass, aPosition: [nPositionLeft,nPositionRight], aSize: [nWidth,nHeight], nCloseDelay: nAutoCloseTime, bDragable: bDragable, bResizable: bResizable, bOverlay: bOverlay, nOverlayOpacity: nOverlayOpacity, sStartPosition: sIncomingEffect, sStartShowEffect: sIncomingEffectEasing, nIncomingEffectDuration: nIncomingEffectDuration, bFadeIn: bFadeIn, sEndPosition: sOutgoingEffect, sEndShowEffect: sOutgoingEffectEasing, nOutgoingEffectDuration: nOutgoingEffectDuration, bFadeOut: bFadeOut, sSlideEffect: sSlideEffect, nEffectTime: nEffectTime, nSlideTime: nSlideTime, bClosable: bClosable, bWireframe: bWireframe, sContentBgColor: bgContentColor });
  }  
  document.MM_returnValue = false;
}
//-->
</script>



Incidently, the script is uploaded even though the source says otherwise!

Many thanks
Paul
Replied 03 Dec 2009 12:51:37
03 Dec 2009 12:51:37 Patrick Julicher replied:
Hi Paul,

Sorry, but this is not the COMPLETE code....I'm curious about the code for the Flash object!

About the error message: This is not an error that appears in your code, but a message that would show when the correct files are not found.

Kind regards, Patrick
Replied 03 Dec 2009 13:35:54
03 Dec 2009 13:35:54 Paul Cary replied:
Thanks again Patrick

code as follows:

<HTML>
<HEAD>

<TITLE>Tim Firth - Test Page</TITLE>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link href="timstext.css" rel="stylesheet" type="text/css">
<style type="text/css">
<!--
a:link {
	text-decoration: none;
	color: #2A1FAA;
}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
	color: #000080;
}
a:active {
	text-decoration: none;
}
/* BEGIN style5 */
 #navcontainer
{
width: 12em;
border-right: 1px solid #000;
padding: 0 0 1em 0;
margin-bottom: 1em;
font-family: Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;
background-color: #90bade;
color: #333;
}

#navcontainer ul
{
list-style: none;
margin: 0;
padding: 0;
border: none;
}

#navcontainer li
{
border-bottom: 1px solid #90bade;
margin: 0;
}

#navcontainer li a
{
display: block;
padding: 5px 5px 5px 0.5em;
border-left: 10px solid #1958b7;
border-right: 10px solid #508fc4;
background-color: #2175bc;
color: #fff;
text-decoration: none;
width: 100%;
}

html>body #navcontainer li a { width: auto; }

#navcontainer li a:hover
{
border-left: 10px solid #1c64d1;
border-right: 10px solid #5ba3e0;
background-color: #2586d7;
color: #fff;
}

/* END style5 */
/* BEGIN style5 */
 #navcontainer
{
width: 12em;
border-right: 1px solid #000;
padding: 0 0 1em 0;
margin-bottom: 1em;
font-family: Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;
background-color: #90bade;
color: #333;
}

#navcontainer ul
{
list-style: none;
margin: 0;
padding: 0;
border: none;
}

#navcontainer li
{
border-bottom: 1px solid #90bade;
margin: 0;
}

#navcontainer li a
{
display: block;
padding: 5px 5px 5px 0.5em;
border-left: 10px solid #1958b7;
border-right: 10px solid #508fc4;
background-color: #2175bc;
color: #fff;
text-decoration: none;
width: 100%;
}

html>body #navcontainer li a { width: auto; }

#navcontainer li a:hover
{
border-left: 10px solid #1c64d1;
border-right: 10px solid #5ba3e0;
background-color: #2586d7;
color: #fff;
}
.style15 {font-size: 11px}
.harmless {background-color: #BCCCDF;}
.style16 {color: #808080}

/* END style5 */
-->
</style>
<script src="Scripts/AC_RunActiveContent.js" type="text/javascript"></script>
<link href="styles/dmxpopup.css" rel="stylesheet" type="text/css" />
<link href="styles/Nova/Nova.css" rel="stylesheet" type="text/css" />
<script src="ScriptLibrary/advLayerPopup.js" type="text/javascript"></script>
<script type="text/javascript">
<!--
function dmxAdvLayerPopup(sTitle,sURL,sPopupName,sContent,sClass,nPositionLeft,nPositionRight,nWidth,nHeight,nAutoCloseTime,bDragable,bResizable,bOverlay,nOverlayOpacity,sIncomingEffect,sIncomingEffectEasing,nIncomingEffectDuration,bFadeIn,sOutgoingEffect,sOutgoingEffectEasing,nOutgoingEffectDuration,bFadeOut,sSlideEffect,nEffectTime,nSlideTime,bClosable,bWireframe,bgContentColor) { // v1.05
  var aURL, aSlides = sURL.split('|');
  if (aSlides && aSlides.length > 1) {
    aURL = [];
    for (var si=0;si<aSlides.length;si++) {
      var cf=aSlides[si],nW='',nH='',nS='';
      if (cf.substr(cf.length-1,1)==']') {
        var bd=cf.lastIndexOf('[');
        if(bd>0){
          var di=cf.substring(bd+1,cf.length-1);
          var da=di.split('x');
          nW=da[0];nH=da[1];
          if (da.length==3) nS=da[2];
          cf=cf.substring(0,bd)
        }   
      }      
      aURL[si] = new Object();
      aURL[si].src = cf;
      aURL[si].nWidth = (nW!=''?nW:nWidth);
      aURL[si].nHeight = (nH!=''?nH:nHeight);
      aURL[si].nDelay = (nS!=''?nS:nSlideTime);
    }  
  } else aURL = sURL;
  if (!cDMXPopupWindow) {
  	alert('The Advanced Layer Popup script is missing on your website!\nPlease upload the file ScriptLibrary/advLayerPopup.js to your live server.');
  } else {
    if (sClass == 'OS_Look') sClass = (navigator.userAgent.toLowerCase().indexOf('mac')!=-1?'dmxOSX':'dmxXP');  
    cDMXPopupWindow.buildWindow({sTitle: sTitle, sURL: aURL, sPopupName: sPopupName, sContent: sContent, sClass: sClass, aPosition: [nPositionLeft,nPositionRight], aSize: [nWidth,nHeight], nCloseDelay: nAutoCloseTime, bDragable: bDragable, bResizable: bResizable, bOverlay: bOverlay, nOverlayOpacity: nOverlayOpacity, sStartPosition: sIncomingEffect, sStartShowEffect: sIncomingEffectEasing, nIncomingEffectDuration: nIncomingEffectDuration, bFadeIn: bFadeIn, sEndPosition: sOutgoingEffect, sEndShowEffect: sOutgoingEffectEasing, nOutgoingEffectDuration: nOutgoingEffectDuration, bFadeOut: bFadeOut, sSlideEffect: sSlideEffect, nEffectTime: nEffectTime, nSlideTime: nSlideTime, bClosable: bClosable, bWireframe: bWireframe, sContentBgColor: bgContentColor });
  }  
  document.MM_returnValue = false;
}
//-->
</script>
<link href="styles/OS_Look/OS_Look.css" rel="stylesheet" type="text/css" />
<style type="text/css">
<!--
.style17 {
	font-family: Arial, Helvetica, sans-serif;
	color: #557FFF;
}
.style18 {color: #2A5FFF}
.style19 {color: #A0A0A4}
-->
</style>
</HEAD>
<BODY BGCOLOR="#ffffff"
TEXT="#353535" BACKGROUND="Images/tf_bg.gif">

<P>
  <script type="text/javascript">
AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0','width','777','height','333','title','Tim Firth.com shop page banner','src','media/general_banner','quality','high','pluginspage','http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash','movie','media/general_banner' ); //end AC code
  </script>
  <noscript>
  <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0" width="777" height="333" title="Tim Firth.com shop page banner">
    <param name="movie" value="media/general_banner.swf">
    <param name="quality" value="high">
    <embed src="media/general_banner.swf" quality="high" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="777" height="333"></embed>
  </object>
  </noscript>
</P>

<TABLE WIDTH="760" BORDER="0" CELLSPACING="0" CELLPADDING="2">
  <TR>
    <TD width="164" height="977" VALIGN="TOP"><div id="navcontainer">
      <ul class="style15" id="navlist">[*]<a href="news_page.html" title="NEWS PAGE">NEWS</a>[/*][*]<a href="film_page.html" title="FILM PAGES">FILM</a>[/*][*]<a href="number_one_television.html" title="TV PAGES">TELEVISION</a>[/*][*]<a href="theatre_page.html" title="THEATRE PAGES">THEATRE</a>[/*][*]<a href="music_page.html" title="TIMS MUSIC">MUSIC</a>[/*][*]<a href="page2.html" title="TIMS BIO">BIOGRAPHY</a>[/*][*]<a href="page4.html" title="ABR LTD">REPRESENTATION</a>[/*][*]<a href="childrenspage.html" title="KIDS STUFF">CHILDREN'S SHOWS</a>[/*][*]<a href="gallery.html" title="PICS">GALLERY</a>[/*][*]<a href="guestbook.html" title="GUSETBOOK">GUESTBOOK</a>[/*][*]<a href="whatson.html" title="WHATS ON">WHAT'S ON</a>[/*][*]<a href="reviews_08.html" title="REVIEWS">REVIEWS</a>[/*][*]<a href="int_04.html" title="INTERVIEWS">INTERVIEWS</a>[/*][*]<a href="links.html" title="LINKS">LINKS</a>[/*][/list]
    </div>
      <P align="center" class="giglists style16">Press and publicity photographs of Tim Firth are available for Media use.      
      <P align="center" class="giglists style16">Contact <a href="mailto:timfirth.guestbook@googlemail.com?subject=mediapics">here to request.</a>
      <P align="center">
      <P align="center">
        [center]
          <p>&nbsp;</p>
          <p>&nbsp;</p>
          <p>&nbsp;</p>
          <p>&nbsp;</p>
          <p>&nbsp;</p>
          <p>&nbsp;</p>
          <p>&nbsp;</p>
          <p>&nbsp;</p>
          <p>&nbsp;</p>
          <p>&nbsp;</p>
          <p align="left"><font color="#A0A0A4" size="-4" face="Verdana, Arial, Helvetica, sans-serif">WEBSITE DESIGN BY <a href="http://www.remarkableemphasis.com" target="_blank">REMARKABLEEMPHASIS.COM</a></font>            </p>
        [/center]</TD>
    <TD width="588" COLSPAN="2" VALIGN="TOP"><TABLE WIDTH="550" BORDER="0" CELLSPACING="2"
      CELLPADDING="0">
      <TR>
        <TD WIDTH="100%" height="969"><P>[img]Images/gall_title.gif" WIDTH="375" HEIGHT="75" 
            ALIGN="BOTTOM" BORDER="0" NATURALSIZEFLAG="3" ALT="Tim Firth Gallery"></P>
            <P><FONT SIZE="-1" FACE="Verdana">Click on the photographs to
              activate a slideshow</FONT></P>
            <table width="480" border="0" align="center" cellpadding="0">
              <tr>
                <th height="124" align="left" valign="bottom" scope="col"><p class="style17"><span class="style18">SIGN OF THE TIMES</span><span class="style19"> - the gallery</span>[img]photos/newgal/sign_strip.jpg" width="480" height="84" border="1" onClick="dmxAdvLayerPopup('SIGN OF THE TIMES','photos/newgal/sign_letter1.jpg[600x435]|photos/newgal/sign_letter2.jpg[600x400]|photos/newgal/sign_frank1.jpg[481x600]|photos/newgal/sign_letter3.jpg[600x400]|photos/newgal/sign_letter4.jpg[600x400]|photos/newgal/sign_sign3.jpg[486x600]|photos/newgal/sign_sign5.jpg[600x399]|photos/newgal/sign_sign2.jpg[506x600]|photos/newgal/sign_sign4.jpg[600x472]|photos/newgal/sign_sign1.jpg[491x600]','','','OS_Look','center','center',300,200,55,true,false,true,88,'','Linear',1,true,'','Linear',1,true,'Random',5,5,true,false,'#FFFFFF');return document.MM_returnValue"></p>                </th>
              </tr>
              <tr>
                <th scope="col">&nbsp;</th>
              </tr>
              
              <tr>
                <th align="left" valign="bottom" scope="col"><p align="left" class="style17">OUR HOUSE <span class="style19">- the gallery</span>[img]photos/newgal/ourhouse_strip.jpg" width="480" height="84" border="1" class="style17" onClick="dmxAdvLayerPopup('OUR HOUSE the musical','photos/newgal/oh_poster.jpg[384x500]|photos/newgal/oh_rehearsals.jpg[600x495]|photos/newgal/oh_bench.jpg[600x456]|photos/newgal/oh_cast.jpg[600x404]|photos/newgal/oh_moggie.jpg[387x600]|photos/newgal/oh_cast2.jpg[600x404]|photos/newgal/oh_priest.jpg[410x600]|photos/newgal/oh_jail.jpg[600x420]|photos/newgal/oh_steve.jpg[347x500]|photos/newgal/oh_milkman.jpg[600x420]','','','OS_Look','center','center',300,200,50,true,false,true,88,'','Linear',1,true,'','Linear',1,true,'Random',5,5,true,false,'#FFFFFF');return document.MM_returnValue"></p>                </th>
              </tr>
              <tr>
                <th align="left" valign="top" scope="col">&nbsp;</th>
              </tr>
              
              <tr>
                <th align="left" valign="bottom" scope="col"><p class="style17">CALENDAR GIRLS<span class="style19"> - the gallery</span>[img]photos/newgal/cg_strip.jpg" width="480" height="84" border="1" onClick="dmxAdvLayerPopup('CALENDAR GIRLS film &amp; stage play ','photos/newgal/cg_poster.jpg[500x375]|photos/newgal/cg_tf.jpg[500x389]|photos/newgal/cg_cake.jpg[500x319]|photos/newgal/cg_off.jpg[500x340]|photos/newgal/cg_printrun.jpg[500x375]|photos/newgal/cg_bench.jpg[500x355]|photos/newgal/cg_stage2.jpg[500x304]|photos/newgal/cg_stage1.jpg[500x306]|photos/newgal/cg_stage3.jpg[500x326]|photos/newgal/cg_stage4.jpg[500x339]|photos/newgal/cg_stage5.jpg[500x377]|photos/newgal/cg_greece1.jpg[343x500]|photos/newgal/cg_greece2.jpg[409x500]|photos/newgal/cg_stage6.jpg[500x340]','','','OS_Look','center','center',300,200,70,true,false,true,80,'','Linear',1,true,'','Linear',1,true,'Random',5,5,true,true,'#000000');return document.MM_returnValue"></p>                </th>
              </tr>
              <tr>
                <th align="left" valign="top" scope="col">&nbsp;</th>
              </tr>
              <tr>
                <th align="left" valign="bottom" scope="col"><p class="style17">THE FLINT STREET NATIVITY <span class="style19">- the gallery</span>[img]photos/newgal/fsn_strip.jpg" width="480" height="84" border="1" onClick="dmxAdvLayerPopup('THE FLINT STREET NATIVITY','photos/newgal/fsn_dvd.jpg[284x400]|photos/newgal/fsn_playprog.jpg[275x400]|photos/newgal/fcn_cast.jpg[600x450]|photos/newgal/fsn_gillian.jpg[600x450]|photos/newgal/fsn_kings.jpg[400x561]|photos/newgal/fsn_spaceman.jpg[600x450]|photos/newgal/fsn_tv.jpg[600x361]|photos/newgal/fsn_neil.jpg[600x386]','','','OS_Look','center','center',300,200,45,true,false,true,80,'','Linear',1,true,'','Linear',1,true,'Random',5,5,true,false,'#FFFFFF');return document.MM_returnValue"></p>                </th>
              </tr>
              <tr>
                <th align="left" valign="bottom" scope="col">&nbsp;</th>
              </tr>
              <tr>
                <th align="left" valign="bottom" scope="col"><p class="style17">KINKY BOOTS <span class="style19">- the gallery</span>[img]photos/newgal/kinky_strip.jpg" width="480" height="84" border="1" onClick="dmxAdvLayerPopup('KINKY BOOTS','photos/newgal/kinky_poster.jpg[600x450]|photos/newgal/kinky_poster2.jpg[600x450]|photos/newgal/kinky_joe.jpg[600x398]|photos/newgal/kinky_tea.jpg[600x398]|photos/newgal/kinky_boots2.jpg[600x396]|photos/newgal/kinky_boots.jpg[600x392]|photos/newgal/kninky_sarahjane.jpg[600x389]|photos/newgal/kinky_boots3.jpg[780x439]|photos/newgal/kinky_lola.jpg[600x398]','','','OS_Look','center','center',300,200,45,true,false,true,80,'','Linear',1,true,'','Linear',1,true,'Random',5,5,true,false,'#FFFFFF');return document.MM_returnValue"></p>                </th>
              </tr>
              <tr>
                <th align="left" valign="top" scope="col">&nbsp;</th>
              </tr>
              
              <tr>
                <th align="left" valign="top" scope="col"><span class="style17">THE SAFARI PARTY - the gallery</span></th>
              </tr>
              <tr>
                <th align="left" valign="top" class="style17" scope="col">IN OTHER WORDS / SINGING PLAYWRIGHTS - the gallery</th>
              </tr>
              <tr>
                <td align="left" valign="top"><p>&nbsp;</p>                  </td>
              </tr>
              <tr>
                <td align="left" valign="top">&nbsp;</td>
              </tr>
              <tr>
                <td align="left" valign="top">&nbsp;</td>
              </tr>
              <tr>
                <td>&nbsp;</td>
              </tr>
              <tr>
                <td height="19">&nbsp;</td>
              </tr>
            </table>
            <DL><DT>[center]
                [/center]
          </DL></TD>
      </TR>
    </TABLE></TD>
  </TR>
</TABLE>
<P>[img]Images/tf_up_bar.gif" width="750" height="20" border="0" usemap="#Map">
<map name="Map"><area shape="rect" coords="4,1,138,18" href="gallery.html">
</map>

</BODY>
</HTML>


Replied 03 Dec 2009 13:45:53
03 Dec 2009 13:45:53 Patrick Julicher replied:
Hi Paul,

Please change the code of your Flash-object to this and try again:

<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0" width="777" height="333" title="Tim Firth.com shop page banner">
    <param name="movie" value="media/general_banner.swf">
    <param name="quality" value="high">
    <param name="wmode" value="transparent" />
    <embed src="media/general_banner.swf" wmode="transparent" quality="high" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="777" height="333"></embed>
  </object>


Kind regards, Patrick
Replied 03 Dec 2009 15:04:01
03 Dec 2009 15:04:01 Paul Cary replied:
Still performs exactly the same as before!

Thanks though

Reply to this topic