• Registered: 2010-11-21
  • Posts: 5

Topic: HELP Simpleviewer covers up DHTML

Here is a link to my site: http://www.sgardunophotography.com/TEST … dex_2.html

Here is my code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
  <meta http-equiv="content-type" content="text/html; charset=utf-8">
    <title>SimpleViewer Gallery</title>
</head>

<body>
   
    <!--START SIMPLEVIEWER EMBED -->
    <script type="text/javascript" src="svcore/js/simpleviewer.js"></script>
    <script type="text/javascript">
    var flashvars = {};
    flashvars.galleryURL = "gallery.xml";
    var params = {};
    params.wmode = "transparent";
    var attributes = {};
    attributes.id = "svInstance";
    $(document).ready(function () {
    SV.simpleviewer.load("sv-container", "100%", "100%", "222222", true, true, flashvars, params, attributes);
    });
</script>
    <div id="sv-container"></div>
    <!--END SIMPLEVIEWER EMBED -->
   
</body>
</html>

I know I am missing something!  I can't figure out what though.

  • Registered: 2008-07-06
  • Posts: 6,334

Re: HELP Simpleviewer covers up DHTML

SV.simpleviewer.load("sv-container", "100%", "100%", "222222", true, true, flashvars, params, attributes);

... should be:

SV.simpleviewer.load("sv-container", "100%", "100%", "222222", true, flashvars, params, attributes);
Steven Speirs
SimpleViewer Support Team
  • Registered: 2010-11-21
  • Posts: 5

Re: HELP Simpleviewer covers up DHTML

New code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
  <meta http-equiv="content-type" content="text/html; charset=utf-8">
    <title>SimpleViewer Gallery</title>
</head>

<body>
   
    <!--START SIMPLEVIEWER EMBED -->
    <script type="text/javascript" src="svcore/js/simpleviewer.js"></script>
    <script type="text/javascript">
    var flashvars = {};
    flashvars.galleryURL = "gallery.xml";
    var params = {};
    params.wmode = "transparent";
    var attributes = {};
    attributes.id = "svInstance";
    $(document).ready(function () {
    SV.simpleviewer.load("sv-container", "100%", "100%", "222222", true, flashvars, params, attributes);
    });
</script>
    <div id="sv-container"></div>
    <!--END SIMPLEVIEWER EMBED -->
   
</body>
</html>

Made the fix, still does not work.  Any ideas?

  • Registered: 2008-07-06
  • Posts: 6,334

Re: HELP Simpleviewer covers up DHTML

Try:

params.wmode = "opaque";
Steven Speirs
SimpleViewer Support Team
  • Registered: 2010-11-21
  • Posts: 5

Re: HELP Simpleviewer covers up DHTML

Tried with opaque and window still no dice.  I am currently working with simple viewer 2.1.  I sent a request to upgrade to 2.1.1 could that be the problem?

  • Registered: 2008-07-06
  • Posts: 6,334

Re: HELP Simpleviewer covers up DHTML

On the page whose URL you posted, you have JavaScript loading a page which contains only an iframe which, in turn, loads another page (the gallery's index page).
It would be easier to embed the gallery directly into the main page using either one of these two methods:
http://simpleviewer.net/simpleviewer/su … html#embed (embed code)
http://simpleviewer.net/simpleviewer/su … l#external (iframe)

You could also try removing the 'opacity: 1.00;' and 'z-index: 1;' entries from your <div> stylings on your main page to see if this makes a difference.

Steven Speirs
SimpleViewer Support Team
  • Registered: 2010-11-21
  • Posts: 5

Re: HELP Simpleviewer covers up DHTML

Tried to embed the code however gallery now does not display at all.  Also removed the opacity: 1.00 and z-index:1 entries and didn't make a difference.

  • Registered: 2010-11-21
  • Posts: 5

Re: HELP Simpleviewer covers up DHTML

Got it working.....There were two parts to the problem...the first was the wmode which we got working but the root of the problem was in the DHTML.  Stupid me forgot that I placed the dhtml in an iframe temporarily.  Once I put all the code together everything worked as it should. 

Thanks for your help.  Sometimes it takes another person looking at it for you to realize how you messed up!  Thanks again!