Topic: Cannot Embed with Website Tonight

Hello,

I've been trying for a bit to try and embed my simple viewer gallery in GoDaddy's website tonight template. There's a widget that allows for the pasting of HTML and I've tried the Base URL, iFrame and Dropbox methods outlined in the embedding instructions. When hosting the files on an FTP site, both the Base URL code and the iframe code receive a message of "Server Not Found" whereas the Dropbox method does not incur an error message.

If anyone can help out with this, it would be very helpful.

Thank you

Re: Cannot Embed with Website Tonight

It sounds like the URLs within your baseURL embedding code and iframe may be incorrect.

When hosting the files on an FTP site, both the Base URL code and the iframe code receive a message of "Server Not Found"

Please post the URL to your web page so that I can take a look and help further.
(I need to know where on your web server you are uploading your gallery files to, the location of the web page you are embedding the gallery into and the embedding code itself).

Steven Speirs
SimpleViewer Support Team.

Re: Cannot Embed with Website Tonight

Thank you for the very quick response Steven. The site itself is unpublished at the moment, though it can go into a full preview mode.
The gallery folder is hosted on an FTP site that is attached to the same URL as the site, but because it's using the Website Tonight template, I'm very unsure if the FTP is attached to the website or if there is a secondary FTP that is locked away behind the template.

The BaseURL code is as follows below:

<!--START SIMPLEVIEWER EMBED.-->
<script type="text/javascript" src="svcore/js/simpleviewer.js"></script>
<script type="text/javascript">
simpleviewer.ready(function () {
simpleviewer.load("sv-container", "100%", "100%", "000000", true);
});
</script>
<div id="sv-container"></div>
<!-- END SIMPLEVIEWER EMBED -->

The DropBox code is as follows.
<iframe src="https://www.dropbox.com/s/28ofhka617gbibw/ArtGallery.html" width="800" height="600" frameborder="0" scrolling="no"></iframe>

Re: Cannot Embed with Website Tonight

If you are going to use the embedding code you posted, then you will need to ensure that the contents of your gallery folder (the 'images', 'thumbs' and 'svcore' folders and the 'gallery.xml' file) are uploaded to the same directory as the web page containing the embedding code (as documented here).

If you are having trouble knowing where to upload your files to, Website Tonight should be able to help further.

You could also try the baseURL method of embedding. It allows you to upload the entire gallery folder to your web server (not just the contents). It does not matter where on your web server you upload the gallery folder to as long as the two paths within the embedding code (the path to the 'simpleviewer.js' file and the baseURL itself) are correct.
For example, if your gallery folder is named 'mygallery' and you upload it to the root of your web space, then your baseURL embedding code would be:

<!--START SIMPLEVIEWER EMBED.-->
<script type="text/javascript" src="/mygallery/svcore/js/simpleviewer.js"></script>
<script type="text/javascript">
var flashvars = {};
flashvars.baseURL = "/mygallery/";
simpleviewer.ready(function () {
simpleviewer.load("sv-container", "100%", "100%", "222222", true, flashvars);
});
</script>
<div id="sv-container"></div>
<!-- END SIMPLEVIEWER EMBED -->

If you are going to host your gallery using Dropbox and use the <iframe> code, then you will need to upload your gallery files to your Dropbox account's 'Public' folder and use the public link to the gallery's 'index.html' file.
At the moment, your Dropbox URL in your <iframe> is a file-sharing URL (which serves up the HTML page as a download rather than displaying the page like a regular web server would).
A Dropbox public link will look something like this: https://dl.dropboxusercontent.com/u/123456789/index.html

For instructions on how to host a gallery using Dropbox (and how to create a 'Public' folder if your Dropbox account does not already have one), please see the Embedding in a Web Template Site support section.

Steven Speirs
SimpleViewer Support Team.

Re: Cannot Embed with Website Tonight

Hello Steven,

Thank you for the reply. The entirety of the folder is in a web server, but I'm unsure of how to get the simpleviewer.js path correct. The code that I've gotten from the svbuilder is in my last reply.

As for DropBox, I've followed those instructions as well, but the DropBox link that's copied to the clipboard is in the format shown in the iframe. I have no idea how to create a link as you describe as the only option given is to give the link shown as https://www.dropbox.com/s/28ofhka617gbi … llery.html

Is there any way to change the formatting of the dropbox link to what you describe or to copy that formatting to the clipboard from dropbox?

Re: Cannot Embed with Website Tonight

The entirety of the folder is in a web server, but I'm unsure of how to get the simpleviewer.js path correct.

You need to know where on your web server you have uploaded your gallery folder, otherwise you will not know where the 'simpleviewer.js' file is located. Unfortunately, I have no way of knowing where you have uploaded your gallery folder to.
Perhaps you could upload your gallery folder to the root of your web space (directly into the 'public_html' folder on your web server). If your domain is called 'www.example.com' and your gallery folder is named 'mygallery', then the path to the 'simpleviewer.js' file would be http://www.example.com/mygallery/svcore/js/simpleviewer.js.

As for DropBox, I've followed those instructions as well, but the DropBox link that's copied to the clipboard is in the format shown in the iframe.

