标签:save 获取参数 课程 sea style output 执行 handle lin
公司项目原因,接触到storyline3(后面简称SL)课件制作工具,类似ppt,但是又多了互动、交互,且页面元素可添加触发器,触发器中可执行js代码。
在SL中,会有“了解详情...”,点击后能到官方的使用教程,仔细阅读,会有你用到的知识。
(例如触发器的教程https://community.articulate.com/series/storyline-3/articles/storyline-3-working-with-triggers
后台页面中,直接用window.open(url),打开课件。在url中,拼接了用户id、课程id,供业务判断使用。
这些在官方教程中没有明确的说明,是自己摸索、加群问人才总结出来的。但大知识点就是SL的触发器和简单的JS代码。
①添加触发器,这个在上面给出的链接中,可以学习怎么添加触发器。也不难,软件基本操作都能找到。不做赘述
②在触发器中添加的代码如下,最终都会出现在你导出的课件文件夹中的Storyline output\story_content\user.js里。
1 console.log(window.location.href); 2 //1.获取url问号后的参数 3 function getQueryString(name) { 4 var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i"); 5 var r = window.location.search.substr(1).match(reg); 6 if (r != null) 7 return unescape(r[2]); 8 return null; 9 } 10 //2.获取url传的参数 11 var fid = getQueryString("fid"); 12 var projectcoursepeoid = getQueryString("projectcoursepeoid"); 13 console.log("fid :"+fid ); 14 console.log("projectcoursepeoid :"+projectcoursepeoid ); 15 16 //3.将参数存在StoryLine的参数里 17 var player = GetPlayer(); 18 player.SetVar("fid",fid);//传递变量 19 player.SetVar("projectcoursepeoid",projectcoursepeoid);//传递变量 20 21 //4.获取参数 22 var fid_val = player.GetVar("fid");//获取变量 23 var projectcoursepeoid_val = player.GetVar("projectcoursepeoid");//获取变量 24 console.log("存值完毕 fid_val:"+fid_val); 25 console.log("存值完毕 projectcoursepeoid_val:"+projectcoursepeoid_val);
直接用window.location.href="请求的地址"+“?param1=”+param1...
类似方法http://www.rabbitoreg.com/2015/07/05/storyline-communication-with-a-web-server/
触发器js代码:
1 //4.获取参数 2 var player = GetPlayer(); 3 var fid_val = player.GetVar("fid");//获取变量 4 var projectcoursepeoid_val = player.GetVar("projectcoursepeoid");//获取变量 5 console.log("存值完毕 fid_val:"+fid_val); 6 console.log("存值完毕 projectcoursepeoid_val:"+projectcoursepeoid_val); 7 8 var requesturl = "http://localhost:8080/springMVC/peocourse/finishfile.action?fid="+fid_val+"&projectcoursepeoid="+projectcoursepeoid_val; 9 window.location.href=requesturl;
标签:save 获取参数 课程 sea style output 执行 handle lin
原文地址:https://www.cnblogs.com/zhaokei/p/10538768.html