POST
|
Yeah thanks Rupert it's nice of you but the problem is not on the splash plage it's working so Ok but the legends/credits I've put on my main image I want them to disappear when the main page change due to an action and this doesn't work
... View more
06-28-2017
07:34 AM
|
0
|
2
|
377
|
POST
|
Hi everyone, I'm trying to customize my story map and I would like to have some titles on the image of my main part (it's like legends + credits). I succeed in doing this but when I have an action on the same page which change the content of the main part, I don't want this title anymore (I embeded some applications). I've tried this but ithe last part doesn't work because they said that my object doesn't have an id However I find this code on a story map which is working properly define(["dojo/topic","dijit/Dialog"], function(topic,Dialog){ /* * Custom Javascript to be executed while the application is initializing goes here */ // The application is ready topic.subscribe("tpl-ready", function(){ /* * Custom Javascript to be executed when the application is ready goes here */ // Creation of the Splash Page (Introduction of the web site) var splashPage = new Dialog ({ title: '<b><font size="6"><p align="center">Welcome on board!</p></font></b>', content: '<font size="3"><center><p></br>Here you can find all information about <b>ship traffic and its impact on marine mammals </b>in Canadian seas.</br></br><b>Begin the story </b>to understand the issue and see what have been done and could be done to <b>protect marine mammals</b>.</p></font><br/><img src="https://c1.staticflickr.com/1/330/19577290930_4f8d8d5fbb_b.jpg" width="450px" height= "300px" alt="Jumping Killer Whales" /></br></br><font size="2.5" color="#B0C4DE"><p>Jumping Killer Whales</p></center></font>', style: 'width: 600px; height: 600px;' }); splashPage.show(); }); // change title text based on section number topic.subscribe("story-load-section", function(index){ console.log("The section", index, "is being loaded"); var mainStageTitle = document.getElementById("mainStageTitle"); switch(index) { case 0: mainStageTitle.innerHTML = "Humpback and calf, off the Revillagigedo Islands, Mexico, Reinhard Dirscher"; break; case 1: mainStageTitle.innerHTML = "Vehicles, air pollution and human health, Union of concerned scientists"; break; case 2: mainStageTitle.innerHTML = "Preventing ocean pollution"; break; case 3: mainStageTitle.innerHTML = "Ship traffic"; break; case 4: mainStageTitle.innerHTML = "Ship traffic, exactEarth"; break; case 5: mainStageTitle.innerHTML = "Orca Whales, Lauren McWhinnie"; break; case 6: mainStageTitle.innerHTML = "Johnstone Strait, East side of Vancouver Island, Leh Smallshaw"; break; case 7: mainStageTitle.innerHTML = "Humpback Whales, Lauren McWhinnie"; break; case 8: mainStageTitle.innerHTML = "Tanker going through Boundary Pass as seen from Tilly Point, Leh Smallshaw"; break; default: mainStageTitle.innerHTML = "Mapping Distribution"; } }); /// When a main stage action that load a new media or reconfigure the current media is performed topic.subscribe("story-perform-action-media", function(media){ console.log("A Main Stage action is performed:", media); console.log("Media ID:", document.media.webmap.id); var mainStageTitle = document.getElementById("mainStageTitle"); //Section 7 Come on and discover! (index 6) if (document.media.webmap.id == "0cdeb6acf68e431986537721d0913ec2") { mainStageTitle.innerHTML = ""; }; if (document.media.webmap.id == "15b4845510c6434a9bdcd0e5174048a6") { mainStageTitle.innerHTML = ""; }; if (document.media.webmap.id == "f26425e3a7c6498ba5ef11cfb9817f12") { mainStageTitle.innerHTML = ""; }; }); }); Could someone help me ? My story map is: https://nemes-story.surge.sh Thanks Nolwenn
... View more
06-27-2017
12:29 PM
|
0
|
4
|
1459
|
POST
|
Hi everyone, I'm trying to customize my story map and I would like to have some titles on the image of my main part (it's like legends + credits). I succeed in doing this but when I have an action on the same page which change the content of the main part, I don't want this title anymore (I embeded some applications). I've tried this but ithe last part doesn't work because they said that my object doesn't have an id However I find this code on a story map which is working properly define(["dojo/topic","dijit/Dialog"], function(topic,Dialog){ /* * Custom Javascript to be executed while the application is initializing goes here */ // The application is ready topic.subscribe("tpl-ready", function(){ /* * Custom Javascript to be executed when the application is ready goes here */ // Creation of the Splash Page (Introduction of the web site) var splashPage = new Dialog ({ title: '<b><font size="6"><p align="center">Welcome on board!</p></font></b>', content: '<font size="3"><center><p></br>Here you can find all information about <b>ship traffic and its impact on marine mammals </b>in Canadian seas.</br></br><b>Begin the story </b>to understand the issue and see what have been done and could be done to <b>protect marine mammals</b>.</p></font><br/><img src="https://c1.staticflickr.com/1/330/19577290930_4f8d8d5fbb_b.jpg" width="450px" height= "300px" alt="Jumping Killer Whales" /></br></br><font size="2.5" color="#B0C4DE"><p>Jumping Killer Whales</p></center></font>', style: 'width: 600px; height: 600px;' }); splashPage.show(); }); // change title text based on section number topic.subscribe("story-load-section", function(index){ console.log("The section", index, "is being loaded"); var mainStageTitle = document.getElementById("mainStageTitle"); switch(index) { case 0: mainStageTitle.innerHTML = "Humpback and calf, off the Revillagigedo Islands, Mexico, Reinhard Dirscher"; break; case 1: mainStageTitle.innerHTML = "Vehicles, air pollution and human health, Union of concerned scientists"; break; case 2: mainStageTitle.innerHTML = "Preventing ocean pollution"; break; case 3: mainStageTitle.innerHTML = "Ship traffic"; break; case 4: mainStageTitle.innerHTML = "Ship traffic, exactEarth"; break; case 5: mainStageTitle.innerHTML = "Orca Whales, Lauren McWhinnie"; break; case 6: mainStageTitle.innerHTML = "Johnstone Strait, East side of Vancouver Island, Leh Smallshaw"; break; case 7: mainStageTitle.innerHTML = "Humpback Whales, Lauren McWhinnie"; break; case 8: mainStageTitle.innerHTML = "Tanker going through Boundary Pass as seen from Tilly Point, Leh Smallshaw"; break; default: mainStageTitle.innerHTML = "Mapping Distribution"; } }); /// When a main stage action that load a new media or reconfigure the current media is performed topic.subscribe("story-perform-action-media", function(media){ console.log("A Main Stage action is performed:", media); console.log("Media ID:", document.media.webmap.id); var mainStageTitle = document.getElementById("mainStageTitle"); //Section 7 Come on and discover! (index 6) if (document.media.webmap.id == "0cdeb6acf68e431986537721d0913ec2") { mainStageTitle.innerHTML = ""; }; if (document.media.webmap.id == "15b4845510c6434a9bdcd0e5174048a6") { mainStageTitle.innerHTML = ""; }; if (document.media.webmap.id == "f26425e3a7c6498ba5ef11cfb9817f12") { mainStageTitle.innerHTML = ""; }; }); }); Could someone help me ? My story map is: https://nemes-story.surge.sh Thanks Nolwenn
... View more
06-27-2017
06:41 AM
|
0
|
2
|
720
|
POST
|
Yes it was the exact same code! You save me it works with surge!! Ship Trafic Impact on Marine Mammals I don't understand why it doesn't work on wamp but I will continue with surge it's much better! Thanks a lot!!
... View more
06-16-2017
02:28 PM
|
0
|
0
|
168
|
POST
|
06-16-2017
12:57 PM
|
0
|
3
|
1025
|
POST
|
oh yeah sorry I forgot to share the story.. I'm running the app on wamp server is it wrong ?
... View more
06-16-2017
12:08 PM
|
0
|
5
|
1025
|
POST
|
This is the link of my application and it's files Internship - Google Drive
... View more
06-16-2017
10:27 AM
|
0
|
7
|
1025
|
POST
|
Ok so I've put everything on the custom scripts like you said There is no longer any error but nothing works.. I've even try with an example find on this blog to be sure but nothing define(["dojo/topic","dijit/Dialog"], function(topic,Dialog) { /* * Custom Javascript to be executed while the application is initializing goes here */ // The application is ready topic.subscribe("tpl-ready", function(){ /* * Custom Javascript to be executed when the application is ready goes here */ var splashPage = new Dialog ({ title: 'Splash Page', content: '<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quisquam vel in rem rerum saepe quidem est, ratione molestias a harum!</p><br /><img src="https://images.unsplash.com/photo-1469521669194-babb45599def?dpr=1&auto=format&crop=entropy&fit=crop&w=400&q=80&cs=tinysrgb" alt="Photo of parks" />', style: 'width: 430px; height: 436px;' }); splashPage.show(); }); });
... View more
06-16-2017
09:21 AM
|
0
|
9
|
1025
|
POST
|
Hi owens thank you for the answers! Unfortunately I destroy the story maps and make another from the begining but thank you again for your help! Nolwenn
... View more
06-16-2017
07:23 AM
|
0
|
0
|
334
|
POST
|
Hi everyone, I'm trying to customize my story map and I'm meeting some troubles.. I've dowload the code on GitHub and I would like to put some legend on the images that are on the main stage I've tried this : <script type="text/javascript"> require(["dojo/topic"], function(topic) { /* * Custom Javascript to be executed while the application is initializing goes here */ console.log("Map Journal is initializing"); // The application is ready topic.subscribe("tpl-ready", function(){ /* * Custom Javascript to be executed when the application is ready goes here */ topic.subscribe("story-load-section", function(index){ console.log("The section", index, "is being loaded"); var mainStageTitle = document.getElementById("mainStageTitle"); switch(index) { case 0: mainStageTitle.innerHTML = "South Resident Killer Whales, NL"; break; case 1: mainStageTitle.innerHTML = "Beluga, BC"; break; default: mainStageTitle.innerHTML = "Marine Mammals"; } }); console.log("Map Journal is ready"); }); </script> but anytime an error occured and say(index):340 Uncaught ReferenceError: require is not defined I don't understant because I've follow some examples which were doing the same.. If someone could help me Thanks, Nolwenn
... View more
06-15-2017
10:53 AM
|
0
|
11
|
1751
|
POST
|
I create my story map journal about 6 days ago, try to make some modifications with JSON, it was working yesterday and today impossible to see or edit my story map I just have the following message: "Map Journal is initializing Thanks for waiting." I've wait but nothing happens ! What could be the problem?
... View more
06-07-2017
09:37 AM
|
0
|
2
|
934
|
Online Status |
Offline
|
Date Last Visited |
11-11-2020
02:24 AM
|