I just ran across your submission. Nice example, did you design it? If so I would love to know how the page Section 2 of 7 Generating Ideas Idea Grid was set up to print or email the grid after you fill it out.
I would recommend the same approach as Charlene. You can easily replicate a lightbox slide as a layer if that is the look you are going for or create an app style humburger menu.
HI Nancy I cant take credit for the template unfortunately.
To make it:
1. The following JavaScript is trigger from a hotspot over the 'Print or email' text.
var newWin=window.open("ideas.html", "Generating ideas", "status=0,scrollbars=0,width=920,height=820",resizable=1);
2. This JS opens a new browser window and a html page named ideas.html. The web page contains an image I've made to replicate the grid on the slide. Also Some JS to pull that values of the slide variables through to the webpage.
<SCRIPT>
var player=window.opener.GetPlayer(); var topic=player.GetVar("topic").replace(/(\r\n|\r|\n)/g, '<br/>'); var academic=player.GetVar("academic").replace(/(\r\n|\r|\n)/g, '<br/>'); var overlap=player.GetVar("overlap").replace(/(\r\n|\r|\n)/g, '<br/>');
//set vairables and what they will include for the email to self var subject = ('My ideas'); var body = escape('My Learning Essentials, Choosing your dissertation topic\n'+ '\nWhich modules/ assignments have interested you the most?\n\n'+ topic + '\n\nWhat academic expertise do you have in your faculty?\n\n'+ academic + '\n\nWhich topics overlap?\n\n'+ overlap);
<SCRIPT>
3. I then used CSS to move the text variable values around the page so that sat correctly over the top of the image appearing to sit inside the boxes.
4. I added some more JS at the end of the above script to email the learner. The email is not the actual webpage but the text and headings from the grid. The below script opens a blank email in the users default email client when the user clicks 'Click here to send yourself a copy'
<SCRIPT>
//mailto: is the send email from default client fucntion document.write('<a href="mailto:' +
'?subject=' +subject+ '&body=' +body+
'">' + '<img src="click.jpg" alt="Click here to email yourself a copy." border="0">' + '<'+'/a>'); </SCRIPT>
5. The html document and image i placed in the storyline folder on the server after publishing.
To view the full html and JS click here and then add viewsource: in front of the URL.
6 Replies
Hi mike, im not honestly sure. However as another option have you considered making the menu a layer on the master slide? You could certainly hide it then. Heres an example: https://www.escholar.manchester.ac.uk/learning-objects/mle/dissertation-topic
Hi Carlene,
I just ran across your submission. Nice example, did you design it? If so I would love to know how the page Section 2 of 7 Generating Ideas Idea Grid was set up to print or email the grid after you fill it out.
thank you
I would recommend the same approach as Charlene. You can easily replicate a lightbox slide as a layer if that is the look you are going for or create an app style humburger menu.
HI Nancy I cant take credit for the template unfortunately.
To make it:
1. The following JavaScript is trigger from a hotspot over the 'Print or email' text.
2. This JS opens a new browser window and a html page named ideas.html. The web page contains an image I've made to replicate the grid on the slide. Also Some JS to pull that values of the slide variables through to the webpage.
3. I then used CSS to move the text variable values around the page so that sat correctly over the top of the image appearing to sit inside the boxes.
4. I added some more JS at the end of the above script to email the learner. The email is not the actual webpage but the text and headings from the grid. The below script opens a blank email in the users default email client when the user clicks 'Click here to send yourself a copy'
5. The html document and image i placed in the storyline folder on the server after publishing.
To view the full html and JS click here and then add
viewsource:
in front of the URL.thank you so much for sharing!!
No problem :)
This discussion is closed. You can start a new discussion or contact Articulate Support.