优化流程

Keystion
1 parent 90dd5991
Showing 3 changed files with 173 additions and 224 deletions
src/css/demo.css
src/index.html
src/js/gb.js
@@ -184,9 +184,11 @@ textarea[id^=&quot;tab&quot;].active{ display: block; }
 }
 #editorwrapper .btn-group{
     margin: 16px 16px 14px 16px;
+    width: 100%;
 }
 #editorwrapper .btn-group .btn{
     border-color: transparent;
+    color: #1FB6FF;
 }
 #editorwrapper .btn-group .btn:first-child{
     border-top-left-radius: 5px;
@@ -204,7 +206,7 @@ textarea[id^=&quot;tab&quot;].active{ display: block; }
     height: 100%;
 }
 .editor-result .result-header{
-    padding: 15px;
+    padding: 16px 15px 13px 15px;
     height: 60px;
     background-color: #F0F3F5;
     border-radius: 0;
@@ -212,9 +214,42 @@ textarea[id^=&quot;tab&quot;].active{ display: block; }
 .editor-result .result-header .btn-group .btn{
     background-image: -webkit-linear-gradient(left, #1FB6FF 0%, #62DCF5 100%);
     background-image: linear-gradient(to right, #1FB6FF 0%, #62DCF5 100%);
-    border-color: #F0F3F5;
-    border-radius: 5px;
+    -webkit-transition: 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) all !important;
+    transition: 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) all !important;
+    /*border-color: #F0F3F5;
+    border-radius: 5px;*/
+    border: none;
     color: #fff;
+    padding-top: 5px;
+    padding-bottom: 5px;
+}
+.editor-result .result-header .btn-group .btn[data-loading] {
+    background-image: none;
+    background-image: none;
+    padding-right: 34px;
+}
+.editor-result .result-header .btn-group .ladda-spinner {
+    position: absolute;
+    z-index: 2;
+    display: inline-block;
+    width: 28px;
+    height: 28px;
+    top: 50%;
+    right: 3px;
+    margin-top: 0;
+    opacity: 1;
+    pointer-events: none;
+    transform: translateY(-50%);
+}
+.editor-result .result-header #full-screen{
+    margin: 0;
+    background-image: linear-gradient(90deg, #1FB6FF 0%, #62DCF5 100%);
+    border-radius: 100px;
+    padding: 5px 9px;
+    margin-right: 15px;
+}
+.editor-result .result-header #full-screen .iconfont{
+    font-size: 10px;
 }
 .editor-result .result-tabs{
     height: 30px;
@@ -15,11 +15,12 @@
     <link href="css/layout.css" rel="stylesheet">
     <link href="css/main.css" rel="stylesheet">
     <link href="css/recording.css" rel="stylesheet">
+    <!-- <link href="http://lab.hakim.se/ladda/dist/ladda.min.css" rel="stylesheet"> -->
     <link rel="stylesheet" href="js/zTree_v3-3.5.27/css/zTreeStyle/zTreeStyle.css">
     <script>
-        var gxb_api = "https://restful1.gaoxiaobang.com";
-        // var gxb_api = "http://192.168.80.236:8080"
+        // var gxb_api = "https://restful1.gaoxiaobang.com";
+        var gxb_api = "http://192.168.80.140:8080"
     </script>
@@ -85,8 +86,8 @@
                     </ul>
                     <div id="editorwrapper" class="pull-right">
                         <div class="btn-group">
-                            <div id="htmlbutton" class="btn btn-default btn-sm" data-editorname="html">JAVA</div>
-                            <div class="btn btn-default btn-sm">JDK 7</div>
+                            <div id="htmlbutton" class="btn btn-default btn-sm" data-toggle="tooltip" data-placement="bottom" data-original-title="当前课程环境：Java" data-editorname="html">JAVA</div>
+                            <div class="btn btn-default btn-sm" data-toggle="tooltip" data-placement="bottom" data-original-title="JDK版本">JDK 7</div>
                         </div>
                     </div>
                 </div>
@@ -100,16 +101,15 @@
                 <div id="resultpanel" class="panel panel-default editor-result">
                     <div class="panel-heading result-header">
                         <div class="pull-left">
-                            <div id="comprunbtngrp" class="btn-group"></div>
+                            <div id="compileBtnGroup" class="btn-group"></div>
                         </div>
                         <div class="pull-right">
-                            <a href="javascript:;" class="btn btn-link">全屏</a>
+                            <a id="full-screen" href="javascript:;" data-toggle="tooltip" data-placement="left" data-original-title="全屏录制" class="btn btn-link"><i class="icon iconfont icon-fangda"></i></a>
                         </div>
                         <div class="btn-group">
                             <button type="button" class="btn btn-success" id="play" data-status="0" title="" style="display: none;"><</button>
-                            <p id="replay">预览录制</p>
+                            <!-- <p id="replay">预览录制</p> -->
                         </div>
-                        <div class="btn-group pull-right" id="comprunbtngrp"></div>
                         <!-- <div class="btn-group pull-right" id="fontendrun">
                             <button id="autorun" type="button" class="btn" title="切换自动/手动运行代码" data-placement="bottom" data-autorun="1"></button> 
                             <button id="runnow" type="button" class="btn" title="手动运行代码" data-placement="bottom" disabled="disabled">
@@ -129,7 +129,7 @@
                             <!-- Tab panes -->
                             <div class="tab-content">
                                 <div class="tab-pane active padall15" id="stdin">
-                                    <input type="text" class="form-control" id="input" placeholder="标准输入">
+                                    <input type="text" class="form-control" id="runtimeArgus" placeholder="标准输入">
                                 </div>
                                 <div class="tab-pane padall15" id="cmpinfo"></div>
                                 <div class="tab-pane padall15" id="stderr"></div>
@@ -199,6 +199,9 @@
     <script src="js/recording/recording.js"></script>
     <script>
+    $(function () {
+        $('[data-toggle="tooltip"]').tooltip()
+    })
     var recorder;
     var _role = getQuery('role');
     var _chapterId = getQuery('chapterId');
@@ -24,23 +24,36 @@ $(function() {
     var ZTREE = {
         /**
-         * ztree 每一项点击事件
+         * ztreeSetting 配置文件
          * @Author syantao
          * Created by Keystion on 2017-01-19
          */
-        beforeClick: function(treeId, treeNode){
-            // 判断是否点击了文件夹
-            if (treeNode.isParent) {
-                return false;
+        config: {
+            view: { showLine: false }
+            ,data: {
+                simpleData: { enable: true }
             }
-            treeObj = $.fn.zTree.getZTreeObj("folder");
-            treeObj.expandNode(treeNode);
+            ,callback: {
+                /**
+                 * ztree 每一项点击事件
+                 * @Author syantao
+                 * Created by Keystion on 2017-01-19
+                 */
+                beforeClick: function(treeId, treeNode){
+                    // 判断是否点击了文件夹
+                    if (treeNode.isParent) {
+                        return false;
+                    }
+                    treeObj = $.fn.zTree.getZTreeObj("folder");
+                    treeObj.expandNode(treeNode);
-            console.info('点击了 ' + treeNode.name);
-            console.info(treeNode);
+                    console.info('点击了 ' + treeNode.name);
+                    console.info(treeNode);
-            // 处理显示目录树对应的编辑器目录
-            ZTREE.showEdite(treeNode);
+                    // 处理显示目录树对应的编辑器目录
+                    ZTREE.showEdite(treeNode);
+                }
+            }
         },
         /**
          * 通过目录树的点击来显示对应的编辑器
@@ -50,14 +63,15 @@ $(function() {
          * TODO treeNode放到一个变量或者隐藏域里面
          */
         showEdite: function (treeNode){
-            var _file, 
+            var _this = this,
+                _file, 
                 _CodeMirrorRecordId, 
                 _CodeMirrorReplayId,
                 _num = 0;
             // 判断是否是初始化选时候调用 showEdite
             if(treeNode){
                 for (var i = 0; i < treeLinkEditor.length; i++) {
-                    if(treeLinkEditor[i].name == ZTREE.manageName(treeNode.name)){
+                    if(treeLinkEditor[i].name == _this.manageName(treeNode.name)){
                         _num = i;
                     }
                 }
@@ -69,7 +83,8 @@ $(function() {
             mainPath            = treeLinkEditor[_num].filePath; // 更新mainPath值
             // 更新目录树选中状态
-            ZTREE.selectTreeItem(_file);
+            _this.selectTreeItem(_file);
+            
             // 显示代码编辑器
             $('#' + _CodeMirrorRecordId).show().parent().show().siblings().hide().find('.CodeMirror').hide();
             $('#' + _CodeMirrorReplayId).show().parent().show().siblings().hide().find('.CodeMirror').hide();
@@ -120,7 +135,6 @@ $(function() {
          * @param  {[type]} id 代码编辑器的id
          */
         ,getCurrentEditor: function (id){
-            console.log(id);
             var _id = id || treeLinkEditor[0].CodeMirrorRecordId,
                 _name;
@@ -188,49 +202,10 @@ $(function() {
     $(document).on('click', '#cancel', function(event) {
         event.preventDefault();
         /* Act on the event */
-        fileList = ZTREE.getTreeData();
-        if(!fileList){
-            alert('请输入代码');
-            return false;
-        }
-        var compileData = {
-            "userId": _userId,
-            "langId": _languageid,
-            "mainPath": mainPath,
-            "mainArgus": "",
-            "runtimeArgus": "",
-            "rand": "123456",
-            "fileList": fileList
-        }
-        console.log(compileData);
-        $.ajax({
-            type: "post",
-            url: "http://192.168.80.140:8080/gxb-web/programmingMulti/codeRun/api",
-            data: JSON.stringify(compileData),
-            dataType: "json",
-            contentType: "application/json",
-            success: function(data) {
-                console.log(data);
-            },
-            error: function() {
-            }
-        });
-    });
-    /**
-     * ztreeSetting 配置文件
-     * @Author syantao
-     * Created by Keystion on 2017-01-19
-     */
-    var ztreeSetting = {
-        view: { showLine: false }
-        ,data: {
-            simpleData: { enable: true }
-        }
-        ,callback: {
-            beforeClick: ZTREE.beforeClick
-        }
-    };
+        ZTREE.resetCodeMirrorValue();
+
+    });
     // 根据不同的角色渲染页面
     if (_role == 1) {
@@ -1197,126 +1172,6 @@ $(function() {
                 GBCodePlayBack.replay_enhancement = !GBCodePlayBack.replay_enhancement;
             });
-            $('#autorun').click(function() {
-                var $this = $(this),
-                    autorun = $this.data('autorun');
-
-                if (autorun === 1) {
-                    $('#runnow').prop('disabled', false).toggleClass('btn-success').toggleClass('btn-default');
-                } else {
-                    $('#runnow').prop('disabled', true).toggleClass('btn-success').toggleClass('btn-default');
-                }
-
-                $this.data('autorun', (autorun) ? 0 : 1);
-                GBCodePlayBack.autorun = !GBCodePlayBack.autorun;
-
-                $('#runnow').trigger('click');
-            });
-
-            if (GBCodePlayBack.autorun === 1) {
-                $('#runnow').prop('disabled', true).removeClass('btn-success').addClass('btn-default');
-            } else {
-                $('#runnow').prop('disabled', false).addClass('btn-success').removeClass('btn-default');
-            }
-
-            $('#runnow').click(function() {
-                if (typeof GBCodePlayBack.htmleditor !== 'undefined' && typeof GBCodePlayBack.csseditor !== 'undefined' && typeof GBCodePlayBack.jseditor !== 'undefined') {
-                    GBCodePlayBack.generateResult(GBCodePlayBack.htmleditor.getValue(),
-                        GBCodePlayBack.csseditor.getValue(),
-                        GBCodePlayBack.jseditor.getValue()
-                    );
-
-                    return false;
-                }
-
-                if (typeof GBCodePlayBack.htmlplayereditor !== 'undefined' && typeof GBCodePlayBack.cssplayereditor !== 'undefined' && typeof GBCodePlayBack.jsplayereditor !== 'undefined') {
-                    GBCodePlayBack.generateResult(GBCodePlayBack.htmlplayereditor.getValue(),
-                        GBCodePlayBack.cssplayereditor.getValue(),
-                        GBCodePlayBack.jsplayereditor.getValue()
-                    );
-                }
-            });
-
-            // 使用服务端编译语言
-            $('#comprunbtngrp').unbind("click").on('click', '#comprun', function(event) {
-                event.preventDefault();
-                var l = Ladda.create(this);
-                $('#comprun').find('ladda-spinner').remove()
-                l.start();
-
-                // 暂停录制
-                var pauseState = $('#pause').data('pause');
-                if (pauseState == 1 && _role == 0) {
-                    GBCodePlayBack.record_pause_time = new Date().getTime(); // 暂停的时间
-
-                    Hourglass.pauseTimer(); // 暂停计时器
-                    recorder.pause(); // 音频暂停
-
-                    $('#pause').data('status', '1');
-                    $('#pause').data('pause', '0');
-                    $('#pause').removeClass('hidden').addClass('show');
-                    $('#start-recording').hide();
-
-                    $('.pause-shodow').removeClass('hidden').addClass('show');
-                }
-
-                var code = (typeof GBCodePlayBack.htmleditor !== 'undefined' && GBCodePlayBack.htmleditor.getValue()) || (typeof GBCodePlayBack.htmlplayereditor !== 'undefined' && GBCodePlayBack.htmlplayereditor.getValue());
-
-                var langid = $('#htmlbutton').data("languageid");
-
-                var input = $('#input').val() || '';
-
-                var compileData = {
-                    code: code,
-                    langid: langid,
-                    input: input
-                }
-
-                $.ajax({
-                    type: "post",
-                    url: gxb_api + "/submit/submitCode/api",
-                    data: JSON.stringify(compileData),
-                    dataType: "json",
-                    contentType: "application/json",
-                    success: function(data) {
-                        compileResult(data)
-                        l.stop();
-
-                        $('.compile-loading').hide();
-                        $('.compile-reslut').show();
-                        GBCodePlayBack.compileResultData = data;
-
-                    },
-                    error: function() {
-                        l.stop();
-                        alert('错误')
-                    }
-                });
-            });
-
-            // 保存编译结果
-            $('#save_compile').unbind("click").click(function() {
-                var length = GBCodePlayBack.records.length - 1;
-                Hourglass.pauseTimer();
-                GBCodePlayBack.records[length].compile = GBCodePlayBack.compileResultData;
-
-                GBCodePlayBack.records[length].output = GBCodePlayBack.compileResultData.output;
-                GBCodePlayBack.records[length].stderr = GBCodePlayBack.compileResultData.stderr;
-                GBCodePlayBack.records[length].cmpinfo = GBCodePlayBack.compileResultData.cmpinfo;
-                GBCodePlayBack.records[length].result = GBCodePlayBack.compileResultData.result;
-
-                GBCodePlayBack.record_continue_time = new Date().getTime();
-
-                contrlPause()
-            })
-
-            // 不保存编译结果
-            $('#cancel_compile').unbind('click').click(function() {
-                Hourglass.pauseTimer();
-                contrlPause()
-                GBCodePlayBack.record_continue_time = new Date().getTime();
-            })
-
             // 进度条滚动控制播放进度
             var $sliderpropress = $(".replayprogress");
             $sliderpropress.slider({}).slider("option", "disabled", true);
@@ -1487,9 +1342,9 @@ $(function() {
             this.resizeWindow($('#ifrcontainer').find('#resultiframe'));
             if (document.URL.indexOf('index.htm')>=0) {
-                $(window).bind('beforeunload', function(){ 
-                    return '确认立刻退出？  请确保已录制的代码回放以保存，以防回放数据丢失';
-                });
+                // $(window).bind('beforeunload', function(){ 
+                //     return '确认立刻退出？  请确保已录制的代码回放以保存，以防回放数据丢失';
+                // });
             }
             /* 解决Chrome浏览器非激活标签页下错乱问题 */
@@ -1691,10 +1546,10 @@ $(function() {
                 playTime: 0,
                 currenttime: currenttime
             };
-            console.log('GBCodePlayBack.onChange');
-            console.log(GBCodePlayBack.records);
             GBCodePlayBack.records.push(recordobj);
             GBCodePlayBack.record_startime = currenttime; //设定起始时间
+            console.log('GBCodePlayBack.onChange');
+            console.log(GBCodePlayBack.records);
         },
         changeValueCallback: function(record, replay_type, offset) {
             var obj = record.changeobj,
@@ -1844,6 +1699,18 @@ $(function() {
             doc.open();
             doc.writeln(result);
             doc.close();
+        },
+        resetCodeMirrorValue: function (){
+            var _this = this;
+            console.log(_this.records);
+            for (var i = 0; i < treeLinkEditor.length; i++) {
+                if(treeLinkEditor[i].CodeMirrorRecord.getValue() != ''){
+                    treeLinkEditor[i].CodeMirrorRecord.setValue("");
+                }
+            }
+
+            GBCodePlayBack.records = [];
+            console.log(GBCodePlayBack.records);
         }
     }
@@ -1858,7 +1725,7 @@ $(function() {
     .done(function(res) {
         treeData = res.tree;
-        treeObj = $.fn.zTree.init($("#folder"), ztreeSetting, treeData);
+        treeObj = $.fn.zTree.init($("#folder"), ZTREE.config, treeData);
         GBCodePlayBack.recordinit(treeData);
     })
@@ -1871,7 +1738,9 @@ $(function() {
     // 开始录制
     $('#start-recording').click(function() {
+        // 切换到录制区域
         $('#recordertab a:eq(0)').tab('show');
+
         // 编译状态
         var data = $(this).attr('data');
         var seconds = 0;
@@ -1941,21 +1810,21 @@ $(function() {
     });
     // 使用服务端编译语言
-    $('#comprunbtngrp').unbind("click").on('click', '#comprun', function(event){
+    $('#compileBtnGroup').unbind("click").on('click', '#CompileBtn', function(event){
         event.preventDefault();
-        var l = Ladda.create(this);
-        $('#comprun').find('ladda-spinner').remove();
-        l.start();
+        var ladda = Ladda.create(this);
+        $('#CompileBtn').find('ladda-spinner').remove();
+        ladda.start();
         if (!GBCodePlayBack.isRcording) {
-            compileRun(l)
+            compileRun(ladda)
         }else{
-            var runStatus = $("#comprun").data('run');
+            var runStatus = $("#CompileBtn").data('run');
             if (runStatus == 1) {
                 Hourglass.pauseTimer(); // 暂停计时器
                 recorder.pause(); // 音频暂停
             }
-            $("#comprun").data('run', 0);
+            $("#CompileBtn").data('run', 0);
             $('.compile-loading').show();
             // 暂停录制
             var pauseState = $('#pause').data('pause');
@@ -1987,10 +1856,9 @@ $(function() {
                 $('.pause-shodow').removeClass('hidden').addClass('show');
             }
-            compileRun(l)
+            compileRun(ladda)
         }
     });
-    
     // 保存编译结果
     $('#save_compile').unbind("click").click(function(){
@@ -2016,7 +1884,7 @@ $(function() {
     // 继续录制配置
     function recodingConf(){
         Hourglass.pauseTimer();
-        $("#comprun").data('run', 1);
+        $("#CompileBtn").data('run', 1);
         GBCodePlayBack.record_startime = new Date().getTime();
         GBCodePlayBack.record_continue_time = new Date().getTime();
     }
@@ -2042,36 +1910,78 @@ $(function() {
     }
     // 云编译
-    function compileRun(l){
-        var code = (typeof GBCodePlayBack.htmleditor !=='undefined' && GBCodePlayBack.htmleditor.getValue())
-                    || (typeof GBCodePlayBack.htmlplayereditor !=='undefined' && GBCodePlayBack.htmlplayereditor.getValue());
-        var langid = $('#htmlbutton').data("languageid");
-        var input = $('#input').val() || '';
+    function compileRun(ladda){
+        // 获取标准输入值
+        var runtimeArgus = $('#runtimeArgus').val() || '';
+
+        fileList = ZTREE.getTreeData();
+        if(!fileList){
+            alert('请输入代码');
+            ladda.remove();
+            return false;
+        }
         var compileData = {
-            code: code,
-            langid: langid,
-            input: input
+            "userId": _userId,
+            "langId": _languageid,
+            "mainPath": mainPath,
+            "mainArgus": "",
+            "runtimeArgus": runtimeArgus,
+            "rand": "123456",
+            "fileList": fileList
         }
+        console.log(compileData);
         $.ajax({
-            type: "post",
-            url: gxb_api + "/submit/submitCode/api",
+            type: "POST",
+            url: gxb_api + "/gxb-web/programmingMulti/codeRun/api",
             data: JSON.stringify(compileData),
             dataType: "json",
             contentType: "application/json",
             success: function(data) {
+                console.log(data);
+
                 compileResult(data)
-                l.stop();
+                ladda.remove();
                 $('.compile-loading').hide();
                 $('.compile-reslut').show();
                 GBCodePlayBack.compileResultData = data;
             },
-            error: function(){
-                l.stop();
+            error: function(XMLHttpRequest, textStatus, errorThrown) {
+                ladda.remove();
                 alert('错误');
+                console.log(XMLHttpRequest);
             }
         });
+
+        // var code = (typeof GBCodePlayBack.htmleditor !=='undefined' && GBCodePlayBack.htmleditor.getValue())
+        //             || (typeof GBCodePlayBack.htmlplayereditor !=='undefined' && GBCodePlayBack.htmlplayereditor.getValue());
+        // var langid = $('#htmlbutton').data("languageid");
+        // var runtimeArgus = $('#runtimeArgus').val() || '';
+        // var compileData = {
+        //     code: code,
+        //     langid: langid,
+        //     input: runtimeArgus
+        // }
+        // $.ajax({
+        //     type: "post",
+        //     url: gxb_api + "/submit/submitCode/api",
+        //     data: JSON.stringify(compileData),
+        //     dataType: "json",
+        //     contentType: "application/json",
+        //     success: function(data) {
+        //         compileResult(data)
+        //         ladda.remove();
+
+        //         $('.compile-loading').hide();
+        //         $('.compile-reslut').show();
+        //         GBCodePlayBack.compileResultData = data;
+        //     },
+        //     error: function(){
+        //         ladda.remove();
+        //         alert('错误');
+        //     }
+        // });
     }
     // 初始化页面
@@ -2196,13 +2106,14 @@ $(function() {
         for (var i = 0; i < treeLinkEditor.length; i++) {
             treeLinkEditor[i].CodeMirrorRecord = CodeMirror.fromTextArea($('#' + treeLinkEditor[i].record)[0], {
-                value: '输入HTML代码',
+                value: '',
                 mode: "text/x-java",
                 lineNumbers: true,
                 smartIndent: false,
                 onChange: function(em, changeobj) {
                     console.log('onChange');
-                    console.log(em, changeobj);
+                    console.log(em);
+                    console.log(changeobj);
                     if (GBCodePlayBack.recording_status) {
                         GBCodePlayBack.onChange(ZTREE.getCurrentEditor(em.getWrapperElement().getAttribute('id')), changeobj);
@@ -2221,7 +2132,7 @@ $(function() {
                 }
             });
             treeLinkEditor[i].CodeMirrorReplay = CodeMirror.fromTextArea($('#' + treeLinkEditor[i].replay)[0], {
-                value: '输入HTML代码',
+                value: '',
                 mode: "text/x-java",
                 lineNumbers: true,
                 smartIndent: false,
@@ -2279,10 +2190,10 @@ $(function() {
     // 判断是否需要有服务端编译
     function compileMode(langid) {
         if (langid == 0 || langid == 35) {
-            // $('#comprunbtngrp').html('<button id="runnow" type="button" data-style="expand-right" class="btn" title="运行代码">&nbsp; 运行</button>');
+            // $('#compileBtnGroup').html('<button id="runnow" type="button" data-style="expand-right" class="btn" title="运行代码">&nbsp; 运行</button>');
         } else {
             $('#fontendrun').addClass('hidden');
-            $('#comprunbtngrp').html('<button id="comprun" data-toggle="tooltip" data-placement="bottom" type="button" data-run="1" data-style="expand-right" class="btn comprun" title="编译并运行代码">&nbsp;编译&运行</button>');
+            $('#compileBtnGroup').html('<button id="CompileBtn" data-toggle="tooltip" data-placement="bottom" type="button" data-run="1" data-style="expand-right" class="btn" data-style="expand-right" title="编译并运行代码">&nbsp;编译&运行</button>');
             $('#ifrcontainer').addClass('hidden');
             $('#cmprun-output').removeClass('hidden');
@@ -2487,7 +2398,7 @@ $(function() {
     // 缓存languageid title
     function setHtmlButton(languageid, title) {
-        $('#htmlbutton').data('languageid', languageid).attr('data-original-title', title).html(title).trigger('click');
+        $('#htmlbutton').data('languageid', languageid).attr('data-original-title', '当前课程环境：' + title).html(title).trigger('click');
     }
     function contrlPause() {