User notes that they can print and email
Dec 10, 2013
Hi all. I built a course earlier this year that contains a "notes" function to allow users to take a moment to reflect and type their thoughts on certain questions. This is used in place of a typical multiple response/choice type question. Thought I'd share it here with you!
Here are the files:
Screenr Part 1: Demonstration - https://player.vimeo.com/video/204928444
Screenr Part 2: How It Was Built - https://player.vimeo.com/video/204928450
Storyline Source: https://bit.ly/3Kd96as
Published Output: https://bit.ly/3Z0hj5X
Cheers!
Stephanie
237 Replies
Stephanie, that is fantastic. Thank you for sharing
WOW Stephanie this is brilliant! I need to this very same thing on a project I'm working with - Hope I can execute as well as you did. Wish me luck.
This is AWESOME! Thinking of future projects I can use this on.
I cannot open my notes.story?????? Pleas suggest me which program can open notes.story?
Hi Chirag
notes.story is a Storyline 1 source file. You can open to edit and publish it in SL1 or if you open it with SL2 it will convert it to a SL2 file.
This is brilliant! Thanks for sharing Ive been trying to do something along these lines for a while :)
Does this work in Moodle? I have adjusted your provided code with my variables and information, but nothing happens at all when the icons are clicked. Any thoughts?
Hi Carmen
Try uploading it in Scormcloud and testing to see if it is an LMS issue. I had it working with 27 different variables.
Hi Stephanie (or anyone that would like to answer :),
I'm using your email java (and I've tried another email java script that I've had success with as well) and for some reason the email opens, the words are correct, but anything I'm pulling from a variable is "null" even though it's populated in the training. I just can't figure out what I'm doing wrong.
Does anyone have any suggestions?
Thanks!
Kerri
Are you first taking the StoryLine variable content and assigning it to a JavaScript variable and then using the javascript variable in the body of the email?
Hi Stephanie (or anyone who can help!) I've been working with this as well.
Two items I can't seem to resolve:
1. The text isn't wrapping on the print preview, it simply extends out. Is it possible to make it wrap?
2. While my email function works perfectly, I am having issues with the Print and Print Preview function. The Title and Date won't display on my course's print preview. It only shows "Null" for each title and date. The rest of the notes are working just fine on the print preview. I have an Execute JavaScript trigger on slide 1 and used the System Date JS exactly as it was presented on the PPT slide provided above. I made sure SystemDate matched in both places as JS is case sensitive. I'm also a little unclear if I need to add more to have the code retrieve a title/headline for the print preview. Is there a step I'm missing to make these work?
I tried in SCORMCloud with the same result.
Thank you so much!
Kristine
I have just used this as a guide to help me sort out how to use java to insert date and Time and the print a form. It is a great guide. Thank you
Stephanie,
I am blown away by your creativity and technical skills!
I absolutely love how you created the "notes" portion that can be emailed or printed. I think this part of your project will work beautifully with my current project.
Thank you for being willing to share your ideas and add to the group knowledge base. You are doing a great job of encouraging the rest of us to "up our game".
First off, thank you Stephanie for sharing this example. It is very well done, and I'm looking forward to utilizing this functionality in a course I am currently building. I am running into a problem with customizing the javascript, and wondered if anyone has had the same issue...
I have been able to customize the variables in the script to match the variables in my course, and the email and print functions seem to work fine at that point. However, when I attempt to customize the email body text, the function no longer works. In Stephanie's example, the text reads, "Activity Notes - My thoughts on the Non-Discrimination policy" as a header for one of the text variables. Shouldn't I be able to customize this text to read as whatever header I want in my own course? The email function only seems to work when the text is left as-is. When I change it, the button no longer executes the email function. I should mention that I am definitely a novice when it comes to javascript. Any thoughts?
Thank you so much for this course file and explanation. This functionality is so great and yet I had such a hard time figuring it out before your post.
Thank you for sharing! I am looking for a solution like this, but I would also like the learners to be able to add pictures, to draw, and to print in a nice format... Am I too ambitious here?
Amazing job Stephanie! An inspirational design! Thanks for sharing
First of all, thank you thank you for this elegant solution! I appreciate you taking the time to teach us.
Second, could I get your help on a problem? When I write notes that are lengthy, they become TINY on both the compare your response page and on the print your response page. If my notes are one line long, they stay in the front size I selected. As soon as they go onto the second line, they become infinitesimal, despite the text box being plenty large enough to accommodate them. Thoughts? Help!
Hello,
I am trying to implement Stephanie's javascript method for the learner to be able to print and send his/her notes by email, but I am having some difficulties.
Basically, the print option alone works well, but once I try to add a trigger for the email button, none of them work. It seems to interfere at some level. And I didn't manage to have the email trigger work alone.
I am really not a coding expert (like many of us!), but if someone could help I would be most grateful!!
I am attaching two files:
- javascript_print_OK : the print javascript executes well
- javascript_print_notOK : I added the javascript for email, but neither the print nor the email javascript execute.
Thank you !!
Bastien
Hi Bastien,
Wondered if you already have a solution for this problem? I'm having the same issue here.
Hi Charol,
No, I haven't :(
I posted my request on different page too, but no reply yet.
I'll let you know if I find the solution.
Bastien
This post was removed by the author
Hi Bastien
I took a quick look at the javascript you have in the email version.
You have a large amount of corrupt code after the var mailto_link='mailto:'+email+'?subject='+subject+'&body= *************section.
I'm not sure what the code is as it shows spaces BUT it is certainly NOT spaces. You may need a hex viewer to interpret.
I suggest that you remove all the spaces after
var mailto_link='mailto:'+email+'?subject='+subject+'&body=*************
and after the code
'+"Mes Actions“*******************
and again after the code
+exercisenotes1+"Mes actions“*******************
Looks like a cut and paste entry of the javascript has introduced other non viewable characters
Regards
Doug
Hi Doug,
Thank you so much for taking the time to look at the file in details. Someone had told me it was probably an issue with copy and paste, but as I am new to this, I didn't know where to look for a potential error.
I'll try that and let you know.
Thanks a million.
Bastien
Hi Bastien
Try using Sublime text to view javascript files after you publish them.
Sublime text has a free version, and is very easy to use
http://www.sublimetext.com/
The user.js will be in the story content folder (after publishing).
This is where all the user javascript is located
Regards
Doug