First of all, you need to ensure that your Dropbox account has a public folder. It sounds like your Dropbox account may not have a 'Public' folder yet. If your Dropbox account was created after 4 October 2012, you will need to manually create a 'Public' folder on your account by following the 'Creating a Public folder' instructions on this web page.
Next, drag and drop your entire gallery folder (not just the contents) into the 'Public' folder.
Finally, navigate inside the 'Public' folder, then navigate inside your gallery folder, right-click the gallery's 'index.html' file and select 'Copy public link'.

Is there any way to change the formatting of the dropbox link to what you describe or to copy that formatting to the clipboard from dropbox?

No. There is no way to convert a file-sharing link to a public link.

Steven Speirs
SimpleViewer Support Team.

Re: Cannot Embed with Website Tonight

Hello Steven,

Thank you very much for your help. After a bit of tweaking and reorganizing of the gallery folders in our ftp, we got the simpleviewer to work right after your reply. I apologize for not confirming that your advice worked. You can view the published site at http://illperipheral.com/home.html

The only issue that we seem to be having now is that the simpleviewer galleries are not showing up in other browsers. They are hosted on the pages http://illperipheral.com/art.html and http://illperipheral.com/photos.html

They seem to be fine in Safari, but in Firefox and Chrome, the galleries are just blank elements. I used Firebug to inspect the elements and they seem to be there, but they aren't showing anything. We've contacted GoDaddy who made the website builder and they don't seem to have a solution.

Any help is most appreciated smile

Also, the code is below for each gallery.

<!--START SIMPLEVIEWER EMBED.-->

<script type="text/javascript" src="http:/www.illperipheralcomics.com/

SimpleViewer/svcore/js/simpleviewer.js"></script>

<script type="text/javascript">

var flashvars = {};

flashvars.baseURL = "http://www.illperipheralcomics.com/SimpleViewer/";

simpleviewer.ready(function () {

simpleviewer.load("sv-container", "100%", "100%", "000000", true, flashvars);

});

</script>

<div id="sv-container"></div>

<!-- END SIMPLEVIEWER EMBED -->

<!--START SIMPLEVIEWER EMBED.-->

<script type="text/javascript" src="http:/www.illperipheralcomics.com/

SimpleViewer2/svcore/js/simpleviewer.js"></script>

<script type="text/javascript">

var flashvars = {};

flashvars.baseURL = "http://www.illperipheralcomics.com/SimpleViewer2/";

simpleviewer.ready(function () {

simpleviewer.load("sv-container", "1175", "669", "000000", true, flashvars);

});

</script>

<div id="sv-container"></div>

<!-- END SIMPLEVIEWER EMBED -->

Re: Cannot Embed with Website Tonight

There is a typo in the path to your 'simpleviewer.js' file in your gallery's embedding code on your http://illperipheral.com/art.html page (a missing '/' after 'http:').
Change:

<script type="text/javascript" src="http:/www.illperipheralcomics.com/SimpleViewer2/svcore/js/simpleviewer.js"></script>

... to:

<script type="text/javascript" src="http://www.illperipheralcomics.com/SimpleViewer2/svcore/js/simpleviewer.js"></script>

Incidentally, if you plan to access your web site using 'illperipheral.com' then I would recommend that you do not hard-code the 'www' subdomain into paths in your embedding code. This may break the Mobile Player version of the gallery.
All gallery files should be located on the same domain or subdomain as the HTML document which contains the gallery's JavaScript embedding code due to the same-origin policy.
Instead, use a leading slash to denote your root directory as in the following embedding code:

<!--START SIMPLEVIEWER EMBED.-->
<script type="text/javascript" src="/SimpleViewer2/svcore/js/simpleviewer.js"></script>
<script type="text/javascript">
var flashvars = {};
flashvars.baseURL = "/SimpleViewer2/";
simpleviewer.ready(function () {
simpleviewer.load("sv-container", "1175", "669", "000000", true, flashvars);
});
</script>
<div id="sv-container"></div>
<!-- END SIMPLEVIEWER EMBED -->
Steven Speirs
SimpleViewer Support Team.

Re: Cannot Embed with Website Tonight

Hello Steven,

Thank you for the speedy reply. I've tried not using the www subdomain but unfortunately because of the way files are hosted on website tonight, you have to host gallery files on an ftp that is not the same domain as the site. This is why the gallery files are hosted on illperipheralcomics.com rather than illperipheral.com. Without the www subdomain, the gallery xml cannot be found.

Correcting the typo didn't seem to solve the issue. The gallery is still having trouble showing in other browsers, though it shows up fine from computers with Safari. Does this have something to do with the way the javascript is read?

Re: Cannot Embed with Website Tonight

Disregard the last message. It seems to be working now in Chrome and Firefox after double-checking for typos and rewriting the code and republishing. Thank you very much Steven! You're awesome!

Re: Cannot Embed with Website Tonight

It seems to be working now

That's great!
Thank you for posting back to let me know.

Thank you very much Steven!

You're welcome!

Steven Speirs
SimpleViewer Support Team.