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: * embedded as webpage under insert webpage * iframe as source * object as source * embed as source with no success. here are my code examples: Object: Embed: iframe: Your browser does not support iframes. Can any one assist please? Cheers Andrew

nav[aria-label="Primary Navigation"] { padding: 0; & ul { list-style: none; width: 100%; display: flex; flex-direction: row; justify-content: start; align-items: start; gap: 30px; padding: 0; & li { margin: 0; } & ul li { list-style: none; } } }

Adding a SWF Link in my Story Map Journal

AndrewHansford

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:

embedded as webpage under insert webpage
iframe as source
object as source
embed as source

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

Encuentra más publicaciones etiquetadas con

Accepted answers

StephenSylvia

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:

Screen Shot 2016-07-21 at 11.27.47 AM.png

All comments

StephenSylvia

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. Screen Shot 2016-07-15 at 11.27.03 AM.png

Click configure then choose the fill option and continue.

Screen Shot 2016-07-15 at 11.27.15 AM.png

AndrewHansford

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

StephenSylvia

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.

AndrewHansford

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:

I click on:

I go to the side panel and select insert picture, video, and web url.

I enter the Web URL and then get nothing appearing on Screen:

If I use https I get the first image...

Here the html created after adding the web url

Cheers

Andrew

StephenSylvia

Screen Shot 2016-07-21 at 11.27.47 AM.png

AndrewHansford

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

AndrewHansford

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

StephenSylvia

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.

Únete a la Conversación

Los miembros registrados pueden publicar, seguir actualizaciones y más. ¿Nuevo aquí? Regístrate gratis.

Enlaces Rápidos

Community Help
Find useful guides, FAQs, and documents to help you navigate and make the most of Esri Community.