Hi there,
I am trying to add a SWF link in my Story Map Journal. I go to add a section and in the side panel I have tried to add it as the following:
with no success.
here are my code examples:
Object:
<object width="100%" height="800" data="http://www.nzhistory.net.nz/files/interactive/sinai-map/SinaiCampaignMap.swf"> </object>
Embed:
<embed width="100%" height="600" src="http://www.nzhistory.net.nz/files/interactive/sinai-map/SinaiCampaignMap.swf">
iframe:
<p> <iframe name="sinai" src="http://www.nzhistory.net.nz/files/interactive/sinai-map/SinaiCampaignMap.swf" scrolling="no" frameborder="no" height="400" width="100%"> <p>Your browser does not support iframes.</p> </p>
Can any one assist please?
Cheers
Andrew
Solved! Go to Solution.
Andrew, the server your swf file is hosted on does not have a https certificate so you will not be able to use the https url. When you add the swf file make sure to use this url: http://www.nzhistory.net.nz/files/interactive/sinai-map/SinaiCampaignMap.swf. Also, do not copy this url directly from geonet, the copied link gets an extra redirect in it which in not able to be embedded in the map journal. Instead open the URL in a browser, wait for the swf to load, then copy that URL directly from the URL bar. Also, because your server does not have a https certificate, your swf file will not load on many browsers if the Map Journal has been loaded over https. The https connection is a secure connection and many browsers will not allow insecure (http) connection to be embedded within an https app. Anytime you load your story or share the link, be sure the URL you share begins with http and not https. Here's the steps I followed:
Sure, it just looks like you have a couple extra paragraph tags wrapping your iframe code that is causing it not to work in the builder.
First just Choose the webpage option and paste just the URL (http://www.nzhistory.net.nz/files/interactive/sinai-map/SinaiCampaignMap.swf ) to your swf file and not the full code snippet.
Click configure then choose the fill option and continue.
Hi Stephen
Thanks for the reply. I have tried both methods of placing the webpage in the main and secondary sections and it comes up blank. I am using Google Chrome, I wouldn't have thought this to be the cause of the issue.
Cheers
Andrew
Andrew, can you paste a screenshot of how you are adding it? I used the URL you provided and everything worked on my end. Also, one thing to check. Does the URL of your map journal app start with http or https? Because of browser security, you are not able to load embedded content from an insecure http connection if your parent app has been loaded with https. Because the website which hosts the swf file does not have https certificate, you will always need to share you map journal from a http connection.
Hi Stephen,
Thanks for this. I am using http and not https, when I do add it i get the following picture using https://www.nzhistory.net.nz/files/interactive/sinai-map/SinaiCampaignMap.swf :
I take the following steps:
Here the html created after adding the web url
<div class="iframe-container mj-frame-by-url fit"><span style="font-size:14px"><iframe allowfullscreen="1" data-unload="true" frameborder="0" height="600" src="http://www.nzhistory.net.nz/files/interactive/sinai-map/SinaiCampaignMap.swf" width="100%"></iframe></span></div>
Cheers
Andrew
Andrew, the server your swf file is hosted on does not have a https certificate so you will not be able to use the https url. When you add the swf file make sure to use this url: http://www.nzhistory.net.nz/files/interactive/sinai-map/SinaiCampaignMap.swf. Also, do not copy this url directly from geonet, the copied link gets an extra redirect in it which in not able to be embedded in the map journal. Instead open the URL in a browser, wait for the swf to load, then copy that URL directly from the URL bar. Also, because your server does not have a https certificate, your swf file will not load on many browsers if the Map Journal has been loaded over https. The https connection is a secure connection and many browsers will not allow insecure (http) connection to be embedded within an https app. Anytime you load your story or share the link, be sure the URL you share begins with http and not https. Here's the steps I followed:
Hi Stephen,
Thanks for this. I have done all this. I am wondering if it is something to do with Google Chrome. I have tested in IE 11 and it works ok...
So frustrating when this happens.
Many thanks for your help
Andrew
Hi Stephen,
I have confirmed that google was displaying the map journal in https and therefore wouldn't load the http swf file.
Once again many thanks for your help
Great, glad you figured it out. Yes, unfortunately the only work around is to make sure you always share you story with an http url so the browser security restrictions don't block the insecure content.