6923 lines
266 KiB
HTML
6923 lines
266 KiB
HTML
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
||
<!-- saved from url=(0215)https://mooc1.chaoxing.com/mycourse/studentstudy?chapterId=1050486683&courseId=256005119&clazzid=129437459&cpi=506173436&enc=8f99e04566e9010cd69dc8e310ab4b50&mooc2=1&hidetype=0&openc=6993a54b3c85103e7f92ada2f95346da -->
|
||
<html xmlns="http://www.w3.org/1999/xhtml" style="font-size: 71.6px;"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><style media="screen"></style><script>
|
||
_HOST_ = "//mooc1.chaoxing.com";
|
||
_CP_ = "/mooc-ans";
|
||
_HOST_CP1_ = "//mooc1.chaoxing.com/mooc-ans";
|
||
// _HOST_CP2_ = _HOST_ + _CP_;
|
||
_HOST_CP2_ = _CP_;
|
||
</script>
|
||
|
||
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
|
||
<title>学生学习页面</title>
|
||
<link href="./学生学习页面_files/global.css" rel="stylesheet" type="text/css">
|
||
<link href="./学生学习页面_files/play.css" rel="stylesheet" type="text/css">
|
||
<link rel="stylesheet" type="text/css" href="./学生学习页面_files/face-collection-qr.css">
|
||
<style>
|
||
</style>
|
||
<script>
|
||
var pulishCheckTip = '请输入话题名称或者内容';
|
||
var discussFailedTip = '发帖失败';
|
||
var limitword150 = '字数不能超过150！';
|
||
var titleLimit200 = '标题限200字';
|
||
var contentLimit20000 = '内容限20000字';
|
||
window.showAiBrainMap = "false";
|
||
</script>
|
||
<script src="./学生学习页面_files/baguettebox.min.js.下载"></script>
|
||
<link rel="stylesheet" href="./学生学习页面_files/baguettebox.min.css">
|
||
<link href="./学生学习页面_files/chapter_common.css" type="text/css" rel="stylesheet">
|
||
<link href="./学生学习页面_files/chapter_student_common.css" type="text/css" rel="stylesheet">
|
||
<link rel="stylesheet" href="./学生学习页面_files/uploadImg.css">
|
||
<link rel="stylesheet" type="text/css" href="./学生学习页面_files/common.css">
|
||
<link rel="stylesheet" type="text/css" href="./学生学习页面_files/style.css">
|
||
<link rel="stylesheet" type="text/css" href="./学生学习页面_files/q_preview.css">
|
||
<script src="./学生学习页面_files/uploadNew.js.下载"></script>
|
||
<script type="text/javascript" src="./学生学习页面_files/plupload.full.min.js.下载"></script>
|
||
<script type="text/javascript" src="./学生学习页面_files/DD_belatedPNG_0.0.8a-min.js.下载"></script>
|
||
<script type="text/javascript" src="./学生学习页面_files/jquery-1.7.2.min.js.下载"></script>
|
||
<link href="./学生学习页面_files/webuploader.css" type="text/css" rel="stylesheet">
|
||
<script src="./学生学习页面_files/webuploader.nolog.min.js.下载"></script>
|
||
<script src="./学生学习页面_files/new-chapter-group-right.js.下载"></script>
|
||
<script src="./学生学习页面_files/chapterDetect.js.下载"></script>
|
||
<script type="text/javascript" src="./学生学习页面_files/poptoast.js.下载"></script>
|
||
|
||
<link rel="stylesheet" type="text/css" href="./学生学习页面_files/studentStudy.css">
|
||
|
||
<style>
|
||
.chapterQrcode{right:0px;}
|
||
.teacherTool{right:318px;}
|
||
.toolOpenBtn{left:-11px;background:url(//mooc1.chaoxing.com/mooc-ans/images/toolOpenBtn.png) no-repeat left center;}
|
||
.toolCloseBtn{left:-11px;background:url(//mooc1.chaoxing.com/mooc-ans/images/toolCloseBtn.png) no-repeat left center;}
|
||
.jobhint{left:-100px;}
|
||
.content .main{padding:0 432px 0 0;}
|
||
@media screen and (max-width: 1440px) {
|
||
.content .main{padding:0 300px 0 0;}
|
||
}
|
||
@media screen and (max-width: 1040px) {
|
||
.content .main{padding:0 200px 0 0;}
|
||
}
|
||
.editorMaskDiv .popDiv{margin-left:0;margin-top:0}
|
||
#edui_fixedlayer{z-index:101!important;}
|
||
.edui-default .edui-editor-toolbarbox{position:fixed!important;top:110px}
|
||
.stuTitle{padding-bottom:0;}
|
||
.twBx{height:210px;padding:20px 30px;box-sizing:border-box;position:relative;padding-bottom:0}
|
||
.textareaBx{display:block;width:100%;height:188px;border:solid 1px #D4D6D9;border-radius:4px}
|
||
.textarea{padding:0 4px 0 14px;height:150px;overflow:auto;background:none;font-family:microsoft YaHei;font-size:14px;color:#131B26;line-height:20px;width:100%;margin-top:10px}
|
||
.fontNum{text-align:right;height:28px;line-height:28px;padding:0 14px;color:#ACB4BF}
|
||
.blueBord{border:solid 1px #3A8BFF}
|
||
.tjSucess{position:fixed;width:128px;height:48px;background:rgba(79, 87, 98, 0.98);border-radius:8px;top:20%;left:50%;transform: translate(-50%);font-size:14px;color:#fff;text-align:center;display:none;line-height:48px;}
|
||
.tjSucess i{display:inline-block;width:20px;height:20px;background:url(//mooc1.chaoxing.com/mooc-ans/mooc2/images/right.png) no-repeat;margin-right:10px;vertical-align:middle}
|
||
.formNote_padding .edui-editor-toolbarboxinner .webuploader-pick{height: auto;}
|
||
.formNote_padding .multieditor .edui-editor-toolbarboxinner .edui-for-justify.right{top:0;}
|
||
.formNote_padding .multieditor .edui-editor-toolbarbox{z-index:100;}
|
||
.sf-box{position:fixed!important}
|
||
.pcTipsBx{margin:10px 100px;padding:14px 20px;background:#FFFDE7;border:solid 1px #FFE58F;border-radius:8px;line-height:20px;font-size:14px;color:#131B26;height:48px;box-sizing:border-box;}
|
||
.pcTipsBx i{float:left;width:18px;height:18px;background:url(//mooc1.chaoxing.com/mooc-ans/images/courselist/pcTipsIcon.png) no-repeat;background-size:100%;margin-right:10px;margin-top:1px}
|
||
|
||
</style>
|
||
<link href="./学生学习页面_files/nodeToolBar.css" type="text/css" rel="stylesheet">
|
||
<script src="./学生学习页面_files/ServerHost.js.下载"></script>
|
||
<script type="text/javascript" src="./学生学习页面_files/jquery.nicescroll.min.js.下载"></script>
|
||
<script src="./学生学习页面_files/jquery.color.js.下载"></script>
|
||
<script type="text/javascript" src="./学生学习页面_files/domain.js.下载"></script>
|
||
<link href="./学生学习页面_files/viewer.min.css" rel="stylesheet" type="text/css">
|
||
<script type="text/javascript" src="./学生学习页面_files/jquery.md5.js.下载"></script>
|
||
<script type="text/javascript" src="./学生学习页面_files/viewer-jquery.min.js.下载"></script>
|
||
<script src="./学生学习页面_files/wayer_v1.2.mini.js.下载"></script>
|
||
<script src="./学生学习页面_files/check_vercode.js.下载" type="text/javascript"></script>
|
||
<script src="./学生学习页面_files/ajax-unlock.js.下载"></script>
|
||
<script type="text/javascript" src="./学生学习页面_files/multieditor.js.下载"></script>
|
||
<script>
|
||
typeof MultiEditor != "undefined" && MultiEditor.init('edit',null,{
|
||
'isGetVideoDataFromCenter': true, //获取视频地址是否从中心存储获取，避免云盘视频删除后视频提示已删除的问题
|
||
'prefix': 'https://noteyd.chaoxing.com',
|
||
'topOffsetScrollDiv': '.formNote_padding'
|
||
});
|
||
</script><script type="text/javascript" src="./学生学习页面_files/attachment_listener.js.下载"></script><script type="text/javascript" src="./学生学习页面_files/rich.text.util.js.下载"></script>
|
||
|
||
<script type="text/javascript">
|
||
window['dtype'] = "Course";
|
||
window['app'] = "1";
|
||
window.cxktDomain = "";
|
||
window.cxkdEditorUrl = "";
|
||
var ut_value = "s"
|
||
var stu_clazzId = "129437459";
|
||
var stu_CourseId = "256005119";
|
||
var stu_knowledgeId = "1050486657";
|
||
var stu_cpi = "506173436";
|
||
var ua=navigator.userAgent.indexOf('chaoxing_wisdomclass');
|
||
if(ua!=-1){
|
||
document.write('<script src="//mooc1.chaoxing.com/mooc-ans/js/phone/protocolChaoXing/CXJSBridge.js"><\/script>');
|
||
document.write('<script src="//mooc1.chaoxing.com/mooc-ans/js/phone/app.utils.js?v=2"><\/script>');
|
||
}
|
||
var utEnc="f0cd33d11e1153b30ce3f565f24fb251";
|
||
var courseId=256005119;
|
||
var courseid=256005119;
|
||
|
||
var videoNoteCardId = "0";
|
||
var videoNoteMid = "";
|
||
var videoNoteTime = ""
|
||
var courseEnded = 'true' === 'true';
|
||
var ai_stu_knowledgeId = "1050486657";
|
||
var crossCardId = "";
|
||
var crossId = "0";
|
||
String.prototype.trim=function(){return this.replace(/(^\s*)|(\s*$)/g,"");}
|
||
//设置cookie
|
||
var setCookie = function(name,value,hours,path,domain) {
|
||
var oNow = new Date();
|
||
oNow.setHours(oNow.getHours() + hours);
|
||
var sCookie = name + "=" + escape(value);
|
||
if(hours) {
|
||
sCookie += ";expires=" + oNow.toGMTString();
|
||
}
|
||
if(path) {
|
||
sCookie += ";path=" + path;
|
||
}
|
||
if(domain) {
|
||
sCookie += ";domain=" + domain;
|
||
}
|
||
document.cookie = sCookie;
|
||
};
|
||
//获取cookie
|
||
var getCookie = function(name) {
|
||
var oRegExp = new RegExp("(^|)" + name + "=([^;]*)(;|$)","gi").exec(document.cookie), aCookie;
|
||
if(aCookie = oRegExp) {
|
||
return unescape(aCookie[2]);
|
||
}
|
||
return null;
|
||
};
|
||
var videoAutoPlay = "0";
|
||
function hideChangeBtn() {
|
||
if($("#coursetree>ul>li:first .posCatalog_level>ul>li:first>.posCatalog_select").hasClass("posCatalog_active") && (($(".prev_list li").length == 0) || ($(".prev_list li").length > 0 && $(".prev_list>ul>li:first").hasClass("active")))){
|
||
$(".prev").css("display", "none");
|
||
} else {
|
||
$(".prev").css("display", "block");
|
||
}
|
||
var len = $("#coursetree li").length;
|
||
if ($("#coursetree li").eq(len - 1).children(".posCatalog_select").hasClass("posCatalog_active") && (($(".prev_list") && $(".prev_list").length == 0) || ($(".prev_list") && $(".prev_list").length > 0 && $(".prev_list>ul>li:last").hasClass("active")))) {
|
||
$(".next").css("display", "none");
|
||
} else {
|
||
$(".next").css("display", "block");
|
||
}
|
||
}
|
||
var showorhide=function(htmlid){
|
||
var doc = document.getElementById(htmlid);
|
||
if(doc!=null){
|
||
if(doc.style.display!="none"){
|
||
doc.style.display="none";
|
||
}else{
|
||
doc.style.display="block";
|
||
}
|
||
}
|
||
};
|
||
var show=function(htmlid){
|
||
var doc = document.getElementById(htmlid);
|
||
doc.style.display="block";
|
||
};
|
||
var tasckvalidate=function(clazzid,nodeid){
|
||
window.open("/mooc-ans/edit/validate?clazzid="+clazzid+"&nodeid="+nodeid+"&courseId="+courseId);
|
||
};
|
||
function scrollToPosition(position) {
|
||
var height1 = $('#qqqq').offset().top;
|
||
position = position + height1;
|
||
$('html, body').animate({
|
||
scrollTop: position
|
||
}, 1000); // 1000毫秒（1秒）内平滑滚动
|
||
}
|
||
function crossTransfer(crossId) {
|
||
window.location.href = "/mooc-ans/knowledge/crossTransfer?courseid=256005119&clazzid=129437459&crossid=" + crossId;
|
||
}
|
||
function bindSubCheck(callback) {
|
||
$('#sub').unbind('click');
|
||
$('#sub').on('click', function() {
|
||
var code=$("#code").val();
|
||
jQuery.ajax({
|
||
type:"POST",
|
||
url:_HOST_CP2_ + "/kaptcha-img/ajaxValidate2",
|
||
data:{code:code},
|
||
success: function(data){
|
||
$("#code").val("");
|
||
if(data.status){
|
||
$("#validate").css("display","none");
|
||
WAY.box.hide();
|
||
var enc=data.enc;
|
||
callback && callback(enc);
|
||
}else{
|
||
getVarCode();
|
||
}
|
||
}
|
||
});
|
||
});
|
||
}
|
||
|
||
//目录滚动条
|
||
function posCatalogScroll(){
|
||
try {
|
||
$("#content1").niceScroll({cursorborder:"",cursorwidth:8,cursorcolor:"#CFD8E6",boxzoom:false,autohidemode:true});
|
||
setInterval(function(){
|
||
$("#content1").getNiceScroll().resize(); //检测滚动条是否重置大小（当窗口改变大小时）
|
||
},300)
|
||
} catch (e) {
|
||
}
|
||
}
|
||
function posChapter(){
|
||
var fanyaHeight = $(window).height()
|
||
$('.posCatalog').css({'height':fanyaHeight-40-65-56}) //左右浮框
|
||
$('#selector').css({'height':fanyaHeight-40}) //目录内容
|
||
}
|
||
function posDiscuss(){
|
||
var fanyaHeight = $(window).height()
|
||
$('#posDiscussScroll').css({'height' : fanyaHeight - 40 - 65 - 30}) //左右浮框
|
||
}
|
||
// 笔记列表的高度
|
||
function posNote() {
|
||
var fanyaHeight = $(window).height()
|
||
$('#posNoteScroll').css({'height' : fanyaHeight - 40 - 65 - 30}) //左右浮框
|
||
}
|
||
function setIframeStyle() {
|
||
if ($("#iframe").contents().find(".wrap").length > 0) {
|
||
var padr = $(".prev_title").css("padding-right");
|
||
$("#iframe").contents().find(".wrap").css("padding", "30px " + padr);
|
||
}
|
||
}
|
||
window.onresize = function(){
|
||
posChapter()
|
||
posDiscuss()
|
||
posNote()
|
||
setIframeStyle()
|
||
}
|
||
|
||
function handleResize() {
|
||
posChapter()
|
||
posDiscuss()
|
||
posNote()
|
||
setIframeStyle()
|
||
}
|
||
window.addEventListener('resize', handleResize);
|
||
$(document).ready(function(){
|
||
jQuery.ajax({ //一个Ajax过程
|
||
type: "get", //以get方式与后台沟通
|
||
url : _HOST_CP2_ + "/mycourse/studentstudycourselist",
|
||
dataType:'html',//返回的值
|
||
data: {courseId:'256005119',chapterId:'1050486657',clazzid:'129437459',cpi:'506173436',mooc2:1,isMicroCourse: false},
|
||
success: function(data){//如果调用成功
|
||
document.getElementById("coursetree").innerHTML=data;
|
||
jQuery("#coursetree .posCatalog_select").removeClass("posCatalog_active");
|
||
jQuery("#cur" + 1050486657).addClass("posCatalog_active");
|
||
var bulletFormat = "";
|
||
if( bulletFormat != "null" && bulletFormat == "Dot"){
|
||
$(".posCatalog_sbar").hide();
|
||
}
|
||
posCatalogScroll()
|
||
posChapter()
|
||
checkMobileBrowerLearn();
|
||
hideChangeBtn();
|
||
}
|
||
});
|
||
});
|
||
function getJobCount(obj) {
|
||
var knowledgeJobCount = $(obj).find(".jobUnfinishCount");
|
||
var totalCount = 0;
|
||
for (var i = 0; i < knowledgeJobCount.size(); i++) {
|
||
var singleJobCount = parseInt(knowledgeJobCount.eq(i).val());
|
||
totalCount += singleJobCount;
|
||
}
|
||
return totalCount;
|
||
}
|
||
var addDiscussReply = function(discussId,replycount){
|
||
|
||
var doc = document.getElementById("discuss"+discussId);
|
||
var content = doc.value;
|
||
if(content==null||content=='')
|
||
{
|
||
alert("内容不能为空！");
|
||
return;
|
||
}
|
||
doc.value = "";
|
||
jQuery.post(_HOST_CP2_ + "/bbsapi/addDiscussReply",
|
||
{
|
||
discussId : discussId
|
||
,replycount : replycount
|
||
,clazzid : '129437459'
|
||
,userId : '421011097'
|
||
,content : content
|
||
,role : 1
|
||
,schoolId : '22281',
|
||
replaytype:'1',
|
||
ut:'s'
|
||
},
|
||
function(data){
|
||
if(data=='error'){
|
||
alert("添加失败！");
|
||
}else{
|
||
var doc = document.getElementById("replaylist"+discussId);
|
||
data = data.replace(/(^\s*)|(\s*$)/g,"");
|
||
doc.innerHTML = data;
|
||
var rcdoc = document.getElementById("replycount"+discussId);
|
||
rcdoc.innerHTML = parseInt(rcdoc.innerHTML)+1;
|
||
}
|
||
}
|
||
);
|
||
};
|
||
|
||
|
||
var replay = function(num,disid,schoolid) {
|
||
var doc = document.getElementById("replaylist"+disid);
|
||
var showeddoc = document.getElementById("showed"+disid);
|
||
if(doc.style.display!="none"){
|
||
doc.style.display = "none";
|
||
}else{
|
||
var obj = doc.innerHTML;
|
||
if(obj==null||obj==""){
|
||
|
||
jQuery.post(_HOST_CP2_ + "/schoolCourseInfo/getReplayList",
|
||
{
|
||
discussid:disid,
|
||
schoolId:schoolid,
|
||
replycount:num,
|
||
date:new Date(),
|
||
replaytype:'1'
|
||
},
|
||
function(data){
|
||
data = data.replace(/(^\s*)|(\s*$)/g,"");
|
||
doc.innerHTML = data;
|
||
}
|
||
);
|
||
doc.style.display = "block";
|
||
show("replaytextarea"+disid);
|
||
}else{
|
||
doc.style.display = "block";
|
||
show("replaytextarea"+disid);
|
||
}
|
||
}
|
||
};
|
||
|
||
var praise = function(obj,disid,schoolid) {
|
||
jQuery("#praise"+disid).removeClass();
|
||
jQuery("#praise"+disid).addClass("cur");
|
||
jQuery.post(_HOST_CP2_ + "/schoolCourseInfo/addBBSPraise",
|
||
{
|
||
disid:disid
|
||
,schoolid : schoolid
|
||
,userid:'421011097'
|
||
},
|
||
function(data){
|
||
var doc = document.getElementById("praise"+disid);
|
||
doc.innerHTML = parseInt(doc.innerHTML)+1;
|
||
obj.onclick=null;
|
||
|
||
}
|
||
);
|
||
|
||
}
|
||
|
||
var addtopcomment = function(clazzid){
|
||
var title = document.getElementById("toplevelTextCommentTitle").value;
|
||
if(title==null || title=='' || title.trim()=='')
|
||
{
|
||
alert("标题不能为空！");
|
||
return;
|
||
}
|
||
if(title.length>50){
|
||
alert("字数不能超过50");
|
||
document.getElementById("toplevelTextCommentTitle").value = title.substring(0,50);
|
||
return;
|
||
}
|
||
var content = document.getElementById("toplevelTextCommentContent").value;
|
||
document.getElementById("toplevelTextCommentTitle").value = "";
|
||
document.getElementById("toplevelTextCommentContent").value = "";
|
||
var ask = 0;
|
||
if(document.getElementById("askteacher") != null){
|
||
if(document.getElementById("askteacher").checked == true){
|
||
ask=1;
|
||
}
|
||
}
|
||
var chapterId = document.getElementById("chapterIdid").value;
|
||
jQuery.post(_HOST_CP2_ + "/bbsapi/addCDiscuss",
|
||
{
|
||
moocId:'256005119',
|
||
clazzid:'129437459',
|
||
userId:'421011097',
|
||
title: title,
|
||
content:content,
|
||
chapterIds:chapterId,
|
||
schoolId:'22281',
|
||
replaytype:'1',
|
||
ask : ask,
|
||
role:'1'
|
||
,type: 'student'
|
||
,ut:'s'
|
||
},
|
||
function(data){
|
||
data = data.replace(/(^\s*)|(\s*$)/g,"");
|
||
var doc = document.getElementById("posDiscussScroll");
|
||
doc.innerHTML = data;
|
||
//alert("操作成功！");
|
||
}
|
||
);
|
||
};
|
||
function getcookie(objname){
|
||
var arrstr = document.cookie.split("; ");
|
||
for(var i = 0;i < arrstr.length;i ++){
|
||
var temp = arrstr[i].split("=");
|
||
if(temp[0] == objname){
|
||
return unescape(temp[1]);
|
||
}
|
||
}
|
||
}
|
||
function getChapterRightDiscuss(){
|
||
var chapterId=document.getElementById("chapterIdid").value;
|
||
jQuery.post(_HOST_CP2_ + "/schoolCourseInfo/getgrouptopic",
|
||
{
|
||
courseId:'256005119'
|
||
,clazzid:'129437459'
|
||
,type: 2
|
||
,ut:'s'
|
||
,chapterId:chapterId
|
||
,mooc2:1
|
||
,pagesize: 1000
|
||
},
|
||
function(data){
|
||
data = data.replace(/(^\s*)|(\s*$)/g,"");
|
||
var doc = document.getElementById("posDiscussScroll");
|
||
doc.innerHTML = data;
|
||
$(function(){
|
||
bindImg2('fileUploader_group');
|
||
baguetteBox.run('.smallImg', {
|
||
animation: 'fadeIn',
|
||
});
|
||
});
|
||
|
||
$(function(){
|
||
//输入内容
|
||
$('.formTopic_text>textarea,.formNote_text>textarea').focus(function(){
|
||
$(this).parent().addClass('areaShadow')
|
||
})
|
||
$('.formTopic_text>textarea,.formNote_text>textarea').blur(function(){
|
||
$(this).parent().removeClass('areaShadow')
|
||
})
|
||
|
||
//讨论话题showhide
|
||
$('.newTopic_bnt').click(function(){
|
||
// 新建笔记屏蔽截屏按钮
|
||
$("#editor1 .edui-for-screenshot").hide();
|
||
$(this).next().slideDown(300)
|
||
})
|
||
$('.replyQuxiao').click(function(){
|
||
$(this).parent().parent().slideUp(300)
|
||
})
|
||
posDiscuss();
|
||
//话题输入内容滚动条
|
||
function formTopic_text_Scroll(){
|
||
try {
|
||
$(".formTopic_text_Scroll").niceScroll({cursorborder:"",cursorwidth:8,cursorcolor:"#CFD8E6",boxzoom:false,autohidemode:true});
|
||
setInterval(function(){
|
||
$(".formTopic_text_Scroll").getNiceScroll().resize(); //检测滚动条是否重置大小（当窗口改变大小时）
|
||
},300)
|
||
} catch (e) {
|
||
}
|
||
|
||
}
|
||
formTopic_text_Scroll()
|
||
function formTopicScroll(){
|
||
try {
|
||
$("#formTopicScroll").niceScroll({cursorborder:"",cursorwidth:8,cursorcolor:"#CFD8E6",boxzoom:false,autohidemode:true});
|
||
setInterval(function(){
|
||
$("#formTopicScroll").getNiceScroll().resize(); //检测滚动条是否重置大小（当窗口改变大小时）
|
||
},300)
|
||
} catch (e) {
|
||
}
|
||
}
|
||
formTopicScroll()
|
||
function posDiscuss(){
|
||
var fanyaHeight = $(window).height()
|
||
$('#posDiscussScroll').css({'height' : fanyaHeight - 40 - 65 - 30}) //左右浮框
|
||
}
|
||
function formDiscussScroll(){
|
||
try {
|
||
$("#posDiscussScroll").niceScroll({cursorborder:"",cursorwidth:8,cursorcolor:"#CFD8E6",boxzoom:false,autohidemode:true});
|
||
setInterval(function(){
|
||
$("#posDiscussScroll").getNiceScroll().resize(); //检测滚动条是否重置大小（当窗口改变大小时）
|
||
},300)
|
||
} catch (e) {
|
||
}
|
||
}
|
||
formDiscussScroll()
|
||
window.onresize = function(){
|
||
posDiscuss()
|
||
}
|
||
var count = $("#content2 .itemDiscuss").length;
|
||
if (count > 0) {
|
||
if (count < 1000) {
|
||
$(".discussNum").text("(" + count + ")");
|
||
}
|
||
} else {
|
||
$(".discussNum").text("");
|
||
}
|
||
if ($("#onlyTchPost").val() != '1') {
|
||
$("#content2 .newTopic1").css("display", "block");
|
||
}
|
||
})
|
||
}
|
||
);
|
||
}
|
||
|
||
function getGroupChapterRightDiscuss(){
|
||
jQuery.post(_HOST_CP2_ + "/schoolCourseInfo/getgrouptopic",
|
||
{
|
||
courseId:'256005119'
|
||
,clazzid:'129437459'
|
||
,type: 2
|
||
,ut:'s'
|
||
},
|
||
function(data){
|
||
data = data.replace(/(^\s*)|(\s*$)/g,"");
|
||
var doc = document.getElementById("posDiscussScroll");
|
||
doc.innerHTML = data;
|
||
}
|
||
);
|
||
}
|
||
|
||
var changePan = function(num){
|
||
num = parseInt(num);
|
||
|
||
for(var i=1; i <= 5; i++){
|
||
var titledoc = document.getElementById("tit"+i);
|
||
var contentdoc = document.getElementById("content"+i);
|
||
|
||
if(!titledoc || !contentdoc){
|
||
continue;
|
||
}
|
||
|
||
if(1!=0 || ( 1==0 && i!=2)){
|
||
if(i==num){
|
||
titledoc.className="active";
|
||
titledoc.style.display="block";
|
||
contentdoc.style.display="block";
|
||
}else{
|
||
titledoc.className="";
|
||
contentdoc.style.display="none";
|
||
}
|
||
}
|
||
}
|
||
}
|
||
var changeDisplayContent = function(num,totalnum,chapterId,courseId,clazzid,knowledgestr,crossid){
|
||
setChapterNumData(num);
|
||
num = parseInt(num);
|
||
totalnum = parseInt(totalnum);
|
||
PCount.setIndex(num);
|
||
$(".prev_ul li").removeClass("active");
|
||
for(var i=1;i<=totalnum;i++){
|
||
var titledoc = document.getElementById("dct"+i);
|
||
if(i==num){
|
||
titledoc.className="active";
|
||
num = num-1;
|
||
document.getElementById("iframe").src="/mooc-ans/knowledge/cards?clazzid="+clazzid+"&courseid="+courseId+"&knowledgeid="+chapterId+"&num="+num+"&ut=s&cpi=506173436&v=2025-0424-1038-4&mooc2=1&isMicroCourse=false&editorPreview=0&crossId=" + crossid;
|
||
var el = $('#iframe');
|
||
window.ed_reinitIframe = function ed_reinitIframe(){
|
||
var iframe = el[0];
|
||
|
||
try{
|
||
var height = iframe.contentWindow.document.body.scrollHeight;
|
||
if (parseInt(height) < 500) {
|
||
height = '500px';
|
||
}
|
||
el.attr('height',height);
|
||
}catch (ex){}
|
||
}
|
||
if($("#openlock").length>0){
|
||
if(num+1==totalnum){
|
||
setTimeout('openlockshow();',2000);
|
||
}else{
|
||
document.getElementById("openlock").style.display="none";
|
||
}
|
||
}
|
||
window.setInterval("ed_reinitIframe()", 200);
|
||
}else{
|
||
titledoc.className="c"+i;
|
||
}
|
||
}
|
||
if(typeof(MoocPlayers)!='undefined'){
|
||
MoocPlayers.clearMids();
|
||
}
|
||
hideChangeBtn();
|
||
}
|
||
//点击上下章进行章节人脸识别时使用此方法跳入
|
||
function faceCheckOverJump(chapterId, courseId, clazzid, faceCheckEnc, faceCheckTime){
|
||
var jumpType = $("#jumpType").val();
|
||
var jumpCount = $("#jumpCount").val();
|
||
var curcount = $("#curcount").val();
|
||
if(jumpType == 1){
|
||
PCount.setIndex(curcount);
|
||
PCount.next(jumpCount, chapterId, courseId, clazzid, '', faceCheckEnc, faceCheckTime)
|
||
}else{
|
||
PCount.setIndex(curcount);
|
||
PCount.previous(jumpCount, chapterId, courseId, clazzid, '', faceCheckEnc, faceCheckTime)
|
||
}
|
||
}
|
||
|
||
function scroll2Job() {
|
||
closeDeleteWindow();
|
||
var jobDiv = $("#iframe").contents().find(".ans-job-icon");
|
||
var scrolling = false;
|
||
jobDiv.each(function (index,model) {
|
||
if(!$(model).parent().hasClass("ans-job-finished")) {
|
||
if(!scrolling) {
|
||
scrolling = true;
|
||
$("html,body").animate({scrollTop: $(model).offset().top}, 500);
|
||
}
|
||
}
|
||
})
|
||
}
|
||
|
||
function checkJob() {
|
||
closeDeleteWindow();
|
||
var jobDiv = $("#iframe").contents().find(".ans-job-icon");
|
||
var unFinishJob = false;
|
||
|
||
jobDiv.each(function (index,model) {
|
||
if(!$(model).parent().hasClass("ans-job-finished")) {
|
||
unFinishJob = true;
|
||
return unFinishJob;
|
||
}
|
||
})
|
||
|
||
return unFinishJob;
|
||
}
|
||
|
||
function showFreezePage() {
|
||
var freezePage2 = $('#freezePage2');
|
||
freezePage2.fullFadeIn();
|
||
freezePage2.addClass('maskFadeOut');
|
||
$('body').addClass('popOverflow');
|
||
}
|
||
|
||
function callback_course(response) {
|
||
pauseAll("#freezePage2",response,showFreezePage);
|
||
}
|
||
|
||
function continue_learning() {
|
||
reloadAndSetNewJs("#freezePage2");
|
||
|
||
$('.maskDiv').fullFadeOut();
|
||
$('.maskDiv').removeClass('maskFadeOut');
|
||
$('body').removeClass('popOverflow');
|
||
}
|
||
|
||
function showCheckDiv(isNext) {
|
||
if(isNext) {
|
||
$(".preChapter").hide();
|
||
$(".nextChapter").show();
|
||
}else {
|
||
$(".preChapter").show();
|
||
$(".nextChapter").hide();
|
||
}
|
||
|
||
var jobCountDiv = $('.jobFinishTip');
|
||
jobCountDiv.fullFadeIn();
|
||
jobCountDiv.addClass('maskFadeOut');
|
||
$('body').addClass('popOverflow');
|
||
if("0" == "1") {
|
||
$("#jobFinishTipFocus").focus();
|
||
}
|
||
}
|
||
|
||
var PCount = (function () {
|
||
var cur = 1, inner = changeDisplayContent;
|
||
return {
|
||
setIndex : function (index) {
|
||
cur = index;
|
||
},
|
||
next : function (count, chapterId, courseId, clazzid, knowledgestr,checkType) {
|
||
if (checkUnsave()) {
|
||
return;
|
||
}
|
||
if(typeof checkType != "undefined" && checkType && !courseEnded && checkJob()) {
|
||
showCheckDiv(true);
|
||
return;
|
||
}
|
||
|
||
cur = parseInt(cur);
|
||
count = parseInt(count);
|
||
$("#jumpCount").val(count);
|
||
$("#jumpType").val(1);
|
||
$("#curcount").val(cur);
|
||
if (cur >= count) {
|
||
window.bgAndBgLine = [];
|
||
renderingMarkData();
|
||
document.getElementById("mainid").innerHTML = "<div style=\"width:32px;height:32px;margin:0 auto;padding:300px 0\"><img src=\"/mooc-ans/images/courselist/loading.gif\" /></div>"
|
||
cur = 1;
|
||
jQuery.post(_HOST_CP2_ + "/mycourse/changeCapter",
|
||
{
|
||
courseId : courseId
|
||
, clazzid : clazzid
|
||
, chapterId : chapterId
|
||
, knowledgestr : knowledgestr
|
||
, type : 1
|
||
, date : new Date()
|
||
, mooc2 : 1
|
||
},
|
||
function (data) {
|
||
//alert(2025-0424-1038);
|
||
data = data.replace(/(^\s*)|(\s*$)/g, "");
|
||
var doc = document.getElementById("mainid");
|
||
jQuery(doc).html(data);
|
||
if(document.getElementById("chapterFaceState") != null){
|
||
//人脸识别
|
||
return;
|
||
}
|
||
chapterId = document.getElementById("chapterIdid").value;
|
||
ai_stu_knowledgeId = chapterId;
|
||
jQuery("#coursetree .posCatalog_select").removeClass("posCatalog_active");
|
||
jQuery("#cur" + chapterId).addClass("posCatalog_active");
|
||
setChapterNumData(cur);
|
||
|
||
var el = $('#iframe');
|
||
|
||
window.ed_reinitIframe = function ed_reinitIframe() {
|
||
var iframe = el[0];
|
||
|
||
try {
|
||
var height = iframe.contentWindow.document.body.scrollHeight;
|
||
if (parseInt(height) < 500) {
|
||
height = '500px';
|
||
}
|
||
el.attr('height', height);
|
||
} catch (ex) {
|
||
}
|
||
}
|
||
if ($("#openlock").length > 0) {
|
||
var count = document.getElementById("cardcount").value;
|
||
if (count == 1) {
|
||
setTimeout('openlockshow();', 2000);
|
||
}
|
||
}
|
||
if ($("#cur" + chapterId + " .orange01").length > 0) {
|
||
jQuery.ajax({
|
||
type : "get",
|
||
url : _HOST_CP2_ + "/edit/validatejobcount",
|
||
data : {
|
||
courseId : courseId
|
||
, clazzid : clazzid
|
||
, nodeid : chapterId
|
||
},
|
||
});
|
||
}
|
||
window.setInterval("ed_reinitIframe()", 200);
|
||
if ($(".tabCatalog #tit3").hasClass("active")) {
|
||
getClazzNote();
|
||
}
|
||
hideChangeBtn();
|
||
}
|
||
);
|
||
} else {
|
||
cur++;
|
||
inner(cur, count, chapterId, courseId, clazzid, knowledgestr);
|
||
|
||
}
|
||
scroll(0, 0);
|
||
},
|
||
previous : function (count, chapterId, courseId, clazzid, knowledgestr,checkType) {
|
||
if (checkUnsave()) {
|
||
return;
|
||
}
|
||
|
||
if(typeof checkType != "undefined" && checkType && !courseEnded && checkJob()) {
|
||
showCheckDiv(false);
|
||
return;
|
||
}
|
||
|
||
cur = parseInt(cur);
|
||
count = parseInt(count);
|
||
$("#jumpCount").val(count);
|
||
$("#jumpType").val(0);
|
||
$("#curcount").val(cur);
|
||
if (cur <= 1) {
|
||
window.bgAndBgLine = [];
|
||
renderingMarkData();
|
||
document.getElementById("mainid").innerHTML = "<div style=\"width:32px;height:32px;margin:0 auto;padding:300px 0\"><img src=\"/mooc-ans/images/courselist/loading.gif\" /></div>"
|
||
cur = 1;
|
||
jQuery.post(_HOST_CP2_ + "/mycourse/changeCapter",
|
||
{
|
||
courseId : courseId
|
||
, clazzid : clazzid
|
||
, chapterId : chapterId
|
||
, knowledgestr : knowledgestr
|
||
, type : 0
|
||
, date : new Date()
|
||
, mooc2 : 1
|
||
},
|
||
function (data) {
|
||
data = data.replace(/(^\s*)|(\s*$)/g, "");
|
||
var doc = document.getElementById("mainid");
|
||
jQuery(doc).html(data);
|
||
if(document.getElementById("chapterFaceState") != null){
|
||
//人脸识别
|
||
return;
|
||
}
|
||
chapterId = document.getElementById("chapterIdid").value;
|
||
ai_stu_knowledgeId = chapterId;
|
||
jQuery("#coursetree .posCatalog_select").removeClass("posCatalog_active");
|
||
jQuery("#cur" + chapterId).addClass("posCatalog_active");
|
||
setChapterNumData(cur);
|
||
|
||
var el = $('#iframe');
|
||
|
||
window.ed_reinitIframe = function ed_reinitIframe() {
|
||
var iframe = el[0];
|
||
|
||
try {
|
||
var height = iframe.contentWindow.document.body.scrollHeight;
|
||
if (parseInt(height) < 500) {
|
||
height = '500px';
|
||
}
|
||
el.attr('height', height);
|
||
} catch (ex) {
|
||
}
|
||
}
|
||
if ($("#openlock").length > 0) {
|
||
var count = document.getElementById("cardcount").value;
|
||
if (count == 1) {
|
||
setTimeout('openlockshow();', 2000);
|
||
}
|
||
}
|
||
|
||
if ($("#cur" + chapterId + " .orange01").length > 0) {
|
||
|
||
jQuery.ajax({
|
||
type : "get",
|
||
url : _HOST_CP2_ + "/edit/validatejobcount",
|
||
data : {
|
||
courseId : courseId
|
||
, clazzid : clazzid
|
||
, nodeid : chapterId
|
||
},
|
||
});
|
||
}
|
||
|
||
window.setInterval("ed_reinitIframe()", 200);
|
||
if ($(".tabCatalog #tit3").hasClass("active")) {
|
||
getClazzNote();
|
||
}
|
||
hideChangeBtn();
|
||
}
|
||
);
|
||
} else if (cur > 0) {
|
||
cur--;
|
||
inner(cur, count, chapterId, courseId, clazzid, knowledgestr);
|
||
}
|
||
scroll(0, 0);
|
||
}
|
||
}
|
||
})();
|
||
|
||
function showChapterVerificationCodeTip(){
|
||
closeChapterVerificationCode();
|
||
var width = $(document).width()-$('#selector').width();
|
||
WAY.box.show({ 'divid' : 'chapterVerificationCodeTip'});
|
||
$('.wmask').width(width);
|
||
}
|
||
|
||
function showChapterVerificationCode(){
|
||
var width = $(document).width()-$('#selector').width();
|
||
WAY.box.show({ 'divid' : 'chapterVerificationCode'});
|
||
$('.wmask').width(width);
|
||
chapterVerifyCode();
|
||
}
|
||
|
||
function closeChapterVerificationCode(){
|
||
if($('.wmask').length == 0){
|
||
return;
|
||
}
|
||
WAY.box.hide();
|
||
$('#chapterVerificationCode').css('display','none');
|
||
$('#chapterVerificationCodeTip').css('display','none');
|
||
}
|
||
|
||
function chapterVerifyCode() {
|
||
try {
|
||
var identifyCodeRandom = $("#identifyCodeRandom");
|
||
if (identifyCodeRandom) {
|
||
identifyCodeRandom.val("");
|
||
}
|
||
} catch (e) {}
|
||
$("img[name='chapterNumVerCode']").attr("src", _HOST_CP2_ + "/verifyCode/studychapter?" + new Date().getTime());
|
||
}
|
||
|
||
function recordCheckedChapterParam(courseId,clazzid,chapterId,cpi){
|
||
if(!window.checked_chapter_param){
|
||
window.checked_chapter_param = {} ;
|
||
}
|
||
checked_chapter_param.courseId = courseId;
|
||
checked_chapter_param.clazzid = clazzid;
|
||
checked_chapter_param.chapterId = chapterId;
|
||
checked_chapter_param.cpi = cpi;
|
||
}
|
||
|
||
function continueGetTeacherAjax(){
|
||
window.bgAndBgLine = [];
|
||
renderingMarkData();
|
||
var courseId = checked_chapter_param.courseId ;
|
||
var clazzid = checked_chapter_param.clazzid ;
|
||
var chapterId = checked_chapter_param.chapterId ;
|
||
var cpi = checked_chapter_param.cpi ;
|
||
var identifyCodeRandomObj = $("#identifyCodeRandom");
|
||
var chapterVerCode = identifyCodeRandomObj.val();
|
||
if(chapterVerCode == ''){
|
||
identifyCodeRandomObj.animate({
|
||
backgroundColor : 'pink'
|
||
}, 1000, function() {
|
||
identifyCodeRandomObj.animate({
|
||
backgroundColor : '#fcfcfc'
|
||
}, 500, null);
|
||
});
|
||
return;
|
||
}
|
||
getTeacherAjax(courseId,clazzid,chapterId,cpi,chapterVerCode,'',false);
|
||
}
|
||
|
||
function setChapterNumData(curChapterTabNum) {
|
||
var curChapterNum = jQuery(".posCatalog_select.posCatalog_active").find('.posCatalog_sbar').text();
|
||
window.curChapterNum = curChapterNum;
|
||
window.curChapterTabNum = curChapterTabNum;
|
||
}
|
||
|
||
function getTeacherAjax(courseId, clazzid, chapterId, cpi, chapterVerCode, objInfo ,toVideoComputer,disableReferRight) {
|
||
// 多次点击同一章节,标签页初始化1
|
||
PCount.setIndex(1);
|
||
closeChapterVerificationCode();
|
||
if (courseId == 0 || clazzid == 0 || chapterId == 0) {
|
||
alert("无效的参数！");
|
||
return;
|
||
}
|
||
if (typeof (cpi) == 'undefined') {
|
||
cpi = 0;
|
||
}
|
||
|
||
|
||
document.getElementById("mainid").innerHTML = "<div style=\"width:32px;height:32px;margin:0 auto;padding:300px 0\"><img src=\"/mooc-ans/images/courselist/loading.gif\" /></div>"
|
||
|
||
jQuery.get(_HOST_CP2_ + "/mycourse/studentstudyAjax",
|
||
{
|
||
courseId : courseId,
|
||
clazzid : clazzid,
|
||
chapterId : chapterId,
|
||
cpi : cpi,
|
||
verificationcode : chapterVerCode || '',
|
||
mooc2 : 1,
|
||
toComputer : toVideoComputer,
|
||
microTopicId: "0",
|
||
editorPreview: '0'
|
||
},
|
||
function (data) {
|
||
ai_stu_knowledgeId = chapterId;
|
||
data = data.replace(/(^\s*)|(\s*$)/g, "");
|
||
var doc = document.getElementById("mainid");
|
||
jQuery(doc).html(data);
|
||
if(document.getElementById("chapterFaceState") != null){
|
||
//人脸识别
|
||
return;
|
||
}
|
||
var el = $('#iframe');
|
||
if ($("#openlock").length > 0) {
|
||
var count = document.getElementById("cardcount").value;
|
||
if (count == 1) {
|
||
setTimeout('openlockshow();', 2000);
|
||
}
|
||
}
|
||
if (videoNoteMid != "" && videoNoteCardId != "") {
|
||
var cardLi = $("#prev_tab .prev_ul li");
|
||
for (var i = 0; i < cardLi.length; i++) {
|
||
var cardItem = cardLi[i];
|
||
if ($(cardItem).attr("cardid") == videoNoteCardId) {
|
||
changeDisplayContent(i + 1, cardLi.length, chapterId, courseId, clazzid, '');
|
||
setTimeout("setVideoNoteTime()", 800);
|
||
}
|
||
}
|
||
}
|
||
|
||
if (crossId != "" && crossCardId != "") {
|
||
var cardLi = $("#prev_tab .prev_ul li");
|
||
for (var i = 0; i < cardLi.length; i++) {
|
||
var cardItem = cardLi[i];
|
||
if ($(cardItem).attr("cardid") == crossCardId) {
|
||
changeDisplayContent(i + 1, cardLi.length, chapterId, courseId, clazzid, '', crossId);
|
||
setTimeout("setVideoNoteTime()", 800);
|
||
}
|
||
}
|
||
}
|
||
|
||
$(".posCatalog_select ").removeClass("posCatalog_active");
|
||
$("#cur" + chapterId).addClass("posCatalog_active");
|
||
|
||
setTimeout(function () {
|
||
setChapterNumData(1);
|
||
}, 100);
|
||
|
||
if (typeof objInfo != "undefined" && objInfo != '') {
|
||
var cardId = objInfo.cardId;
|
||
var cardLi = $("#prev_tab .prev_ul li");
|
||
for (var i = 0; i < cardLi.length; i++) {
|
||
var cardItem = cardLi[i];
|
||
if ($(cardItem).attr("cardid") == cardId) {
|
||
changeDisplayContent(i + 1, cardLi.length, chapterId, courseId, clazzid, '');
|
||
setTimeout("playFirstVideo()", 1000);
|
||
}
|
||
}
|
||
}
|
||
if ($("#cur" + chapterId + " .orangeNew").length > 0) {
|
||
|
||
jQuery.ajax({
|
||
type : "get",
|
||
url : _HOST_CP2_ + "/edit/validatejobcount",
|
||
data : {
|
||
courseId : courseId
|
||
, clazzid : clazzid
|
||
, nodeid : chapterId
|
||
},
|
||
});
|
||
}
|
||
window.ed_reinitIframe = function ed_reinitIframe() {
|
||
var iframe = el[0];
|
||
|
||
try {
|
||
var height = iframe.contentWindow.document.body.scrollHeight;
|
||
if (parseInt(height) < 500) {
|
||
height = '500px';
|
||
}
|
||
el.attr('height', height);
|
||
} catch (ex) {
|
||
}
|
||
}
|
||
window.setInterval("ed_reinitIframe()", 200);
|
||
|
||
|
||
|
||
|
||
if(disableReferRight == 1){
|
||
return;
|
||
}
|
||
|
||
var tab = $("#tab").val();
|
||
|
||
|
||
if (tab == 3) {
|
||
getClazzNote();
|
||
changePan('3');
|
||
} else if (tab == 4) {
|
||
getUserKnowledgeLabel();
|
||
changePan('4');
|
||
} else if (tab == 2) {
|
||
getChapterRightDiscuss();
|
||
changePan('2');
|
||
} else {
|
||
var hideCatalog = $("#hideCatalog").val();
|
||
if (hideCatalog == 1) {
|
||
$('div.tabCatalog>ul li').filter(function() {
|
||
return $(this).css('display') !== 'none';
|
||
}).first().click();
|
||
} else {
|
||
changePan('1');
|
||
}
|
||
}
|
||
|
||
hideChangeBtn();
|
||
|
||
if (tab != 2 && '22281' == "179952") {
|
||
getChapterRightDiscuss();
|
||
}
|
||
}
|
||
);
|
||
window.setInterval("setposition()", 200);
|
||
scroll(0, 0);
|
||
}
|
||
|
||
var getMouseX = function(event) {
|
||
event = event || window.event;
|
||
return event.pageX || (event.clientX + (document.documentElement.scrollLeft || document.body.scrollLeft));
|
||
};
|
||
var isGet = false;
|
||
function getChapterNextVideo(aId) {
|
||
if (videoAutoPlay == 0) {
|
||
return;
|
||
}
|
||
var courseId = $("#curCourseId").val();
|
||
var knowledgeId = $("#curChapterId").val();
|
||
var cardId = $("#prev_tab .prev_ul li.active").attr("cardid");
|
||
var clazzId = $("#curClazzId").val();
|
||
var cpi = $("#curCpi").val();
|
||
jQuery.ajax({
|
||
"type" : "get",
|
||
"url" : _HOST_CP2_ + "/knowledge/getnextknowledgevideo",
|
||
"data" : {
|
||
"clazzId" : clazzId,
|
||
"courseId" : courseId,
|
||
"knowledgeId" : knowledgeId,
|
||
"cardId" : cardId,
|
||
"cpi" : cpi,
|
||
"attachmentId" : aId
|
||
},
|
||
"dataType" : "json",
|
||
"success" : function(json) {
|
||
if (json.result == 1) {
|
||
var data = json.data;
|
||
if (data.nextvideo == 0) {
|
||
if (!isGet) {
|
||
getChapterNextVideo(aId);
|
||
isGet = true;
|
||
} else {
|
||
isGet = false;
|
||
}
|
||
return;
|
||
}
|
||
if (data.knowledgeId == knowledgeId) {
|
||
if (data.cardId == cardId) {
|
||
var videoIframes = $("#iframe").contents().find("iframe");
|
||
for (var i = 0; i < videoIframes.size(); i++) {
|
||
var vIframe = videoIframes[i];
|
||
var vObjId = $(vIframe).attr("objectid");
|
||
var vJobId = $(vIframe).attr("jobid") || "";
|
||
var vMid = $(vIframe).attr("mid");
|
||
if (typeof data.jobId == "undefined") {
|
||
data.jobId = "";
|
||
}
|
||
if (data.jobId == vJobId && data.objectId == vObjId && data.mid == vMid) {
|
||
$(vIframe).contents().find(".vjs-big-play-button").click();
|
||
}
|
||
}
|
||
} else {
|
||
var cardLi = $("#prev_tab .prev_ul li");
|
||
for (var i = 0; i < cardLi.length; i++) {
|
||
var cardItem = cardLi[i];
|
||
if ($(cardItem).attr("cardid") == data.cardId) {
|
||
changeDisplayContent(i + 1, cardLi.length, knowledgeId, courseId, clazzId, '');
|
||
setTimeout("playFirstVideo()", 1000);
|
||
}
|
||
}
|
||
}
|
||
} else {
|
||
var videoInfo = {
|
||
"cardId": data.cardId,
|
||
"jobId": data.jobId,
|
||
"objectId": data.objectId,
|
||
"mid": data.mid
|
||
}
|
||
getTeacherAjax(courseId, clazzId, data.knowledgeId, cpi, "", videoInfo,'false');
|
||
}
|
||
isGet = false;
|
||
} else {
|
||
alert(json.errorMsg);
|
||
}
|
||
}
|
||
});
|
||
}
|
||
$(function () {
|
||
var oMain = jQuery('.main').first();
|
||
var oSelector = jQuery('#selector');
|
||
var dialogContent = jQuery(".showcontent");
|
||
var oWestSpliter = jQuery('#selector .spliter.west').first();
|
||
var oEastSpliter = jQuery('#selector .spliter.east').first();
|
||
var iMinWidth = 303;
|
||
var sMask = '<div class="mask"></div>';
|
||
|
||
oWestSpliter.on('mousedown', function(event) {
|
||
|
||
event = event || window.event;
|
||
|
||
var iX = getMouseX(event);
|
||
var iWidth = oSelector.innerWidth();
|
||
|
||
oWestSpliter[0].setCapture && oWestSpliter[0].setCapture();
|
||
|
||
oMain.append(sMask);
|
||
|
||
jQuery(document).bind('mousemove', function(ev) {
|
||
ev = ev || window.event;
|
||
|
||
var iDX = getMouseX(ev) - iX;
|
||
var iToWidth = iWidth - iDX;
|
||
|
||
if (iToWidth < iMinWidth) {
|
||
return;
|
||
}
|
||
|
||
setCookie('selectwidth', iToWidth, 24 * 7, '/mycourse/studentstudy');
|
||
|
||
|
||
setCookie('selectwidth', iToWidth, 24 * 7, _HOST_CP2_ + '/mycourse/studentstudy');
|
||
oSelector.css('width', iToWidth + 'px');
|
||
dialogContent.css('width', iToWidth + 'px');
|
||
});
|
||
|
||
jQuery(document).bind('mouseup', function() {
|
||
oWestSpliter[0].releaseCapture && oWestSpliter[0].releaseCapture();
|
||
var oMask = jQuery('.mask').first();
|
||
oMask && oMask.remove();
|
||
jQuery(document).unbind('mousemove');
|
||
jQuery(document).unbind('mouseup');
|
||
});
|
||
});
|
||
|
||
oEastSpliter.on('mousedown', function(event) {
|
||
event = event || window.event;
|
||
|
||
var iX = getMouseX(event);
|
||
var iWidth = oSelector.innerWidth();
|
||
|
||
oEastSpliter[0].setCapture && oEastSpliter[0].setCapture();
|
||
|
||
oMain.append(sMask);
|
||
|
||
jQuery(document).bind('mousemove', function(ev) {
|
||
ev = ev || window.event;
|
||
|
||
var iDX = getMouseX(ev) - iX;
|
||
var iToWidth = iWidth + iDX;
|
||
|
||
if (iToWidth < iMinWidth) {
|
||
return;
|
||
}
|
||
|
||
setCookie('selectwidth', iToWidth, 24 * 7, '/mycourse/studentstudy');
|
||
|
||
|
||
setCookie('selectwidth', iToWidth, 24 * 7, _HOST_CP2_ + '/mycourse/studentstudy');
|
||
oSelector.css('width', iToWidth + 'px');
|
||
dialogContent.css('width', iToWidth + 'px');
|
||
});
|
||
|
||
jQuery(document).bind('mouseup', function() {
|
||
oEastSpliter[0].releaseCapture && oEastSpliter[0].releaseCapture();
|
||
var oMask = jQuery('.mask').first();
|
||
oMask && oMask.remove();
|
||
jQuery(document).unbind('mousemove');
|
||
jQuery(document).unbind('mouseup');
|
||
});
|
||
});
|
||
});
|
||
function jobflag(){
|
||
var ff = window.frames[0];
|
||
var jobNum = 0,finishedNum =0;
|
||
if(ff){
|
||
jobNum += jQuery(".ans-job-icon",ff.document).size();
|
||
finishedNum += jQuery(".ans-job-finished",ff.document).size();
|
||
}
|
||
if(jobNum > 2 && jobNum - finishedNum > 0){
|
||
jQuery("#jobhint").fadeIn();
|
||
jQuery("#jobhint span").html(jobNum - finishedNum);
|
||
var unfinished = jQuery(".ans-job-icon",ff.document).parent().not(".ans-job-finished");
|
||
if(unfinished.size()>0){
|
||
jQuery("#jobhint").attr("href","javascript:;");
|
||
jQuery("#jobhint").click(function(){
|
||
jQuery("html,body").animate({scrollTop:jQuery(jQuery(".ans-job-icon",window.frames[0].document).parent().not(".ans-job-finished")[0]).offset().top},200);
|
||
});
|
||
}else{
|
||
jQuery("#jobhint").attr("href","javascript:;");
|
||
jQuery("#jobhint span").html(0);
|
||
$("#jobhint").unbind("click");
|
||
}
|
||
|
||
}else{
|
||
jQuery("#jobhint").fadeOut();
|
||
jQuery("#jobhint").attr("href","javascript:;");
|
||
jQuery("#jobhint span").html(0);
|
||
$("#jobhint").unbind("click");
|
||
}
|
||
}
|
||
|
||
function jobflagOperation(){
|
||
try{
|
||
setTimeout(jobflag,6000);
|
||
}catch(e){console.log(e.message);}
|
||
}
|
||
function saveOr(isave){
|
||
videoNoteScrollTop = $("html,body").scrollTop();
|
||
if(isave == 1){
|
||
addOrUpdateClazzNote();
|
||
}else{
|
||
typeof MultiEditor != "undefined" && MultiEditor.setRichText('editor1','');
|
||
$(".formTopic").css("display", "none");
|
||
}
|
||
var popDeleShowHide = $('.popDeleShowHide');
|
||
|
||
popDeleShowHide.fullFadeOut();
|
||
popDeleShowHide.removeClass('maskFadeOut');
|
||
$('body').removeClass('popOverflow');
|
||
setTimeout(function() {
|
||
$("html,body").scrollTop(videoNoteScrollTop);
|
||
}, 500);
|
||
}
|
||
function closeTips(){
|
||
var popDeleShowHide = $('.popDeleShowHide');
|
||
|
||
popDeleShowHide.fullFadeOut();
|
||
popDeleShowHide.removeClass('maskFadeOut');
|
||
$('body').removeClass('popOverflow');
|
||
}
|
||
</script>
|
||
|
||
<script type="text/javascript" src="./学生学习页面_files/rich.text.common.js.下载"></script><script type="text/javascript" src="./学生学习页面_files/yun.file.util.js.下载"></script><script type="text/javascript" src="./学生学习页面_files/ueditor.config.js.下载"></script><script type="text/javascript" src="./学生学习页面_files/radialIndicator.min.js.下载"></script><link rel="stylesheet" type="text/css" href="./学生学习页面_files/webuploader(1).css"><script type="text/javascript" src="./学生学习页面_files/marked.min.js.下载"></script><script type="text/javascript" src="./学生学习页面_files/viewer.js.下载"></script><script type="text/javascript" src="./学生学习页面_files/custom.js.下载"></script><script type="text/javascript" src="./学生学习页面_files/imgviewer.js.下载"></script><script type="text/javascript" src="./学生学习页面_files/attachment_click_util.js.下载"></script><script type="text/javascript" src="./学生学习页面_files/passport2-onlineinfo.js.下载" id="reloadJsId"></script><script type="text/javascript" src="./学生学习页面_files/ueditor.all.js.下载"></script><style>.clearfix:after{content: " ";display: block;height: 0px;clear: both;}</style><link rel="stylesheet" type="text/css" href="./学生学习页面_files/viewer.css"><link rel="stylesheet" type="text/css" href="./学生学习页面_files/viewer-button.css"><script type="text/javascript" src="./学生学习页面_files/jquery.md5(1).js.下载"></script><script src="./学生学习页面_files/zh-cn.js.下载" type="text/javascript" defer="defer"></script><link href="./学生学习页面_files/ueditor.css" type="text/css" rel="stylesheet"><script src="./学生学习页面_files/drag.js.下载" type="text/javascript" defer="defer"></script><script src="./学生学习页面_files/linkhover.js.下载" type="text/javascript" defer="defer"></script><script src="./学生学习页面_files/foldTitle.js.下载" type="text/javascript" defer="defer"></script><script src="./学生学习页面_files/resizeVideo.js.下载" type="text/javascript" defer="defer"></script><script src="./学生学习页面_files/count.js.下载" type="text/javascript" defer="defer"></script><script src="./学生学习页面_files/clipboard-polyfill.promise.js.下载" type="text/javascript" defer="defer"></script><style id="supercopy_user_select">*{user-select: text !important;-webkit-user-select: text !important;-webkit-touch-callout: text !important;}</style><style data-id="immersive-translate-input-injected-css">.immersive-translate-input {
|
||
position: absolute;
|
||
top: 0;
|
||
right: 0;
|
||
left: 0;
|
||
bottom: 0;
|
||
z-index: 2147483647;
|
||
display: flex;
|
||
justify-content: center;
|
||
align-items: center;
|
||
}
|
||
.immersive-translate-attach-loading::after {
|
||
content: " ";
|
||
|
||
--loading-color: #f78fb6;
|
||
width: 6px;
|
||
height: 6px;
|
||
border-radius: 50%;
|
||
display: block;
|
||
margin: 12px auto;
|
||
position: relative;
|
||
color: white;
|
||
left: -100px;
|
||
box-sizing: border-box;
|
||
animation: immersiveTranslateShadowRolling 1.5s linear infinite;
|
||
|
||
position: absolute;
|
||
top: 50%;
|
||
left: 50%;
|
||
transform: translate(-2000%, -50%);
|
||
z-index: 100;
|
||
}
|
||
|
||
.immersive-translate-loading-spinner {
|
||
vertical-align: middle !important;
|
||
width: 10px !important;
|
||
height: 10px !important;
|
||
display: inline-block !important;
|
||
margin: 0 4px !important;
|
||
border: 2px rgba(221, 244, 255, 0.6) solid !important;
|
||
border-top: 2px rgba(0, 0, 0, 0.375) solid !important;
|
||
border-left: 2px rgba(0, 0, 0, 0.375) solid !important;
|
||
border-radius: 50% !important;
|
||
padding: 0 !important;
|
||
-webkit-animation: immersive-translate-loading-animation 0.6s infinite linear !important;
|
||
animation: immersive-translate-loading-animation 0.6s infinite linear !important;
|
||
}
|
||
|
||
@-webkit-keyframes immersive-translate-loading-animation {
|
||
from {
|
||
-webkit-transform: rotate(0deg);
|
||
}
|
||
|
||
to {
|
||
-webkit-transform: rotate(359deg);
|
||
}
|
||
}
|
||
|
||
@keyframes immersive-translate-loading-animation {
|
||
from {
|
||
transform: rotate(0deg);
|
||
}
|
||
|
||
to {
|
||
transform: rotate(359deg);
|
||
}
|
||
}
|
||
|
||
.immersive-translate-input-loading {
|
||
--loading-color: #f78fb6;
|
||
width: 6px;
|
||
height: 6px;
|
||
border-radius: 50%;
|
||
display: block;
|
||
margin: 12px auto;
|
||
position: relative;
|
||
color: white;
|
||
left: -100px;
|
||
box-sizing: border-box;
|
||
animation: immersiveTranslateShadowRolling 1.5s linear infinite;
|
||
}
|
||
|
||
@keyframes immersiveTranslateShadowRolling {
|
||
0% {
|
||
box-shadow: 0px 0 rgba(255, 255, 255, 0), 0px 0 rgba(255, 255, 255, 0),
|
||
0px 0 rgba(255, 255, 255, 0), 0px 0 rgba(255, 255, 255, 0);
|
||
}
|
||
|
||
12% {
|
||
box-shadow: 100px 0 var(--loading-color), 0px 0 rgba(255, 255, 255, 0),
|
||
0px 0 rgba(255, 255, 255, 0), 0px 0 rgba(255, 255, 255, 0);
|
||
}
|
||
|
||
25% {
|
||
box-shadow: 110px 0 var(--loading-color), 100px 0 var(--loading-color),
|
||
0px 0 rgba(255, 255, 255, 0), 0px 0 rgba(255, 255, 255, 0);
|
||
}
|
||
|
||
36% {
|
||
box-shadow: 120px 0 var(--loading-color), 110px 0 var(--loading-color),
|
||
100px 0 var(--loading-color), 0px 0 rgba(255, 255, 255, 0);
|
||
}
|
||
|
||
50% {
|
||
box-shadow: 130px 0 var(--loading-color), 120px 0 var(--loading-color),
|
||
110px 0 var(--loading-color), 100px 0 var(--loading-color);
|
||
}
|
||
|
||
62% {
|
||
box-shadow: 200px 0 rgba(255, 255, 255, 0), 130px 0 var(--loading-color),
|
||
120px 0 var(--loading-color), 110px 0 var(--loading-color);
|
||
}
|
||
|
||
75% {
|
||
box-shadow: 200px 0 rgba(255, 255, 255, 0), 200px 0 rgba(255, 255, 255, 0),
|
||
130px 0 var(--loading-color), 120px 0 var(--loading-color);
|
||
}
|
||
|
||
87% {
|
||
box-shadow: 200px 0 rgba(255, 255, 255, 0), 200px 0 rgba(255, 255, 255, 0),
|
||
200px 0 rgba(255, 255, 255, 0), 130px 0 var(--loading-color);
|
||
}
|
||
|
||
100% {
|
||
box-shadow: 200px 0 rgba(255, 255, 255, 0), 200px 0 rgba(255, 255, 255, 0),
|
||
200px 0 rgba(255, 255, 255, 0), 200px 0 rgba(255, 255, 255, 0);
|
||
}
|
||
}
|
||
|
||
.immersive-translate-modal {
|
||
position: fixed;
|
||
z-index: 2147483647;
|
||
left: 0;
|
||
top: 0;
|
||
width: 100%;
|
||
height: 100%;
|
||
overflow: auto;
|
||
background-color: rgb(0, 0, 0);
|
||
background-color: rgba(0, 0, 0, 0.4);
|
||
font-size: 15px;
|
||
}
|
||
|
||
.immersive-translate-modal-content {
|
||
background-color: #fefefe;
|
||
margin: 10% auto;
|
||
padding: 40px 24px 24px;
|
||
border-radius: 12px;
|
||
width: 350px;
|
||
font-family: system-ui, -apple-system, "Segoe UI", "Roboto", "Ubuntu",
|
||
"Cantarell", "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji",
|
||
"Segoe UI Symbol", "Noto Color Emoji";
|
||
position: relative;
|
||
}
|
||
|
||
@media screen and (max-width: 768px) {
|
||
.immersive-translate-modal-content {
|
||
margin: 25% auto !important;
|
||
}
|
||
}
|
||
|
||
@media screen and (max-width: 480px) {
|
||
.immersive-translate-modal-content {
|
||
width: 80vw !important;
|
||
margin: 20vh auto !important;
|
||
padding: 20px 12px 12px !important;
|
||
}
|
||
|
||
.immersive-translate-modal-title {
|
||
font-size: 14px !important;
|
||
}
|
||
|
||
.immersive-translate-modal-body {
|
||
font-size: 13px !important;
|
||
max-height: 60vh !important;
|
||
}
|
||
|
||
.immersive-translate-btn {
|
||
font-size: 13px !important;
|
||
padding: 8px 16px !important;
|
||
margin: 0 4px !important;
|
||
}
|
||
|
||
.immersive-translate-modal-footer {
|
||
gap: 6px !important;
|
||
margin-top: 16px !important;
|
||
}
|
||
}
|
||
|
||
.immersive-translate-modal .immersive-translate-modal-content-in-input {
|
||
max-width: 500px;
|
||
}
|
||
.immersive-translate-modal-content-in-input .immersive-translate-modal-body {
|
||
text-align: left;
|
||
max-height: unset;
|
||
}
|
||
|
||
.immersive-translate-modal-title {
|
||
text-align: center;
|
||
font-size: 16px;
|
||
font-weight: 700;
|
||
color: #333333;
|
||
}
|
||
|
||
.immersive-translate-modal-body {
|
||
text-align: center;
|
||
font-size: 14px;
|
||
font-weight: 400;
|
||
color: #333333;
|
||
margin-top: 24px;
|
||
}
|
||
|
||
@media screen and (max-width: 768px) {
|
||
.immersive-translate-modal-body {
|
||
max-height: 250px;
|
||
overflow-y: auto;
|
||
}
|
||
}
|
||
|
||
.immersive-translate-close {
|
||
color: #666666;
|
||
position: absolute;
|
||
right: 16px;
|
||
top: 16px;
|
||
font-size: 20px;
|
||
font-weight: bold;
|
||
}
|
||
|
||
.immersive-translate-close:hover,
|
||
.immersive-translate-close:focus {
|
||
text-decoration: none;
|
||
cursor: pointer;
|
||
}
|
||
|
||
.immersive-translate-modal-footer {
|
||
display: flex;
|
||
justify-content: center;
|
||
flex-wrap: wrap;
|
||
margin-top: 24px;
|
||
}
|
||
|
||
.immersive-translate-btn {
|
||
width: fit-content;
|
||
color: #fff;
|
||
background-color: #ea4c89;
|
||
border: none;
|
||
font-size: 14px;
|
||
margin: 0 8px;
|
||
padding: 9px 30px;
|
||
border-radius: 5px;
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: center;
|
||
cursor: pointer;
|
||
transition: background-color 0.3s ease;
|
||
}
|
||
|
||
.immersive-translate-btn-container {
|
||
display: flex;
|
||
flex-direction: column;
|
||
align-items: center;
|
||
justify-content: center;
|
||
gap: 8px;
|
||
}
|
||
|
||
.immersive-translate-btn:hover {
|
||
background-color: #f082ac;
|
||
}
|
||
.immersive-translate-btn:disabled {
|
||
opacity: 0.6;
|
||
cursor: not-allowed;
|
||
}
|
||
.immersive-translate-btn:disabled:hover {
|
||
background-color: #ea4c89;
|
||
}
|
||
|
||
.immersive-translate-link-btn {
|
||
background-color: transparent;
|
||
color: #ea4c89;
|
||
border: none;
|
||
cursor: pointer;
|
||
height: 30px;
|
||
line-height: 30px;
|
||
}
|
||
|
||
.immersive-translate-cancel-btn {
|
||
/* gray color */
|
||
background-color: rgb(89, 107, 120);
|
||
}
|
||
|
||
.immersive-translate-cancel-btn:hover {
|
||
background-color: hsl(205, 20%, 32%);
|
||
}
|
||
|
||
.immersive-translate-action-btn {
|
||
background-color: transparent;
|
||
color: #ea4c89;
|
||
border: 1px solid #ea4c89;
|
||
}
|
||
|
||
.immersive-translate-btn svg {
|
||
margin-right: 5px;
|
||
}
|
||
|
||
.immersive-translate-link {
|
||
cursor: pointer;
|
||
user-select: none;
|
||
-webkit-user-drag: none;
|
||
text-decoration: none;
|
||
color: #ea4c89;
|
||
-webkit-tap-highlight-color: rgba(0, 0, 0, 0.1);
|
||
}
|
||
|
||
.immersive-translate-primary-link {
|
||
cursor: pointer;
|
||
user-select: none;
|
||
-webkit-user-drag: none;
|
||
text-decoration: none;
|
||
color: #ea4c89;
|
||
-webkit-tap-highlight-color: rgba(0, 0, 0, 0.1);
|
||
}
|
||
|
||
.immersive-translate-modal input[type="radio"] {
|
||
margin: 0 6px;
|
||
cursor: pointer;
|
||
}
|
||
|
||
.immersive-translate-modal label {
|
||
cursor: pointer;
|
||
}
|
||
|
||
.immersive-translate-close-action {
|
||
position: absolute;
|
||
top: 2px;
|
||
right: 0px;
|
||
cursor: pointer;
|
||
}
|
||
|
||
.imt-image-status {
|
||
background-color: rgba(0, 0, 0, 0.5) !important;
|
||
display: flex !important;
|
||
flex-direction: column !important;
|
||
align-items: center !important;
|
||
justify-content: center !important;
|
||
border-radius: 16px !important;
|
||
}
|
||
.imt-image-status img,
|
||
.imt-image-status svg,
|
||
.imt-img-loading {
|
||
width: 28px !important;
|
||
height: 28px !important;
|
||
margin: 0 0 8px 0 !important;
|
||
min-height: 28px !important;
|
||
min-width: 28px !important;
|
||
position: relative !important;
|
||
}
|
||
.imt-img-loading {
|
||
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADgAAAA4CAMAAACfWMssAAAAtFBMVEUAAAD////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////oK74hAAAAPHRSTlMABBMIDyQXHwyBfFdDMSw+OjXCb+5RG51IvV/k0rOqlGRM6KKMhdvNyZBz9MaupmxpWyj437iYd/yJVNZeuUC7AAACt0lEQVRIx53T2XKiUBCA4QYOiyCbiAsuuGBcYtxiYtT3f6/pbqoYHVFO5r+iivpo6DpAWYpqeoFfr9f90DsYAuRSWkFnPO50OgR9PwiCUFcl2GEcx+N/YBh6pvKaefHlUgZd1zVe0NbYcQjGBfzrPE8Xz8aF+71D8gG6DHFPpc4a7xFiCDuhaWgKgGIJQ3d5IMGDrpS4S5KgpIm+en9f6PlAhKby4JwEIxlYJV9h5k5nee9GoxHJ2IDSNB0dwdad1NAxDJ/uXDHYmebdk4PdbkS58CIVHdYSUHTYYRWOJblWSyu2lmy3KNFVJNBhxcuGW4YBVCbYGRZwIooipHsNqjM4FbgOQqQqSKQQU9V8xmi1QlgHqQQ6DDBvRUVCDirs+EzGDGOQTCATgtYTnbCVLgsVgRE0T1QE0qHCFAht2z6dLvJQs3Lo2FQoDxWNUiBhaP4eRgwNkI+dAjVOA/kUrIDwf3CG8NfNOE0eiFotSuo+rBiq8tD9oY4Qzc6YJw99hl1wzpQvD7ef2M8QgnOGJfJw+EltQc+oX2yn907QB22WZcvlUpd143dqQu+8pCJZuGE4xCuPXJqqcs5sNpsI93Rmzym1k4Npk+oD1SH3/a3LOK/JpUBpWfqNySxWzCfNCUITuDG5dtuphrUJ1myeIE9bIsPiKrfqTai5WZxbhtNphYx6GEIHihyGFTI69lje/rxajdh0s0msZ0zYxyPLhYCb1CyHm9Qsd2H37Y3lugVwL9kNh8Ot8cha6fUNQ8nuXi5z9/ExsAO4zQrb/ev1yrCB7lGyQzgYDGuxq1toDN/JGvN+HyWNHKB7zEoK+PX11e12G431erGYzwmytAWU56fkMHY5JJnDRR2eZji3AwtIcrEV8Cojat/BdQ7XOwGV1e1hDjGGjXbdArm8uJZtCH5MbcctVX8A1WpqumJHwckAAAAASUVORK5CYII=");
|
||
background-size: 28px 28px;
|
||
animation: image-loading-rotate 1s linear infinite !important;
|
||
}
|
||
|
||
.imt-image-status span {
|
||
color: var(--bg-2, #fff) !important;
|
||
font-size: 14px !important;
|
||
line-height: 14px !important;
|
||
font-weight: 500 !important;
|
||
font-family: "PingFang SC", Arial, sans-serif !important;
|
||
}
|
||
|
||
.imt-primary-button {
|
||
display: flex;
|
||
padding: 12px 80px;
|
||
justify-content: center;
|
||
align-items: center;
|
||
gap: 8px;
|
||
border-radius: 8px;
|
||
background: #ea4c89;
|
||
color: #fff;
|
||
font-size: 16px;
|
||
font-style: normal;
|
||
font-weight: 700;
|
||
line-height: 24px;
|
||
border: none;
|
||
cursor: pointer;
|
||
}
|
||
|
||
.imt-retry-text {
|
||
color: #999;
|
||
text-align: center;
|
||
font-size: 14px;
|
||
font-style: normal;
|
||
font-weight: 400;
|
||
line-height: 21px;
|
||
cursor: pointer;
|
||
}
|
||
|
||
.imt-action-container {
|
||
display: flex;
|
||
flex-direction: column;
|
||
gap: 12px;
|
||
}
|
||
|
||
.imt-modal-content-text {
|
||
text-align: left;
|
||
color: #333;
|
||
font-size: 16px;
|
||
font-weight: 400;
|
||
line-height: 24px;
|
||
}
|
||
|
||
@keyframes image-loading-rotate {
|
||
from {
|
||
transform: rotate(360deg);
|
||
}
|
||
to {
|
||
transform: rotate(0deg);
|
||
}
|
||
}
|
||
|
||
.imt-linear-gradient-text {
|
||
background: linear-gradient(90deg, #00a6ff 0%, #c369ff 52.4%, #ff4590 100%);
|
||
background-clip: text;
|
||
-webkit-background-clip: text;
|
||
-webkit-text-fill-color: transparent;
|
||
}
|
||
|
||
.imt-flex-center {
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: center;
|
||
}
|
||
|
||
.imt-linear-black-btn {
|
||
border-radius: 50px;
|
||
background: linear-gradient(66deg, #222 19%, #696969 94.25%);
|
||
height: 48px;
|
||
width: 100%;
|
||
color: #fff;
|
||
font-size: 16px;
|
||
font-weight: 700;
|
||
display: flex;
|
||
align-items: center;
|
||
cursor: pointer;
|
||
justify-content: center;
|
||
}
|
||
</style></head>
|
||
<body id="body-content">
|
||
<link rel="stylesheet" type="text/css" href="./学生学习页面_files/prompt.css" class="clearfix">
|
||
<style>
|
||
.mask-no-bg{background:none!important;}
|
||
.mask-no-bg .popDiv{box-shadow: 0px 4px 36px rgba(0, 0, 0, 0.08);}
|
||
</style>
|
||
<div class="maskDiv" style="display:none;" id="workpop">
|
||
<div class="popDiv wid440 Marking">
|
||
<div class="popHead" id="workpopFocus" role="alertdialog" tabindex="0">
|
||
<a id="popCloseFocus" href="javascript:;" class="popClose fr" tabindex="-1"><img src="./学生学习页面_files/popClose.png" id="popCloseFocusImg" onkeydown="if(event.keyCode == 13){popCloseFocus();}" role="button" tabindex="-1" aria-label="关闭"></a>
|
||
<p class="fl fs18 colorDeep" tabindex="0" role="option">提示</p>
|
||
</div>
|
||
<div class="het62"></div>
|
||
<p class="popWord fs16 colorIn" id="popcontent" tabindex="0"></p>
|
||
|
||
<div class="popBottom">
|
||
<a href="javascript:;" id="popok" class="jb_btn jb_btn_92 fr fs14" tabindex="0" role="button" aria-label="确定"></a>
|
||
<a href="javascript:;" id="popno" class="btnBlue btn_92_cancel fr fs14" tabindex="0" role="button" aria-label="取消"></a>
|
||
</div>
|
||
<div class="het72"></div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="mask-no-bg" style="display:none;" id="worktoast">
|
||
<div class="popDiv wid440 Marking" style="top: 30%;">
|
||
<div class="popHead">
|
||
<a href="javascript:;" class="popClose fr"><img src="./学生学习页面_files/popClose.png"></a>
|
||
<p class="fl fs18 colorDeep">提示</p>
|
||
</div>
|
||
<div class="het62"></div>
|
||
<p class="popWord fs16 colorIn" id="toastcontent"></p>
|
||
|
||
<div class="popBottom">
|
||
<a href="javascript:;" id="toastok" class="jb_btn jb_btn_92 fr fs14"></a>
|
||
<a href="javascript:;" id="toastno" class="btnBlue btn_92_cancel fr fs14"></a>
|
||
</div>
|
||
<div class="het72"></div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="maskDiv" style="display:none;" id="hintPop">
|
||
<div class="popDiv wid440 Marking">
|
||
<div class="popHead">
|
||
<p class="fl fs18 colorDeep">提示</p>
|
||
</div>
|
||
<div class="het62"></div>
|
||
<p class="popWord fs16 colorIn" id="hintCon"></p>
|
||
<div class="popBottom">
|
||
<a href="javascript:;" id="hintOk" class="jb_btn jb_btn_92 fr fs14"></a>
|
||
</div>
|
||
<div class="het72"></div>
|
||
</div>
|
||
</div>
|
||
<script>
|
||
function popClickFunc() {
|
||
$('#workpop').hide();
|
||
if($('.popSetupShowHide').length > 0){
|
||
$('.popSetupShowHide').fullFadeOut();
|
||
}
|
||
}
|
||
|
||
function toastClickFunc() {
|
||
$('#worktoast').hide();
|
||
if($('.popSetupShowHide').length > 0){
|
||
$('.popSetupShowHide').fullFadeOut();
|
||
}
|
||
}
|
||
|
||
|
||
function workPop(content, okTent, cancelTent, okcallback, cancelCallback) {
|
||
var ta = $("#workpop");
|
||
|
||
if($('.popSetupShowHide').length > 0){
|
||
$(".popSetupShowHide").fullFadeIn();
|
||
}
|
||
|
||
ta.show();
|
||
|
||
$("#popcontent").html(content);
|
||
var popokHiddenRead = $("#popokHiddenRead");
|
||
|
||
var ok = $("#popok");
|
||
ok.html(okTent);
|
||
ok.unbind();
|
||
ok.on("click", function() {
|
||
// 无障碍单位走定制,延迟语音读取处理
|
||
if("0" == "1") {
|
||
popokHiddenRead.attr("tabindex","0");
|
||
if (content && content != '很遗憾，未达到及格线，请重做') {
|
||
popokHiddenRead.focus();
|
||
}
|
||
setTimeout(function() {
|
||
okcallback && okcallback(ta);
|
||
popokHiddenRead.attr("tabindex","-1")
|
||
ta.hide();
|
||
if($('.popSetupShowHide').length > 0) {
|
||
$(".popSetupShowHide").fullFadeOut();
|
||
}
|
||
}, 1000)
|
||
} else {
|
||
okcallback && okcallback(ta);
|
||
ta.hide();
|
||
|
||
if($('.popSetupShowHide').length > 0) {
|
||
$(".popSetupShowHide").fullFadeOut();
|
||
}
|
||
}
|
||
});
|
||
|
||
var cancel = $("#popno");
|
||
cancel.html(cancelTent);
|
||
cancel.unbind();
|
||
cancel.on("click", function() {
|
||
cancelCallback && cancelCallback(ta);
|
||
ta.hide();
|
||
if($('.popSetupShowHide').length > 0) {
|
||
$(".popSetupShowHide").fullFadeOut();
|
||
}
|
||
});
|
||
if("0" == "1") {
|
||
$("#workpopFocus").focus();
|
||
}
|
||
}
|
||
|
||
function workToast(content, okTent, cancelTent, okcallback, cancelCallback) {
|
||
var ta = $("#worktoast");
|
||
|
||
if($('.popSetupShowHide').length > 0) {
|
||
$(".popSetupShowHide").fullFadeIn();
|
||
}
|
||
|
||
ta.show();
|
||
|
||
$("#toastcontent").html(content);
|
||
|
||
var ok = $("#toastok");
|
||
ok.html(okTent);
|
||
ok.unbind();
|
||
ok.on("click", function() {
|
||
okcallback && okcallback(ta);
|
||
ta.hide();
|
||
|
||
if($('.popSetupShowHide').length > 0) {
|
||
$(".popSetupShowHide").fullFadeOut();
|
||
}
|
||
});
|
||
|
||
var cancel = $("#toastno");
|
||
cancel.html(cancelTent);
|
||
cancel.unbind();
|
||
cancel.on("click", function() {
|
||
cancelCallback && cancelCallback(ta);
|
||
ta.hide();
|
||
if($('.popSetupShowHide').length > 0) {
|
||
$(".popSetupShowHide").fullFadeOut();
|
||
}
|
||
});
|
||
}
|
||
|
||
function workHint(content, okTent, okcallback) {
|
||
var ta = $("#hintPop");
|
||
|
||
if($('.popSetupShowHide').length > 0) {
|
||
$(".popSetupShowHide").fullFadeIn();
|
||
}
|
||
|
||
ta.show();
|
||
|
||
$("#hintCon").html(content);
|
||
|
||
var ok = $("#hintOk");
|
||
ok.html(okTent);
|
||
ok.unbind();
|
||
ok.on("click", function() {
|
||
okcallback && okcallback(ta);
|
||
ta.hide();
|
||
|
||
if($('.popSetupShowHide').length > 0) {
|
||
$(".popSetupShowHide").fullFadeOut();
|
||
}
|
||
});
|
||
}
|
||
|
||
function popFocus() {
|
||
if("0" != "1") {
|
||
return;
|
||
}
|
||
$("#popCloseFocusImg").attr("tabindex","0");
|
||
$("#popCloseFocus").focus();
|
||
}
|
||
function popCloseFocus() {
|
||
if("0" != "1") {
|
||
return;
|
||
}
|
||
$('#workpop').hide();
|
||
if($('.popSetupShowHide').length > 0) {
|
||
$('.popSetupShowHide').fullFadeOut();
|
||
}
|
||
$("#popCloseFocusImg").attr("tabindex","-1");
|
||
}
|
||
function popnoFocus() {
|
||
if("0" != "1") {
|
||
return;
|
||
}
|
||
if(event.keyCode == 9){
|
||
popFocus();
|
||
}
|
||
if(event.keyCode == 13){
|
||
$("#popCloseFocusImg").attr("tabindex","-1");
|
||
}
|
||
}
|
||
|
||
</script><div class="bigImg"><img src="https://mooc1.chaoxing.com/mycourse/studentstudy?chapterId=1050486683&courseId=256005119&clazzid=129437459&cpi=506173436&enc=8f99e04566e9010cd69dc8e310ab4b50&mooc2=1&hidetype=0&openc=6993a54b3c85103e7f92ada2f95346da"></div>
|
||
<div class="imgBg"></div>
|
||
<a name="gotop"></a>
|
||
<input type="hidden" id="detectUrl" value="http://detect.chaoxing.com/api/passport2-onlineinfo.js?key=true&refer=http://i.mooc.chaoxing.com&fid=22281&_v=">
|
||
<input type="hidden" id="passSimulateValue" value="false">
|
||
<input type="hidden" id="curCourseId" value="256005119">
|
||
<input type="hidden" id="curChapterId" value="1050486683">
|
||
<input type="hidden" id="curCpi" value="506173436">
|
||
<input type="hidden" id="curClazzId" value="129437459">
|
||
<input type="hidden" id="videoNoteMid" value="">
|
||
<input type="hidden" id="isMicroCourse" value="false">
|
||
<input type="hidden" id="tab" value="0">
|
||
<input type="hidden" id="hideCatalog" value="0">
|
||
|
||
<input type="hidden" name="videoRandomCollectTime" id="videoRandomCollectTime" value="">
|
||
<input type="hidden" name="videoJobId" id="videoJobId" value="">
|
||
<input type="hidden" name="chapterVideoObjectId" id="chapterVideoObjectId" value="">
|
||
<input type="hidden" name="collectionTime" id="collectionTime" value="">
|
||
<input type="hidden" name="mid" id="mid" value="">
|
||
<input type="hidden" name="showKnowledgeSvg" id="showKnowledgeSvg" value="false">
|
||
|
||
<div class="left">
|
||
<div class="content" style="background:none">
|
||
<div class="subNav z-index99">
|
||
<a href="https://mooc2-ans.chaoxing.com/mooc2-ans/mycourse/stu?courseid=256005119&clazzid=129437459&cpi=506173436&enc=763e21d75180a89fe57c5a7c6ef0bbac&t=1767634705073&pageHeader=1" id="contentFocus" class="subBack fl" tabindex="0"><i class="icon-BackIcon"></i>返回课程</a>
|
||
<h2>章节详情</h2>
|
||
</div>
|
||
<div style="height:40px;width:100%"></div>
|
||
<div class="main prev_box fanyaPreview_right " id="mainid" style="margin-bottom:80px;width:auto;min-width:auto;box-shadow:none;"><style>
|
||
.orientationleft,.orientationright{width:100px;height:40px;background:none;border: 1px solid #7b9e31;line-height: 40px;color: #7b9e31;font-size: 14px;}
|
||
.orientationleft{left:50%;margin-left:-102px;}
|
||
.orientationright{right:50%;margin-right:-101px;}
|
||
.orientationleft.gray,.orientationright.gray{border:1px solid #ccc;color:#ccc}
|
||
|
||
.bluebtn02{display:inline-block;height:20px;line-height:20px;padding:0 10px;background:#7b9e31;font-size:14px;color:#FFF;border-radius:3px;}
|
||
.bluebtn02:hover{color:#FFF;background:#8cb833;}
|
||
.editDate {height: 49px;line-height: 49px;background: #f0f0f0;border-bottom: 1px solid #e0e0e0;font-size: 16px;font-weight: bold;color: #333;padding: 0 15px;}
|
||
.graybtn02{display:inline-block;height:20px;line-height:20px;padding:0 10px;background:#f4f4f4;font-size:14px;color:#202020;border-radius:3px;border:solid 1px #dcdcdc;border-bottom:solid 1px #b3b3b3;}
|
||
.graybtn02:hover{color:#202020;background:#e3e0e0;}
|
||
.marleft10{margin-left:20px;}
|
||
|
||
.prebutton{width:76px;text-align:center;height:36px;line-height:36px;}
|
||
.nextbutton{width:76px;text-align:center;height:36px;line-height:36px;color:#666;border:none;background:#e6e6e6;}
|
||
.keepLearning{width:76px;text-align:center;height:36px;line-height:36px;border:none;background:#7b9e31;}
|
||
.bd_btn{ height:28px; line-height:28px; display:block; box-shadow:0 3px 12px 0 rgba(39,125,255,0.30); color:#FFFFFF; text-align:center; border-radius: 20px;}
|
||
.bd_btn_60{ width:60px; background:url(//mooc1.chaoxing.com/mooc-ans/mooc2/images/chapter/insertAftar_bnt.png) no-repeat 0 0/100px auto;}
|
||
.bd_btn_60:hover{ background:url(//mooc1.chaoxing.com/mooc-ans/mooc2/images/chapter/insertAftar_bnt.png) no-repeat 0 -30px/100px auto;}
|
||
.bd_btn_60:active{ background:url(//mooc1.chaoxing.com/mooc-ans/mooc2/images/chapter/insertAftar_bnt.png) no-repeat 0 -60px/100px auto;}
|
||
|
||
.bottomDiscuss62{ height:62px;}
|
||
.bottomDiscuss{ position:fixed; bottom:0; z-index:88; width:100%; height:62px;background:#FFFFFF; box-shadow:0px 1px 7px rgba(198, 204, 217, 0.58);}
|
||
.bottomDiscuss_hide{ position:absolute; bottom:100%; left:20px; z-index:1; width:24px; height:12px; background:#FFFFFF url(//mooc1.chaoxing.com/mooc-ans/mooc2/images/chapter/bottomDiscuss_hide.png) no-repeat center center; box-shadow:0px 1px 7px rgba(198, 204, 217, 0.58); border-radius:4px 4px 0 0; cursor:pointer;}
|
||
.bottomDiscuss_box{ position:absolute; z-index:2; left:0; right:440px; min-width:840px; height:62px; background:#FFFFFF;}
|
||
.bottomDiscuss_input{ position:absolute; left:80px; right:160px; top:50%; margin-top:-18px; height:20px; line-height: 20px; padding: 7px 14px; border: solid #E2EAF0 1px; background: #FFFFFF; font-size: 14px; color: #181E33; border-radius: 4px;}
|
||
.bottomDiscuss_bnt{ position:absolute; right:80px; top:50%; margin-top:-14px;}
|
||
.bottomDiscuss_show{ position:fixed; left:24px; bottom:24px; z-index:88; width:46px; height:46px; background:#FFFFFF url(//mooc1.chaoxing.com/mooc-ans/mooc2/images/chapter/bottomDiscuss_show.png) no-repeat center center; box-shadow:-1px 1px 8px rgba(1, 82, 128, 0.2); border-radius:50%; cursor:pointer;}
|
||
.top-tips{margin-left:0px;display:inline-block;margin-bottom:14px;position:relative;padding:0 14px;height:34px;background:#fdf6eb;line-height:34px;border-radius:21px;font-size:0;z-index:10;max-width:100%}
|
||
.top-tips .warn-img{display:inline-block;vertical-align:middle;margin-right:8px;width:16px;height:16px;background:url(//mooc1.chaoxing.com/mooc-ans/mooc2/images/chapter/icon-40-fail.png) no-repeat center center;background-size:contain}
|
||
.top-tips .warn-txt{display:inline-block;vertical-align:middle;margin-right:8px;font-size:14px;color:#a18a66;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis;overflow:hidden}
|
||
|
||
.prev_title .markTag{display:inline-block;width:20px;height:20px;background:url(//mooc1.chaoxing.com/mooc-ans/mooc2/images/chapter/markIcon.png) no-repeat;background-size:100%;margin-left:10px;}
|
||
.top-tips{margin-left:100px;}
|
||
#prevNextFocus{padding: 20px 200px 92px 200px;}
|
||
@media screen and (max-width: 1440px) {
|
||
#prevNextFocus{padding: 20px 80px 92px 80px;}
|
||
}
|
||
</style>
|
||
<input type="hidden" id="chapterId" value="1050486683">
|
||
<input type="hidden" name="chapterId" id="chapterIdid" value="1050486683">
|
||
|
||
<div class="maskDiv jobFinishTip" style="display:none; z-index: 999">
|
||
<input type="hidden" id="delTopicId" value="">
|
||
<div class="popDiv wid440 popMove">
|
||
<div class="popHead" id="jobFinishTipFocus" tabindex="0" role="alertdialog">
|
||
<a id="popHeadFocus" href="javascript:" class="popClose fr" tabindex="-1">
|
||
<img id="popHeadFocusImg" role="button" tabindex="-1" aria-label="关闭" onkeydown="if(event.keyCode == 13){closeDeleteWindowFocus();}" src="./学生学习页面_files/popClose(1).png">
|
||
</a>
|
||
<p class="fl fs18 colorDeep" style="font-weight:normal;" tabindex="0" role="option">提示</p>
|
||
</div>
|
||
<div class="het62"></div>
|
||
<p class="popWord2 fs16 colorIn jobLimitTip" tabindex="0" role="option">当前章节还有任务点未完成，是否去完成？</p>
|
||
<div class="popBottom">
|
||
<a href="javascript:" class="jb_btn jb_btn_92 fr fs14 preChapter" style="display: none">上一节</a>
|
||
<a href="javascript:" class="jb_btn jb_btn_92 fr fs14 nextChapter" style="display: none">下一节</a>
|
||
<a href="javascript:" class="btnBlue btn_92_cancel fr fs14 popMoveDele">去学习</a>
|
||
</div>
|
||
<div class="het72"></div>
|
||
</div>
|
||
</div>
|
||
|
||
<div style="width:578px;height:190px;display:none;padding:0" class="AlertCon02" id="jobFinishTip">
|
||
<h3 class="clearfix editDate">提示</h3>
|
||
<div class="con03">
|
||
<p>当前章节还有任务点未完成，是否去完成？</p>
|
||
<div class="marTop30">
|
||
<a class="bluebtn02 prebutton nextChapter" href="javascript:void(0)" style="display: none">下一节</a>
|
||
<a class="bluebtn02 prebutton preChapter" href="javascript:void(0)" style="display: none">上一节</a>
|
||
<a class="graybtn02 marleft10 nextbutton" href="javascript:void(0)">去学习</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="maskDiv" style="display:none; z-index: 999" id="freezePage2">
|
||
<input type="hidden" id="delTopicId" value="">
|
||
<div class="popDiv wid440 popMove">
|
||
<div class="popHead" id="jobFinishTipFocus" tabindex="0">
|
||
<p class="fl fs18 colorDeep" style="font-weight:normal;" tabindex="0">提示</p>
|
||
</div>
|
||
<div class="het62"></div>
|
||
<p class="popWord2 fs16 colorIn jobLimitTip" tabindex="0" id="freezePageInfo"></p>
|
||
<div class="popBottom">
|
||
<a href="javascript:" class="jb_btn jb_btn_92 fr fs14">继续学习</a>
|
||
</div>
|
||
<div class="het72"></div>
|
||
</div>
|
||
</div>
|
||
|
||
<div style="width:578px;height:190px;display:none;padding:0" class="AlertCon02" id="freezePage">
|
||
<h3 class="clearfix editDate">提示</h3>
|
||
<div class="con03">
|
||
<p id="freezePageInfo"></p>
|
||
<div class="marTop30">
|
||
<a class="bluebtn02 marleft10 keepLearning" href="javascript:void(0)">继续学习</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
|
||
<div class="prev_title_pos" tabindex="0" role="option">
|
||
<div class="prev_title" title="讲话训练为什么要21天">
|
||
讲话训练为什么要21天
|
||
|
||
<span class="markTag" id="markTag_1050486683" style="display: none"></span>
|
||
</div>
|
||
|
||
</div>
|
||
<div class="prev_list" id="prev_tab">
|
||
<ul class="prev_ul clearfix">
|
||
<li class="active" title="视频" cardid="1026500656" tabindex="0" role="option" id="dct1"><div class="prev_white" aria-hidden="true"><span class="num">1</span><span class="spanText">视频</span></div></li>
|
||
<li title="章节测验" cardid="1026500658" tabindex="0" role="option" id="dct2"><div class="prev_white" aria-hidden="true"><span class="num">2</span><span class="spanText">章节测验</span></div></li>
|
||
</ul>
|
||
</div>
|
||
<div style="min-width: 1010px;" class="course_main" id="qqqq">
|
||
<iframe height="877" id="iframe" info="card" frameborder="0" scrolling="no" src="./学生学习页面_files/cards.html" allowfullscreen="true" webkitallowfullscreen="true" mozallowfullscreen="true" onload="clickImg()"></iframe>
|
||
<input id="cardcount" type="hidden" value="2">
|
||
</div>
|
||
|
||
<div id="prevNextFocus" class="clearfix" tabindex="-1">
|
||
<div id="prevNextFocusNext" class="jb_btn jb_btn_92 fs14 prev_next next fr" tabindex="-1" role="button" style="display: block;">下一节</div>
|
||
<div id="prevNextFocusPrev" class="btnBlue btn_92 fs14 prev_next marginRight30 prev fr" tabindex="-1" role="button" style="display: block;">上一节</div>
|
||
</div>
|
||
|
||
<div class="iconBox ">
|
||
<div class="iconBg dayiBg">
|
||
<span class="dayi"></span>
|
||
</div>
|
||
|
||
|
||
<div class="iconBg ewmBg">
|
||
<span class="ewm"></span>
|
||
<div class="ewmBox">
|
||
<img src="./学生学习页面_files/qrcode" width="108">
|
||
<p> 手机扫码直接学习 </p>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="discusBg" style="width:30px;">
|
||
<div class="clearfix disCOntent">
|
||
<span class="discusNew"></span>
|
||
<div class="discusFontBx" style="display:none">
|
||
<div class="textAreaBx">
|
||
<textarea id="discussTextArea" placeholder="发布提问或讨论…" contenteditable="true" class="textcon" style="height:20px;display:none" oninput="textChange()"></textarea>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<p class="fabuBtn" style="display:none"><a href="javascript:;">发布</a></p>
|
||
<i class="disArr" style="display:none"></i>
|
||
</div>
|
||
|
||
<div class="iconBg backBg" style="display: none;">
|
||
<span class="backTo"></span>
|
||
</div>
|
||
</div>
|
||
|
||
|
||
|
||
</div>
|
||
<div id="cardFocusEnd" tabindex="0" aria-label="正文结束"></div>
|
||
</div>
|
||
</div>
|
||
<div class="posChapter posChapter_right" id="selector" style="height: 780px;">
|
||
<div class="drag"><div class="drag_shizi"></div></div>
|
||
<div class="switchbtn"></div>
|
||
<div class="tabs">
|
||
<div class="tabCatalog">
|
||
<ul>
|
||
<li id="tit1" class="active" style="display: block;">目录</li>
|
||
<li id="tit2" class="">讨论<span class="discussNum"></span></li>
|
||
<li id="tit3" class="">笔记</li>
|
||
</ul>
|
||
<div class="clear"></div>
|
||
</div>
|
||
|
||
<div class="showcontent posChapter" style="background:#fff">
|
||
<div class="chapter" style="display: block; background: rgb(255, 255, 255); overflow: hidden; outline: none; touch-action: none;" id="content1" tabindex="-1">
|
||
<div class="dataSearch_chapter" style="margin: 10px 20px 10px;">
|
||
<div class="fl DySeleft">
|
||
<a class="dataSearch_dele_chapter" href="javascript:" style="display: none;"></a>
|
||
<input tabindex="-1" type="text" id="searchChapterListByName" name="searchChapterListByName" value="" class="dataSearch_input_chapter fl" placeholder="搜索" style="">
|
||
<input tabindex="-1" type="button" onclick="searchChapterListByName()" value="" class="dataSearch_bnt_chapter fl" style="top:18px">
|
||
</div>
|
||
</div>
|
||
<div class="onetoone posCatalog" id="coursetree" style="height: 659px;"><input type="hidden" id="_studystate" value="{nextChapterId:0,unfinishCount:0}">
|
||
<input type="hidden" id="countListSearchChapter" value="-1">
|
||
<!-- 第一级开始 -->
|
||
<ul style="padding-bottom:30px">
|
||
<li>
|
||
<div class="posCatalog_select firstLayer" id="1050486606" tabindex="0"><span class="posCatalog_title posCatalog_rotate titleIcon" title="什么是讲话魅力"><em class="posCatalog_sbar">01</em> 什么是讲话魅力 </span></div>
|
||
<!--第二级开始-->
|
||
<div class="posCatalog_level" style="display: block;">
|
||
<ul>
|
||
<li>
|
||
<div class="posCatalog_select" id="cur1050486654" tabindex="0" role="link">
|
||
<span class="posCatalog_name" title="什么叫当众讲话"><em class="posCatalog_sbar">1.1</em> 什么叫当众讲话 </span>
|
||
<span class="icon_Completed prevTips"><span class="prevHoverTips">已完成<i></i></span>
|
||
</span></div>
|
||
<!-- 第三级开始 -->
|
||
<!--第三级结束-->
|
||
</li>
|
||
<li>
|
||
<div class="posCatalog_select" id="cur1050486657" tabindex="0" role="link">
|
||
<span class="posCatalog_name" title="魅力的解释"><em class="posCatalog_sbar">1.2</em> 魅力的解释 </span>
|
||
<span class="icon_Completed prevTips"><span class="prevHoverTips">已完成<i></i></span>
|
||
</span></div>
|
||
<!-- 第三级开始 -->
|
||
<!--第三级结束-->
|
||
</li>
|
||
<li>
|
||
<div class="posCatalog_select" id="cur1050486672" tabindex="0" role="link">
|
||
<span class="posCatalog_name" title="提升讲话魅力的四种方法"><em class="posCatalog_sbar">1.3</em> 提升讲话魅力的四种方法 </span>
|
||
<span class="icon_Completed prevTips"><span class="prevHoverTips">已完成<i></i></span>
|
||
</span></div>
|
||
<!-- 第三级开始 -->
|
||
<!--第三级结束-->
|
||
</li>
|
||
<li>
|
||
<div class="posCatalog_select posCatalog_active" id="cur1050486683" tabindex="0" role="link">
|
||
<span class="posCatalog_name" title="讲话训练为什么要21天"><em class="posCatalog_sbar">1.4</em> 讲话训练为什么要21天 </span>
|
||
<span class="icon_Completed prevTips"><span class="prevHoverTips">已完成<i></i></span>
|
||
</span></div>
|
||
<!-- 第三级开始 -->
|
||
<!--第三级结束-->
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
<!--第二级结束-->
|
||
</li>
|
||
<li>
|
||
<div class="posCatalog_select firstLayer" id="1050486609" tabindex="0"><span class="posCatalog_title posCatalog_rotate titleIcon" title="耳语练声法"><em class="posCatalog_sbar">02</em> 耳语练声法 </span></div>
|
||
<!--第二级开始-->
|
||
<div class="posCatalog_level" style="display: block;">
|
||
<ul>
|
||
<li>
|
||
<div class="posCatalog_select" id="cur1050486638" tabindex="0" role="link">
|
||
<span class="posCatalog_name" title="什么是耳语练声法"><em class="posCatalog_sbar">2.1</em> 什么是耳语练声法 </span>
|
||
<span class="icon_Completed prevTips"><span class="prevHoverTips">已完成<i></i></span>
|
||
</span></div>
|
||
<!-- 第三级开始 -->
|
||
<!--第三级结束-->
|
||
</li>
|
||
<li>
|
||
<div class="posCatalog_select" id="cur1050486693" tabindex="0" role="link">
|
||
<span class="posCatalog_name" title="耳语练声法的好处"><em class="posCatalog_sbar">2.2</em> 耳语练声法的好处 </span>
|
||
<span class="icon_Completed prevTips"><span class="prevHoverTips">已完成<i></i></span>
|
||
</span></div>
|
||
<!-- 第三级开始 -->
|
||
<!--第三级结束-->
|
||
</li>
|
||
<li>
|
||
<div class="posCatalog_select" id="cur1050486705" tabindex="0" role="link">
|
||
<span class="posCatalog_name" title="耳语练声法的要领"><em class="posCatalog_sbar">2.3</em> 耳语练声法的要领 </span>
|
||
<span class="icon_Completed prevTips"><span class="prevHoverTips">已完成<i></i></span>
|
||
</span></div>
|
||
<!-- 第三级开始 -->
|
||
<!--第三级结束-->
|
||
</li>
|
||
<li>
|
||
<div class="posCatalog_select" id="cur1050486717" tabindex="0" role="link">
|
||
<span class="posCatalog_name" title="耳语练声法的内容"><em class="posCatalog_sbar">2.4</em> 耳语练声法的内容 </span>
|
||
<span class="icon_Completed prevTips"><span class="prevHoverTips">已完成<i></i></span>
|
||
</span></div>
|
||
<!-- 第三级开始 -->
|
||
<!--第三级结束-->
|
||
</li>
|
||
<li>
|
||
<div class="posCatalog_select" id="cur1050486722" tabindex="0" role="link">
|
||
<span class="posCatalog_name" title="耳语练声法的要求"><em class="posCatalog_sbar">2.5</em> 耳语练声法的要求 </span>
|
||
<span class="icon_Completed prevTips"><span class="prevHoverTips">已完成<i></i></span>
|
||
</span></div>
|
||
<!-- 第三级开始 -->
|
||
<!--第三级结束-->
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
<!--第二级结束-->
|
||
</li>
|
||
<li>
|
||
<div class="posCatalog_select firstLayer" id="1050486611" tabindex="0"><span class="posCatalog_title posCatalog_rotate titleIcon" title="定——三定练胆法"><em class="posCatalog_sbar">03</em> 定——三定练胆法 </span></div>
|
||
<!--第二级开始-->
|
||
<div class="posCatalog_level" style="display: block;">
|
||
<ul>
|
||
<li>
|
||
<div class="posCatalog_select" id="cur1050486627" tabindex="0" role="link">
|
||
<span class="posCatalog_name" title="三定练胆法之一：笑定"><em class="posCatalog_sbar">3.1</em> 三定练胆法之一：笑定 </span>
|
||
<span class="icon_Completed prevTips"><span class="prevHoverTips">已完成<i></i></span>
|
||
</span></div>
|
||
<!-- 第三级开始 -->
|
||
<!--第三级结束-->
|
||
</li>
|
||
<li>
|
||
<div class="posCatalog_select" id="cur1050486732" tabindex="0" role="link">
|
||
<span class="posCatalog_name" title="三定练胆法之二：眼定"><em class="posCatalog_sbar">3.2</em> 三定练胆法之二：眼定 </span>
|
||
<span class="icon_Completed prevTips"><span class="prevHoverTips">已完成<i></i></span>
|
||
</span></div>
|
||
<!-- 第三级开始 -->
|
||
<!--第三级结束-->
|
||
</li>
|
||
<li>
|
||
<div class="posCatalog_select" id="cur1050486743" tabindex="0" role="link">
|
||
<span class="posCatalog_name" title="三定练胆法之三：站定"><em class="posCatalog_sbar">3.3</em> 三定练胆法之三：站定 </span>
|
||
<span class="icon_Completed prevTips"><span class="prevHoverTips">已完成<i></i></span>
|
||
</span></div>
|
||
<!-- 第三级开始 -->
|
||
<!--第三级结束-->
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
<!--第二级结束-->
|
||
</li>
|
||
<li>
|
||
<div class="posCatalog_select firstLayer" id="1050486612" tabindex="0"><span class="posCatalog_title posCatalog_rotate titleIcon" title="双人舞练情法"><em class="posCatalog_sbar">04</em> 双人舞练情法 </span></div>
|
||
<!--第二级开始-->
|
||
<div class="posCatalog_level" style="display: block;">
|
||
<ul>
|
||
<li>
|
||
<div class="posCatalog_select" id="cur1050486630" tabindex="0" role="link">
|
||
<span class="posCatalog_name" title="什么是“双人舞”练情法"><em class="posCatalog_sbar">4.1</em> 什么是“双人舞”练情法 </span>
|
||
<span class="icon_Completed prevTips"><span class="prevHoverTips">已完成<i></i></span>
|
||
</span></div>
|
||
<!-- 第三级开始 -->
|
||
<!--第三级结束-->
|
||
</li>
|
||
<li>
|
||
<div class="posCatalog_select" id="cur1050486754" tabindex="0" role="link">
|
||
<span class="posCatalog_name" title="练习“双人舞”的好处"><em class="posCatalog_sbar">4.2</em> 练习“双人舞”的好处 </span>
|
||
<span class="icon_Completed prevTips"><span class="prevHoverTips">已完成<i></i></span>
|
||
</span></div>
|
||
<!-- 第三级开始 -->
|
||
<!--第三级结束-->
|
||
</li>
|
||
<li>
|
||
<div class="posCatalog_select" id="cur1050486764" tabindex="0" role="link">
|
||
<span class="posCatalog_name" title="练习双人舞的“三手”原则"><em class="posCatalog_sbar">4.3</em> 练习双人舞的“三手”原则 </span>
|
||
<span class="icon_Completed prevTips"><span class="prevHoverTips">已完成<i></i></span>
|
||
</span></div>
|
||
<!-- 第三级开始 -->
|
||
<!--第三级结束-->
|
||
</li>
|
||
<li>
|
||
<div class="posCatalog_select" id="cur1050486774" tabindex="0" role="link">
|
||
<span class="posCatalog_name" title="练习双人舞的“三动”要领"><em class="posCatalog_sbar">4.4</em> 练习双人舞的“三动”要领 </span>
|
||
<span class="icon_Completed prevTips"><span class="prevHoverTips">已完成<i></i></span>
|
||
</span></div>
|
||
<!-- 第三级开始 -->
|
||
<!--第三级结束-->
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
<!--第二级结束-->
|
||
</li>
|
||
<li>
|
||
<div class="posCatalog_select firstLayer" id="1050486614" tabindex="0"><span class="posCatalog_title posCatalog_rotate titleIcon" title="一简二活三口诀"><em class="posCatalog_sbar">05</em> 一简二活三口诀 </span></div>
|
||
<!--第二级开始-->
|
||
<div class="posCatalog_level" style="display: block;">
|
||
<ul>
|
||
<li>
|
||
<div class="posCatalog_select" id="cur1050486622" tabindex="0" role="link">
|
||
<span class="posCatalog_name" title="什么叫“一简”"><em class="posCatalog_sbar">5.1</em> 什么叫“一简” </span>
|
||
<span class="icon_Completed prevTips"><span class="prevHoverTips">已完成<i></i></span>
|
||
</span></div>
|
||
<!-- 第三级开始 -->
|
||
<!--第三级结束-->
|
||
</li>
|
||
<li>
|
||
<div class="posCatalog_select" id="cur1050486782" tabindex="0" role="link">
|
||
<span class="posCatalog_name" title="什么叫“二活”"><em class="posCatalog_sbar">5.2</em> 什么叫“二活” </span>
|
||
<span class="icon_Completed prevTips"><span class="prevHoverTips">已完成<i></i></span>
|
||
</span></div>
|
||
<!-- 第三级开始 -->
|
||
<!--第三级结束-->
|
||
</li>
|
||
<li>
|
||
<div class="posCatalog_select" id="cur1050486789" tabindex="0" role="link">
|
||
<span class="posCatalog_name" title="什么叫“三口诀”"><em class="posCatalog_sbar">5.3</em> 什么叫“三口诀” </span>
|
||
<span class="icon_Completed prevTips"><span class="prevHoverTips">已完成<i></i></span>
|
||
</span></div>
|
||
<!-- 第三级开始 -->
|
||
<!--第三级结束-->
|
||
</li>
|
||
<li>
|
||
<div class="posCatalog_select" id="cur1050486798" tabindex="0" role="link">
|
||
<span class="posCatalog_name" title="一简二活三口合训练"><em class="posCatalog_sbar">5.4</em> 一简二活三口合训练 </span>
|
||
<span class="icon_Completed prevTips"><span class="prevHoverTips">已完成<i></i></span>
|
||
</span></div>
|
||
<!-- 第三级开始 -->
|
||
<!--第三级结束-->
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
<!--第二级结束-->
|
||
</li>
|
||
<li>
|
||
<div class="posCatalog_select firstLayer" id="1050486615" tabindex="0"><span class="posCatalog_title posCatalog_rotate titleIcon" title="当众讲话五个实战技巧"><em class="posCatalog_sbar">06</em> 当众讲话五个实战技巧 </span></div>
|
||
<!--第二级开始-->
|
||
<div class="posCatalog_level" style="display: block;">
|
||
<ul>
|
||
<li>
|
||
<div class="posCatalog_select" id="cur1050486642" tabindex="0" role="link">
|
||
<span class="posCatalog_name" title="实战技巧一：前读后看"><em class="posCatalog_sbar">6.1</em> 实战技巧一：前读后看 </span>
|
||
<span class="icon_Completed prevTips"><span class="prevHoverTips">已完成<i></i></span>
|
||
</span></div>
|
||
<!-- 第三级开始 -->
|
||
<!--第三级结束-->
|
||
</li>
|
||
<li>
|
||
<div class="posCatalog_select" id="cur1050486805" tabindex="0" role="link">
|
||
<span class="posCatalog_name" title="实战技巧二：低开高走"><em class="posCatalog_sbar">6.2</em> 实战技巧二：低开高走 </span>
|
||
<span class="icon_Completed prevTips"><span class="prevHoverTips">已完成<i></i></span>
|
||
</span></div>
|
||
<!-- 第三级开始 -->
|
||
<!--第三级结束-->
|
||
</li>
|
||
<li>
|
||
<div class="posCatalog_select" id="cur1050486819" tabindex="0" role="link">
|
||
<span class="posCatalog_name" title="实战技巧三：“四说”练习"><em class="posCatalog_sbar">6.3</em> 实战技巧三：“四说”练习 </span>
|
||
<span class="icon_Completed prevTips"><span class="prevHoverTips">已完成<i></i></span>
|
||
</span></div>
|
||
<!-- 第三级开始 -->
|
||
<!--第三级结束-->
|
||
</li>
|
||
<li>
|
||
<div class="posCatalog_select" id="cur1050486841" tabindex="0" role="link">
|
||
<span class="posCatalog_name" title="字音矫正"><em class="posCatalog_sbar">6.4</em> 字音矫正 </span>
|
||
<span class="icon_Completed prevTips"><span class="prevHoverTips">已完成<i></i></span>
|
||
</span></div>
|
||
<!-- 第三级开始 -->
|
||
<!--第三级结束-->
|
||
</li>
|
||
<li>
|
||
<div class="posCatalog_select" id="cur1050486852" tabindex="0" role="link">
|
||
<span class="posCatalog_name" title="讲话不超时的“三时法”"><em class="posCatalog_sbar">6.5</em> 讲话不超时的“三时法” </span>
|
||
<span class="icon_Completed prevTips"><span class="prevHoverTips">已完成<i></i></span>
|
||
</span></div>
|
||
<!-- 第三级开始 -->
|
||
<!--第三级结束-->
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
<!--第二级结束-->
|
||
</li>
|
||
<li>
|
||
<div class="posCatalog_select firstLayer" id="1050486617" tabindex="0"><span class="posCatalog_title posCatalog_rotate titleIcon" title="拓展学习"><em class="posCatalog_sbar">07</em> 拓展学习 </span></div>
|
||
<!--第二级开始-->
|
||
<div class="posCatalog_level" style="display: block;">
|
||
<ul>
|
||
<li>
|
||
<div class="posCatalog_select" id="cur1050486867" tabindex="0" role="link">
|
||
<span class="posCatalog_name" title="演讲的艺术——基本的要求与成功的因素"><em class="posCatalog_sbar">7.1</em> 演讲的艺术——基本的要求与成功的因素 </span>
|
||
<span class="icon_Completed prevTips"><span class="prevHoverTips">已完成<i></i></span>
|
||
</span></div>
|
||
<!-- 第三级开始 -->
|
||
<!--第三级结束-->
|
||
</li>
|
||
<li>
|
||
<div class="posCatalog_select" id="cur1050486872" tabindex="0" role="link">
|
||
<span class="posCatalog_name" title="人际交流中的幽默与雄辩"><em class="posCatalog_sbar">7.2</em> 人际交流中的幽默与雄辩 </span>
|
||
<span class="icon_Completed prevTips"><span class="prevHoverTips">已完成<i></i></span>
|
||
</span></div>
|
||
<!-- 第三级开始 -->
|
||
<!--第三级结束-->
|
||
</li>
|
||
<li>
|
||
<div class="posCatalog_select" id="cur1050486879" tabindex="0" role="link">
|
||
<span class="posCatalog_name" title="科学发声，塑造声音魅力"><em class="posCatalog_sbar">7.3</em> 科学发声，塑造声音魅力 </span>
|
||
<span class="icon_Completed prevTips"><span class="prevHoverTips">已完成<i></i></span>
|
||
</span></div>
|
||
<!-- 第三级开始 -->
|
||
<!--第三级结束-->
|
||
</li>
|
||
<li>
|
||
<div class="posCatalog_select" id="cur1050486884" tabindex="0" role="link">
|
||
<span class="posCatalog_name" title="演讲时的发声技巧"><em class="posCatalog_sbar">7.4</em> 演讲时的发声技巧 </span>
|
||
<span class="icon_Completed prevTips"><span class="prevHoverTips">已完成<i></i></span>
|
||
</span></div>
|
||
<!-- 第三级开始 -->
|
||
<!--第三级结束-->
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
<!--第二级结束-->
|
||
</li>
|
||
<li>
|
||
<div class="posCatalog_select firstLayer" id="1050486619" tabindex="0"><span class="posCatalog_title posCatalog_rotate titleIcon" title="阅读"><em class="posCatalog_sbar">08</em> 阅读 </span></div>
|
||
<!--第二级开始-->
|
||
<div class="posCatalog_level" style="display: block;">
|
||
<ul>
|
||
<li>
|
||
<div class="posCatalog_select" id="cur1050486649" tabindex="0" role="link">
|
||
<span class="posCatalog_name" title="阅读"><em class="posCatalog_sbar">8.1</em> 阅读 </span>
|
||
<span class="icon_Completed prevTips"><span class="prevHoverTips">已完成<i></i></span>
|
||
</span></div>
|
||
<!-- 第三级开始 -->
|
||
<!--第三级结束-->
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
<!--第二级结束-->
|
||
</li>
|
||
<li>
|
||
<div class="posCatalog_select firstLayer" id="1050486620" tabindex="0"><span class="posCatalog_title posCatalog_rotate titleIcon" title="问卷调查"><em class="posCatalog_sbar">9</em> 问卷调查 </span></div>
|
||
<!--第二级开始-->
|
||
<div class="posCatalog_level" style="display: block;">
|
||
<ul>
|
||
<li>
|
||
<div class="posCatalog_select" id="cur1050486862" tabindex="0" role="link">
|
||
<span class="posCatalog_name" title="问卷调查"><em class="posCatalog_sbar">9.1</em> 问卷调查 </span>
|
||
<span class="icon_Completed prevTips"><span class="prevHoverTips">已完成<i></i></span>
|
||
</span></div>
|
||
<!-- 第三级开始 -->
|
||
<!--第三级结束-->
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
<!--第二级结束-->
|
||
</li>
|
||
<!-- 第一级结束 -->
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
<div class="thiscontent posCatalog" id="content2" style="display: none; height: 659px;">
|
||
<input type="hidden" value="0" id="isDigitalTextbook">
|
||
<div class="newTopic1" style="display: none;">
|
||
<span class="newTopic_bnt"><i></i>新建话题</span>
|
||
<div class="formTopic" style="display:none;">
|
||
<div class="formTopic_padding" id="formTopicScroll">
|
||
<div class="formTopic_title"><input type="text" value="" placeholder="请输入标题…" id="toplevelTextCommentTitle" name="toplevelTextCommentTitle"></div>
|
||
<div class="formTopic_text">
|
||
<textarea class="formTopic_text_Scroll" id="toplevelTextCommentContent" name="toplevelTextCommentContent" placeholder="请输入话题正文…"></textarea>
|
||
</div>
|
||
<ul class="formTopic_pic" id="images_fileUploader_group"></ul>
|
||
<ul class="formTopic_docx" id="dataSource"></ul>
|
||
</div>
|
||
<div class="replyTopic">
|
||
<input type="hidden" id="resize" value="1">
|
||
<div class="imgUpload" id="fileUploader_group" style="width:24px;margin-right:20px"><input type="file" accept="image/*"></div>
|
||
<div class="fileUpload" id="addFileA" disable="false"><input type="file" accept="*" id="file" name="file" title="添加附件" onchange="if(initTopicAttachmentFile()){addTopicAttachmentFile('newPic','1767634705073', '4aabdd786dacd481f3b9ceda2c764a71', '421011097');}"></div>
|
||
<div class="jb_btn jb_btn_60 fr fs14">发布</div>
|
||
<div class="replyQuxiao fr">取消</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="posDiscuss" id="posDiscussScroll" style="background: #fff;overflow: hidden;">
|
||
</div>
|
||
</div>
|
||
<div id="content3" class="thiscontent note" style="display: none; height: 820px;">
|
||
<div class="newTopic1">
|
||
<span class="newTopic_bnt"><i></i>新建笔记</span>
|
||
<div class="formTopic" style="display: none;">
|
||
<input type="hidden" id="type" value="0">
|
||
<input type="hidden" id="noteVideoName" value="">
|
||
<input type="hidden" id="noteVideoTime" value="">
|
||
<input type="hidden" id="noteVideoJobId" value="">
|
||
<input type="hidden" id="noteVideoObjectId" value="">
|
||
<input type="hidden" id="videoNoteCid" value="">
|
||
<div class="Note_name"></div>
|
||
<div class="wrap formNote_padding">
|
||
<div class="multieditor" id="editor1"><div id="multieditor1" class="edui-default"><div id="edui1" class="edui-editor edui-default" style="width: 272px; z-index: 1;"><div id="edui1_toolbarbox" class="edui-editor-toolbarbox edui-default" style=""><div id="edui1_toolbarboxouter" class="edui-editor-toolbarboxouter edui-default"><div class="edui-editor-toolbarboxinner edui-default"><div id="edui2" class="edui-toolbar edui-default" style="user-select: none;"><div id="edui3" class="edui-box edui-button edui-for-screenshot edui-default"><div id="edui3_state" onmouseover="$EDITORUI["edui3"].Stateful_onMouseOver(event, this);" onmouseout="$EDITORUI["edui3"].Stateful_onMouseOut(event, this);" class="edui-default"><div class="edui-button-wrap edui-default"><div id="edui3_body" title="截屏" class="edui-button-body edui-default"><div class="edui-box edui-icon edui-default"></div><div class="edui-box edui-label edui-default">截屏</div></div></div></div></div><div id="edui4" class="edui-box edui-button edui-for-undo edui-default edui-state-disabled"><div id="edui4_state" onmouseover="$EDITORUI["edui4"].Stateful_onMouseOver(event, this);" onmouseout="$EDITORUI["edui4"].Stateful_onMouseOut(event, this);" class="edui-default"><div class="edui-button-wrap edui-default"><div id="edui4_body" title="撤销" class="edui-button-body edui-default"><div class="edui-box edui-icon edui-default"></div></div></div></div></div><div id="edui5" class="edui-box edui-button edui-for-redo edui-default edui-state-disabled"><div id="edui5_state" onmouseover="$EDITORUI["edui5"].Stateful_onMouseOver(event, this);" onmouseout="$EDITORUI["edui5"].Stateful_onMouseOut(event, this);" class="edui-default"><div class="edui-button-wrap edui-default"><div id="edui5_body" title="重做" class="edui-button-body edui-default"><div class="edui-box edui-icon edui-default"></div></div></div></div></div><div id="edui6" class="edui-box edui-button edui-for-formatmatch edui-default"><div id="edui6_state" onmouseover="$EDITORUI["edui6"].Stateful_onMouseOver(event, this);" onmouseout="$EDITORUI["edui6"].Stateful_onMouseOut(event, this);" class="edui-default"><div class="edui-button-wrap edui-default"><div id="edui6_body" title="格式刷" class="edui-button-body edui-default"><div class="edui-box edui-icon edui-default"></div></div></div></div></div><div id="edui7" class="edui-box edui-button edui-for-removeformat edui-default"><div id="edui7_state" onmouseover="$EDITORUI["edui7"].Stateful_onMouseOver(event, this);" onmouseout="$EDITORUI["edui7"].Stateful_onMouseOut(event, this);" class="edui-default"><div class="edui-button-wrap edui-default"><div id="edui7_body" title="清除格式" class="edui-button-body edui-default"><div class="edui-box edui-icon edui-default"></div></div></div></div></div><div id="edui8" class="edui-box edui-separator edui-default"></div><div id="edui9" class="edui-box edui-combox edui-for-paragraph edui-default"><div title="正文" id="edui9_state" onmouseover="$EDITORUI["edui9"].Stateful_onMouseOver(event, this);" onmouseout="$EDITORUI["edui9"].Stateful_onMouseOut(event, this);" class="edui-default"><div class="edui-combox-body edui-default"><div id="edui9_button_body" class="edui-box edui-button-body edui-default">正文</div><div class="edui-box edui-splitborder edui-default"></div><div class="edui-box edui-arrow edui-default"></div></div></div></div><div id="edui16" class="edui-box edui-separator edui-default"></div><div id="edui17" class="edui-box edui-combox edui-for-fontfamily edui-default"><div title="字体" id="edui17_state" onmouseover="$EDITORUI["edui17"].Stateful_onMouseOver(event, this);" onmouseout="$EDITORUI["edui17"].Stateful_onMouseOut(event, this);" class="edui-default"><div class="edui-combox-body edui-default"><div id="edui17_button_body" class="edui-box edui-button-body edui-default">默认字体</div><div class="edui-box edui-splitborder edui-default"></div><div class="edui-box edui-arrow edui-default"></div></div></div></div><div id="edui28" class="edui-box edui-separator edui-default"></div><div id="edui29" class="edui-box edui-combox edui-for-fontsize edui-default"><div title="字号" id="edui29_state" onmouseover="$EDITORUI["edui29"].Stateful_onMouseOver(event, this);" onmouseout="$EDITORUI["edui29"].Stateful_onMouseOut(event, this);" class="edui-default"><div class="edui-combox-body edui-default"><div id="edui29_button_body" class="edui-box edui-button-body edui-default">16</div><div class="edui-box edui-splitborder edui-default"></div><div class="edui-box edui-arrow edui-default"></div></div></div></div><div id="edui41" class="edui-box edui-button edui-for-bold edui-default"><div id="edui41_state" onmouseover="$EDITORUI["edui41"].Stateful_onMouseOver(event, this);" onmouseout="$EDITORUI["edui41"].Stateful_onMouseOut(event, this);" class="edui-default"><div class="edui-button-wrap edui-default"><div id="edui41_body" title="加粗" class="edui-button-body edui-default"><div class="edui-box edui-icon edui-default"></div></div></div></div></div><div id="edui42" class="edui-box edui-button edui-for-italic edui-default"><div id="edui42_state" onmouseover="$EDITORUI["edui42"].Stateful_onMouseOver(event, this);" onmouseout="$EDITORUI["edui42"].Stateful_onMouseOut(event, this);" class="edui-default"><div class="edui-button-wrap edui-default"><div id="edui42_body" title="斜体" class="edui-button-body edui-default"><div class="edui-box edui-icon edui-default"></div></div></div></div></div><div id="edui43" class="edui-box edui-button edui-for-underline edui-default"><div id="edui43_state" onmouseover="$EDITORUI["edui43"].Stateful_onMouseOver(event, this);" onmouseout="$EDITORUI["edui43"].Stateful_onMouseOut(event, this);" class="edui-default"><div class="edui-button-wrap edui-default"><div id="edui43_body" title="下划线" class="edui-button-body edui-default"><div class="edui-box edui-icon edui-default"></div></div></div></div></div><div id="edui44" class="edui-box edui-button edui-for-strikethrough edui-default"><div id="edui44_state" onmouseover="$EDITORUI["edui44"].Stateful_onMouseOver(event, this);" onmouseout="$EDITORUI["edui44"].Stateful_onMouseOut(event, this);" class="edui-default"><div class="edui-button-wrap edui-default"><div id="edui44_body" title="删除线" class="edui-button-body edui-default"><div class="edui-box edui-icon edui-default"></div></div></div></div></div><div id="edui45" class="edui-box edui-separator edui-default"></div><div id="edui46" class="edui-box edui-splitbutton edui-for-forecolor edui-default edui-colorbutton"><div title="字体颜色" id="edui46_state" onmouseover="$EDITORUI["edui46"].Stateful_onMouseOver(event, this);" onmouseout="$EDITORUI["edui46"].Stateful_onMouseOut(event, this);" class="edui-default"><div class="edui-splitbutton-body edui-default"><div id="edui46_button_body" class="edui-box edui-button-body edui-default"><div class="edui-box edui-icon edui-default"></div><div id="edui46_colorlump" class="edui-colorlump" style="background-color: rgb(19, 27, 38);"></div></div><div class="edui-box edui-splitborder edui-default"></div><div class="edui-box edui-arrow edui-default"></div></div></div></div><div id="edui49" class="edui-box edui-splitbutton edui-for-backcolor edui-default edui-colorbutton"><div title="背景色" id="edui49_state" onmouseover="$EDITORUI["edui49"].Stateful_onMouseOver(event, this);" onmouseout="$EDITORUI["edui49"].Stateful_onMouseOut(event, this);" class="edui-default"><div class="edui-splitbutton-body edui-default"><div id="edui49_button_body" class="edui-box edui-button-body edui-default"><div class="edui-box edui-icon edui-default"></div><div id="edui49_colorlump" class="edui-colorlump"></div></div><div class="edui-box edui-splitborder edui-default"></div><div class="edui-box edui-arrow edui-default"></div></div></div></div><div id="edui52" class="edui-box edui-separator edui-default"></div><div id="edui53" class="edui-box edui-menubutton edui-for-insertunorderedlist edui-default"><div title="无序列表" id="edui53_state" onmouseover="$EDITORUI["edui53"].Stateful_onMouseOver(event, this);" onmouseout="$EDITORUI["edui53"].Stateful_onMouseOut(event, this);" class="edui-default"><div class="edui-menubutton-body edui-default"><div id="edui53_button_body" class="edui-box edui-button-body edui-default"><div class="edui-box edui-icon edui-default"></div></div><div class="edui-box edui-splitborder edui-default"></div><div class="edui-box edui-arrow edui-default"></div></div></div></div><div id="edui56" class="edui-box edui-menubutton edui-for-insertorderedlist edui-default"><div title="有序列表" id="edui56_state" onmouseover="$EDITORUI["edui56"].Stateful_onMouseOver(event, this);" onmouseout="$EDITORUI["edui56"].Stateful_onMouseOut(event, this);" class="edui-default"><div class="edui-menubutton-body edui-default"><div id="edui56_button_body" class="edui-box edui-button-body edui-default"><div class="edui-box edui-icon edui-default"></div></div><div class="edui-box edui-splitborder edui-default"></div><div class="edui-box edui-arrow edui-default"></div></div></div></div><div id="edui59" class="edui-box edui-button edui-for-checkbox edui-default"><div id="edui59_state" onmouseover="$EDITORUI["edui59"].Stateful_onMouseOver(event, this);" onmouseout="$EDITORUI["edui59"].Stateful_onMouseOut(event, this);" class="edui-default"><div class="edui-button-wrap edui-default"><div id="edui59_body" title="任务列表" class="edui-button-body edui-default"><div class="edui-box edui-icon edui-default"></div></div></div></div></div><div id="edui60" class="edui-box edui-combox edui-for-justify edui-default"><div title="对齐方式" id="edui60_state" onmouseover="$EDITORUI["edui60"].Stateful_onMouseOver(event, this);" onmouseout="$EDITORUI["edui60"].Stateful_onMouseOut(event, this);" class="edui-default"><div class="edui-combox-body edui-default"><div id="edui60_button_body" class="edui-box edui-button-body edui-default">对齐方式</div><div class="edui-box edui-splitborder edui-default"></div><div class="edui-box edui-arrow edui-default"></div></div></div></div><div id="edui69" class="edui-box edui-combox edui-for-indent edui-default"><div title="缩进" id="edui69_state" onmouseover="$EDITORUI["edui69"].Stateful_onMouseOver(event, this);" onmouseout="$EDITORUI["edui69"].Stateful_onMouseOut(event, this);" class="edui-default"><div class="edui-combox-body edui-default"><div id="edui69_button_body" class="edui-box edui-button-body edui-default">缩进</div><div class="edui-box edui-splitborder edui-default"></div><div class="edui-box edui-arrow edui-default"></div></div></div></div><div id="edui74" class="edui-box edui-menubutton edui-for-lineheight edui-default"><div title="行间距" id="edui74_state" onmouseover="$EDITORUI["edui74"].Stateful_onMouseOver(event, this);" onmouseout="$EDITORUI["edui74"].Stateful_onMouseOut(event, this);" class="edui-default"><div class="edui-menubutton-body edui-default"><div id="edui74_button_body" class="edui-box edui-button-body edui-default"><div class="edui-box edui-icon edui-default"></div></div><div class="edui-box edui-splitborder edui-default"></div><div class="edui-box edui-arrow edui-default"></div></div></div></div><div id="edui83" class="edui-box edui-splitbutton edui-for-autotypeset edui-default"><div title="自动排版" id="edui83_state" onmouseover="$EDITORUI["edui83"].Stateful_onMouseOver(event, this);" onmouseout="$EDITORUI["edui83"].Stateful_onMouseOut(event, this);" class="edui-default"><div class="edui-splitbutton-body edui-default"><div id="edui83_button_body" class="edui-box edui-button-body edui-default"><div class="edui-box edui-icon edui-default"></div></div><div class="edui-box edui-splitborder edui-default"></div><div class="edui-box edui-arrow edui-default"></div></div></div></div><div id="edui86" class="edui-box edui-separator edui-default"></div><div id="edui87" class="edui-box edui-button edui-for-blockquote edui-default"><div id="edui87_state" onmouseover="$EDITORUI["edui87"].Stateful_onMouseOver(event, this);" onmouseout="$EDITORUI["edui87"].Stateful_onMouseOut(event, this);" class="edui-default"><div class="edui-button-wrap edui-default"><div id="edui87_body" title="引用" class="edui-button-body edui-default"><div class="edui-box edui-icon edui-default"></div></div></div></div></div><div id="edui88" class="edui-box edui-button edui-for-callout edui-default"><div id="edui88_state" onmouseover="$EDITORUI["edui88"].Stateful_onMouseOver(event, this);" onmouseout="$EDITORUI["edui88"].Stateful_onMouseOut(event, this);" class="edui-default"><div class="edui-button-wrap edui-default"><div id="edui88_body" title="高亮块" class="edui-button-body edui-default"><div class="edui-box edui-icon edui-default"></div></div></div></div></div><div id="edui89" class="edui-box edui-button edui-for-horizontal edui-default"><div id="edui89_state" onmouseover="$EDITORUI["edui89"].Stateful_onMouseOver(event, this);" onmouseout="$EDITORUI["edui89"].Stateful_onMouseOut(event, this);" class="edui-default"><div class="edui-button-wrap edui-default"><div id="edui89_body" title="分隔线" class="edui-button-body edui-default"><div class="edui-box edui-icon edui-default"></div></div></div></div></div><div id="edui90" class="edui-box edui-button edui-for-insertcode edui-default"><div id="edui90_state" onmouseover="$EDITORUI["edui90"].Stateful_onMouseOver(event, this);" onmouseout="$EDITORUI["edui90"].Stateful_onMouseOut(event, this);" class="edui-default"><div class="edui-button-wrap edui-default"><div id="edui90_body" title="代码块" class="edui-button-body edui-default"><div class="edui-box edui-icon edui-default"></div></div></div></div></div><div id="edui91" class="edui-box edui-splitbutton edui-for-edittable edui-default edui-colorbutton edui-state-disabled"><div title="表格边框" id="edui91_state" onmouseover="$EDITORUI["edui91"].Stateful_onMouseOver(event, this);" onmouseout="$EDITORUI["edui91"].Stateful_onMouseOut(event, this);" class="edui-default"><div class="edui-splitbutton-body edui-default"><div id="edui91_button_body" class="edui-box edui-button-body edui-default"><div class="edui-box edui-icon edui-default"></div><div id="edui91_colorlump" class="edui-colorlump"></div></div><div class="edui-box edui-splitborder edui-default"></div><div class="edui-box edui-arrow edui-default"></div></div></div></div><div id="edui94" class="edui-box edui-splitbutton edui-for-settablebackground edui-default edui-colorbutton edui-state-disabled"><div title="表格背景色" id="edui94_state" onmouseover="$EDITORUI["edui94"].Stateful_onMouseOver(event, this);" onmouseout="$EDITORUI["edui94"].Stateful_onMouseOut(event, this);" class="edui-default"><div class="edui-splitbutton-body edui-default"><div id="edui94_button_body" class="edui-box edui-button-body edui-default"><div class="edui-box edui-icon edui-default"></div><div id="edui94_colorlump" class="edui-colorlump"></div></div><div class="edui-box edui-splitborder edui-default"></div><div class="edui-box edui-arrow edui-default"></div></div></div></div><div id="edui97" class="edui-box edui-button edui-for-insertrow edui-default edui-state-disabled"><div id="edui97_state" onmouseover="$EDITORUI["edui97"].Stateful_onMouseOver(event, this);" onmouseout="$EDITORUI["edui97"].Stateful_onMouseOut(event, this);" class="edui-default"><div class="edui-button-wrap edui-default"><div id="edui97_body" title="向上插入行" class="edui-button-body edui-default"><div class="edui-box edui-icon edui-default"></div></div></div></div></div><div id="edui98" class="edui-box edui-button edui-for-insertrownext edui-default edui-state-disabled"><div id="edui98_state" onmouseover="$EDITORUI["edui98"].Stateful_onMouseOver(event, this);" onmouseout="$EDITORUI["edui98"].Stateful_onMouseOut(event, this);" class="edui-default"><div class="edui-button-wrap edui-default"><div id="edui98_body" title="向下插入行" class="edui-button-body edui-default"><div class="edui-box edui-icon edui-default"></div></div></div></div></div><div id="edui99" class="edui-box edui-button edui-for-deleterow edui-default edui-state-disabled"><div id="edui99_state" onmouseover="$EDITORUI["edui99"].Stateful_onMouseOver(event, this);" onmouseout="$EDITORUI["edui99"].Stateful_onMouseOut(event, this);" class="edui-default"><div class="edui-button-wrap edui-default"><div id="edui99_body" title="删除行" class="edui-button-body edui-default"><div class="edui-box edui-icon edui-default"></div></div></div></div></div><div id="edui100" class="edui-box edui-button edui-for-insertcol edui-default edui-state-disabled"><div id="edui100_state" onmouseover="$EDITORUI["edui100"].Stateful_onMouseOver(event, this);" onmouseout="$EDITORUI["edui100"].Stateful_onMouseOut(event, this);" class="edui-default"><div class="edui-button-wrap edui-default"><div id="edui100_body" title="向左插入列" class="edui-button-body edui-default"><div class="edui-box edui-icon edui-default"></div></div></div></div></div><div id="edui101" class="edui-box edui-button edui-for-insertcolnext edui-default edui-state-disabled"><div id="edui101_state" onmouseover="$EDITORUI["edui101"].Stateful_onMouseOver(event, this);" onmouseout="$EDITORUI["edui101"].Stateful_onMouseOut(event, this);" class="edui-default"><div class="edui-button-wrap edui-default"><div id="edui101_body" title="向右插入列" class="edui-button-body edui-default"><div class="edui-box edui-icon edui-default"></div></div></div></div></div><div id="edui102" class="edui-box edui-button edui-for-deletecol edui-default edui-state-disabled"><div id="edui102_state" onmouseover="$EDITORUI["edui102"].Stateful_onMouseOver(event, this);" onmouseout="$EDITORUI["edui102"].Stateful_onMouseOut(event, this);" class="edui-default"><div class="edui-button-wrap edui-default"><div id="edui102_body" title="删除列" class="edui-button-body edui-default"><div class="edui-box edui-icon edui-default"></div></div></div></div></div><div id="edui103" class="edui-box edui-button edui-for-mergecells edui-default edui-state-disabled"><div id="edui103_state" onmouseover="$EDITORUI["edui103"].Stateful_onMouseOver(event, this);" onmouseout="$EDITORUI["edui103"].Stateful_onMouseOut(event, this);" class="edui-default"><div class="edui-button-wrap edui-default"><div id="edui103_body" title="合并单元格" class="edui-button-body edui-default"><div class="edui-box edui-icon edui-default"></div></div></div></div></div><div id="edui104" class="edui-box edui-button edui-for-splittocells edui-default edui-state-disabled"><div id="edui104_state" onmouseover="$EDITORUI["edui104"].Stateful_onMouseOver(event, this);" onmouseout="$EDITORUI["edui104"].Stateful_onMouseOut(event, this);" class="edui-default"><div class="edui-button-wrap edui-default"><div id="edui104_body" title="拆分单元格" class="edui-button-body edui-default"><div class="edui-box edui-icon edui-default"></div></div></div></div></div><div id="edui105" class="edui-box edui-splitbutton edui-for-inserttable edui-default"><div title="表格" id="edui105_state" onmouseover="$EDITORUI["edui105"].Stateful_onMouseOver(event, this);" onmouseout="$EDITORUI["edui105"].Stateful_onMouseOut(event, this);" class="edui-default"><div class="edui-splitbutton-body edui-default"><div id="edui105_button_body" class="edui-box edui-button-body edui-default"><div class="edui-box edui-icon edui-default"></div></div><div class="edui-box edui-splitborder edui-default"></div><div class="edui-box edui-arrow edui-default"></div></div></div></div><div id="edui108" class="edui-box edui-button edui-for-onlinetable edui-default"><div id="edui108_state" onmouseover="$EDITORUI["edui108"].Stateful_onMouseOver(event, this);" onmouseout="$EDITORUI["edui108"].Stateful_onMouseOut(event, this);" class="edui-default"><div class="edui-button-wrap edui-default"><div id="edui108_body" title="电子表格" class="edui-button-body edui-default"><div class="edui-box edui-icon edui-default"></div></div></div></div></div><div id="edui109" class="edui-box edui-button edui-for-mindmap edui-default"><div id="edui109_state" onmouseover="$EDITORUI["edui109"].Stateful_onMouseOver(event, this);" onmouseout="$EDITORUI["edui109"].Stateful_onMouseOut(event, this);" class="edui-default"><div class="edui-button-wrap edui-default"><div id="edui109_body" title="思维导图" class="edui-button-body edui-default"><div class="edui-box edui-icon edui-default"></div></div></div></div></div><div id="edui114" class="edui-box edui-button edui-for-spechars edui-default"><div id="edui114_state" onmouseover="$EDITORUI["edui114"].Stateful_onMouseOver(event, this);" onmouseout="$EDITORUI["edui114"].Stateful_onMouseOut(event, this);" class="edui-default"><div class="edui-button-wrap edui-default"><div id="edui114_body" title="特殊字符" class="edui-button-body edui-default"><div class="edui-box edui-icon edui-default"></div><div class="edui-box edui-label edui-default"></div></div></div></div></div><div id="edui119" class="edui-box edui-button edui-for-mathml edui-default"><div id="edui119_state" onmouseover="$EDITORUI["edui119"].Stateful_onMouseOver(event, this);" onmouseout="$EDITORUI["edui119"].Stateful_onMouseOut(event, this);" class="edui-default"><div class="edui-button-wrap edui-default"><div id="edui119_body" title="公式" class="edui-button-body edui-default"><div class="edui-box edui-icon edui-default"></div><div class="edui-box edui-label edui-default"></div></div></div></div></div><div id="edui120" class="edui-box edui-button edui-for-attachment edui-default"><div id="edui120_state" onmouseover="$EDITORUI["edui120"].Stateful_onMouseOver(event, this);" onmouseout="$EDITORUI["edui120"].Stateful_onMouseOut(event, this);" class="edui-default"><div class="edui-button-wrap edui-default"><div id="edui120_body" title="附件" class="edui-button-body edui-default webuploader-container"><div class="webuploader-pick" style=""><div class="edui-box edui-icon edui-default"></div></div><div id="rt_rt_1je7jq7vp17qf1cga28a1nc916j94" style="position: absolute; top: 0px; left: 0px; width: 1px; height: 1px; overflow: hidden;"><input type="file" name="file" class="webuploader-element-invisible" multiple="multiple"><label style="opacity: 0; width: 100%; height: 100%; display: block; cursor: pointer; background: rgb(255, 255, 255);"></label></div></div></div></div></div><div id="edui121" class="edui-box edui-button edui-for-insertimage edui-default"><div id="edui121_state" onmouseover="$EDITORUI["edui121"].Stateful_onMouseOver(event, this);" onmouseout="$EDITORUI["edui121"].Stateful_onMouseOut(event, this);" class="edui-default"><div class="edui-button-wrap edui-default"><div id="edui121_body" title="上传图片" class="edui-button-body edui-default webuploader-container"><div class="webuploader-pick" style=""><div class="edui-box edui-icon edui-default"></div></div><div id="rt_rt_1je7jq7vo5e51pit2701kr3bib1" style="position: absolute; top: 0px; left: 0px; width: 1px; height: 1px; overflow: hidden;"><input type="file" name="file" class="webuploader-element-invisible" multiple="multiple" accept="image/gif,image/jpeg,image/png,image/jpg,image/bmp,image/webp"><label style="opacity: 0; width: 100%; height: 100%; display: block; cursor: pointer; background: rgb(255, 255, 255);"></label></div></div></div></div></div><div id="edui126" class="edui-box edui-button edui-for-cloud edui-default"><div id="edui126_state" onmouseover="$EDITORUI["edui126"].Stateful_onMouseOver(event, this);" onmouseout="$EDITORUI["edui126"].Stateful_onMouseOut(event, this);" class="edui-default"><div class="edui-button-wrap edui-default"><div id="edui126_body" title="云盘" class="edui-button-body edui-default"><div class="edui-box edui-icon edui-default"></div><div class="edui-box edui-label edui-default"></div></div></div></div></div><div id="edui131" class="edui-box edui-button edui-for-notes edui-default"><div id="edui131_state" onmouseover="$EDITORUI["edui131"].Stateful_onMouseOver(event, this);" onmouseout="$EDITORUI["edui131"].Stateful_onMouseOut(event, this);" class="edui-default"><div class="edui-button-wrap edui-default"><div id="edui131_body" title="笔记" class="edui-button-body edui-default"><div class="edui-box edui-icon edui-default"></div><div class="edui-box edui-label edui-default"></div></div></div></div></div><div id="edui136" class="edui-box edui-button edui-for-link edui-default"><div id="edui136_state" onmouseover="$EDITORUI["edui136"].Stateful_onMouseOver(event, this);" onmouseout="$EDITORUI["edui136"].Stateful_onMouseOut(event, this);" class="edui-default"><div class="edui-button-wrap edui-default"><div id="edui136_body" title="超链接" class="edui-button-body edui-default"><div class="edui-box edui-icon edui-default"></div><div class="edui-box edui-label edui-default"></div></div></div></div></div><div id="edui139" class="edui-box edui-button edui-for-draw edui-default"><div id="edui139_state" onmouseover="$EDITORUI["edui139"].Stateful_onMouseOver(event, this);" onmouseout="$EDITORUI["edui139"].Stateful_onMouseOut(event, this);" class="edui-default"><div class="edui-button-wrap edui-default"><div id="edui139_body" title="白板" class="edui-button-body edui-default"><div class="edui-box edui-icon edui-default"></div><div class="edui-box edui-label edui-default"></div></div></div></div></div></div></div></div><div id="edui1_toolbarmsg" class="edui-editor-toolbarmsg edui-default" style="display:none;"><div id="edui1_upload_dialog" class="edui-editor-toolbarmsg-upload edui-default">点击上传</div><div class="edui-editor-toolbarmsg-close edui-default">x</div><div id="edui1_toolbarmsg_label" class="edui-editor-toolbarmsg-label edui-default"></div><div style="height:0;overflow:hidden;clear:both;" class="edui-default"></div></div><div id="edui1_message_holder" class="edui-editor-messageholder edui-default" style="top: 3px; z-index: 2;"></div></div><div class="titleEl"><input type="text" value="魅力的解释" id="noteTitle" placeholder="标题"></div><div id="edui1_iframeholder" class="edui-editor-iframeholder edui-default" style="width: 272px; height: 300px; z-index: 1; overflow: hidden;"><iframe id="ueditor_0" width="100%" height="100%" frameborder="0" src="javascript:void(function(){document.open();document.write("<!DOCTYPE html><html xmlns='http://www.w3.org/1999/xhtml' class='view' ><head><style type='text/css'>.view{padding:0;word-wrap:break-word;cursor:text;}
|
||
body{margin:8px;font-family:sans-serif;font-size:16px;}p{margin:5px 0;}</style><link rel='stylesheet' type='text/css' href='https://noteyd.chaoxing.com/res/plugin/ueditor/themes/iframe.css'/><style>p{line-height:1.9em}</style></head><body class='view ' style='' ></body><script type='text/javascript' id='_initialScript'>setTimeout(function(){editor = window.parent.UE.instants['ueditorInstant0'];editor._setup(document);},0);var _tmpScript = document.getElementById('_initialScript');_tmpScript.parentNode.removeChild(_tmpScript);</script></html>");document.close();}())" src="./学生学习页面_files/saved_resource.html"></iframe></div><div id="edui1_bottombar" class="edui-editor-bottomContainer edui-default"><table class="edui-default"><tbody class="edui-default"><tr class="edui-default"><td id="edui1_elementpath" class="edui-editor-bottombar edui-default" style="display: none;"></td><td id="edui1_wordcount" class="edui-editor-wordcount edui-default" style="display: none;"></td><td id="edui1_scale" class="edui-editor-scale edui-default" style="display: none;"><div class="edui-editor-icon edui-default"></div></td></tr></tbody></table></div><div id="edui1_scalelayer" class="edui-default"></div></div></div></div>
|
||
<div class="dotNote_box">
|
||
<div class="dotNote_dadian "></div>
|
||
<div class="dotNote_con">
|
||
<div class="dotNote_padd">
|
||
<div class="dotNote_text">点击“打点”可以继续插入当前视频播放时间点</div>
|
||
<div class="dotNote_bnt"><a class="dotNote_blue" href="javascript:;">知道了</a></div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="replyTopic">
|
||
<div class="jb_btn jb_btn_60 fr fs14 ">发布</div>
|
||
<div class="replyQuxiao fr">取消</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="posDiscuss" id="posNoteScroll" tabindex="1" style="overflow: hidden; outline: none; touch-action: none;">
|
||
<div class="tableDiscuss">
|
||
</div>
|
||
</div>
|
||
<div class="noTopic" style="display:none">暂无笔记, 新建一个吧～ </div>
|
||
</div>
|
||
|
||
|
||
<div id="content4" class="bookMakBx chapterlabellist" style="display:none">
|
||
|
||
</div>
|
||
|
||
<div id="content5" class="renderingMarkCls" style="display:none">
|
||
<div class="comment-list-box">
|
||
<div class="comment-list-item">
|
||
<ul class="comment-list-ul">
|
||
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div id="ascrail2000" class="nicescroll-rails nicescroll-rails-vr" style="width: 8px; z-index: 99; cursor: default; position: absolute; top: -820px; left: -245px; height: 0px; touch-action: none; display: none;"><div class="nicescroll-cursors" style="position: relative; top: 0px; float: right; width: 8px; height: 0px; background-color: rgb(207, 216, 230); background-clip: padding-box; border-radius: 5px; touch-action: none;"></div></div><div id="ascrail2000-hr" class="nicescroll-rails nicescroll-rails-hr" style="height: 8px; z-index: 99; top: -828px; left: -237px; position: absolute; cursor: default; display: none;"><div class="nicescroll-cursors" style="position: absolute; top: 0px; height: 8px; width: 0px; background-color: rgb(207, 216, 230); background-clip: padding-box; border-radius: 5px;"></div></div><div id="ascrail2001" class="nicescroll-rails nicescroll-rails-vr" style="width: 8px; z-index: 99; cursor: default; position: absolute; top: 0px; left: 292px; height: 753px; touch-action: none; opacity: 0; display: block;"><div class="nicescroll-cursors" style="position: relative; top: 0px; float: right; width: 8px; height: 335px; background-color: rgb(207, 216, 230); background-clip: padding-box; border-radius: 5px; touch-action: none;"></div></div><div id="ascrail2001-hr" class="nicescroll-rails nicescroll-rails-hr" style="height: 8px; z-index: 99; top: 745px; left: 0px; position: absolute; cursor: default; display: none; width: 292px; opacity: 0;"><div class="nicescroll-cursors" style="position: absolute; top: 0px; height: 8px; width: 300px; background-color: rgb(207, 216, 230); background-clip: padding-box; border-radius: 5px; left: 0px;"></div></div></div>
|
||
</div>
|
||
<div id="successTip" class="zad71">
|
||
已保存 </div>
|
||
<div id="errorTip" class="zad71">
|
||
</div>
|
||
<div class="DownloadaDiv" id="DownloadaDiv">
|
||
|
||
</div>
|
||
<a href="https://mooc1.chaoxing.com/mycourse/studentstudy?chapterId=1050486683&courseId=256005119&clazzid=129437459&cpi=506173436&enc=8f99e04566e9010cd69dc8e310ab4b50&mooc2=1&hidetype=0&openc=6993a54b3c85103e7f92ada2f95346da#" id="jobhint" class="jobhint" style="display:none;">
|
||
<span style="display:block;width:45px;height:45px;text-align:center;font-size:20px;line-height:45px;color:#fff;">0</span>
|
||
</a>
|
||
</div>
|
||
|
||
<div style="height: 100%;display:none;" id="messagedialogepar" class="bgmask">
|
||
</div>
|
||
<div style="margin-top: -255.5px;" class="mypop" id="messagedialoge"></div>
|
||
<div class="AlertCon02" id="validate" style="width:368px;height:139px;display:none;" align="center">
|
||
<table class="zc_table">
|
||
<tbody><tr>
|
||
<td colspan="3">
|
||
<span class="sp_h2">请输入验证码：</span>
|
||
</td>
|
||
</tr>
|
||
<tr>
|
||
<td colspan="2">
|
||
<input class="zc_input32" name="code" id="code" type="text" onkeydown="keydownSubmit(event)" onfocus="hiddenError('mod_error')">
|
||
</td>
|
||
<td class="zc_vercode_ac">
|
||
<span class="zc_verify">
|
||
<img src="./学生学习页面_files/code" width="124" height="28" id="imgVerCode"></span>
|
||
<a href="javascript:void(0);" style="color:#02bffd">看不清</a>
|
||
</td>
|
||
</tr>
|
||
<tr>
|
||
<td colspan="2" style="text-align: left;">
|
||
<span class="zc_btn">
|
||
<a href="javascript:void(0);" id="sub">确定</a>
|
||
</span>
|
||
</td>
|
||
<td></td>
|
||
</tr>
|
||
</tbody></table>
|
||
</div>
|
||
<div class="bigImgDiv">
|
||
<div class="bigImgMask"></div>
|
||
<div class="bigImgClose"></div>
|
||
</div>
|
||
<!-- 人脸采集 -->
|
||
|
||
<!-- 章节验证码 -->
|
||
<div style="width:385px;height:auto;display:none;" class="AlertCon02" id="chapterVerificationCode">
|
||
<h3 class="clearfix"><a class="closed02 fr" href="javascript:void(0)"></a></h3>
|
||
<div class="con03">
|
||
<p style="margin-right: 78px;font-size: 15px;">为保障您的账号安全，请输入验证码</p>
|
||
<div class="marTop20"></div>
|
||
<div class="DySearch" style="width:303px;padding-left:16px;" id="randomIdentifyCodeInp">
|
||
<div class="DySeleft fl" style="border:none;">
|
||
<input type="text" class="Inp fl" id="identifyCodeRandom" name="identifyCodeRandom" style="width:138px;border:1px solid #ccc;border-radius:4px;" placeholder="请输入验证码" vlaue="" autofocus="autofocus">
|
||
<img src="./学生学习页面_files/studychapter" class="fl" width="93" height="28" name="chapterNumVerCode" style="display: block; position: absolute; left: 210px;" onclick="chapterVerifyCode()">
|
||
<a href="javascript:" style="float:right; font-size: 9pt; color: #7b9e31; text-decoration: underline;line-height:30px;">看不清</a>
|
||
</div>
|
||
</div>
|
||
<div class="marTop30" id="startTestDiv">
|
||
<a class="bluebtn" href="javascript:void(0)">继续学习</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 章节验证码--提示框 -->
|
||
<div style="width:385px; height:144px;display:none;" class="AlertCon02" id="chapterVerificationCodeTip">
|
||
<h3 class="clearfix"><a class="closed02 fr" href="javascript:void(0)"></a></h3>
|
||
<div class="con03">
|
||
<p id="tipIdentifyCode">验证码不正确，请重新输入</p>
|
||
<div class="marTop30">
|
||
<a class="bluebtn" href="javascript:void(0)">确定</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="maskDiv popDeleShowHide maskFadeOut" style="display: none" id="saveTips">
|
||
<div class="popDiv wid440 popMove">
|
||
<div class="popHead">
|
||
<a href="javascript:" class="popClose fr popMoveDele"><img src="./学生学习页面_files/qr-fc-popClose.png"></a>
|
||
<p class="fl fs18 colorDeep">提示</p>
|
||
</div>
|
||
<div class="het62"></div>
|
||
<p class="popWord2 fs16 colorIn" id="noteSaveTips">您还有章节笔记未保存，是否保存？</p>
|
||
<div class="popBottom">
|
||
<a href="javascript:" class="jb_btn jb_btn_92 fr fs14" id="batchdelete">保存</a>
|
||
<a href="javascript:" class="btnBlue btn_92_cancel fr fs14 popMoveDele">不保存</a>
|
||
</div>
|
||
<div class="het72"></div>
|
||
</div>
|
||
</div>
|
||
<div id="cozeAskId"></div>
|
||
<!-- 上一章下一章记录用的便于人脸识别后返回数据 -->
|
||
<input type="hidden" name="jumpCount" id="jumpCount" value="0">
|
||
<input type="hidden" name="jumpType" id="jumpType" value="0">
|
||
<input type="hidden" name="curcount" id="curcount" value="0">
|
||
<input type="hidden" name="currentTime" id="currentTime" value="1767634705073">
|
||
<input type="hidden" name="uploadEnc" id="uploadEnc" value="4aabdd786dacd481f3b9ceda2c764a71">
|
||
<input type="hidden" name="uploadUid" id="uploadUid" value="421011097">
|
||
|
||
<script type="text/javascript" src="./学生学习页面_files/tabs.js.下载"></script>
|
||
<script type="text/javascript" src="./学生学习页面_files/recognize.js.下载"></script>
|
||
<script type="text/javascript" src="./学生学习页面_files/inputDefault.js.下载"></script>
|
||
<script type="text/javascript" src="./学生学习页面_files/player.js.下载"></script>
|
||
<script type="text/javascript" src="./学生学习页面_files/util.js.下载"></script>
|
||
<script src="./学生学习页面_files/chapterDiscussUploadCourseImg.js.下载"></script>
|
||
<script src="./学生学习页面_files/swfupload.js.下载"></script>
|
||
<script type="text/javascript" src="./学生学习页面_files/swfupload.queue.js.下载"></script>
|
||
<link href="./学生学习页面_files/popwin.css" rel="stylesheet" type="text/css">
|
||
<link href="./学生学习页面_files/chapterNote.css" rel="stylesheet" type="text/css">
|
||
<script type="text/javascript" src="./学生学习页面_files/poplayout.js.下载"></script>
|
||
<script type="text/javascript">
|
||
// 点击了写笔记的iframe
|
||
var videoNoteFrame = null;
|
||
var videoNoteScrollTop = 0;
|
||
var currentTime = $("#currentTime").val();
|
||
var uploadEnc = $("#uploadEnc").val();
|
||
var uploadUid = $("#uploadUid").val();
|
||
// 提供给笔记的截屏方法
|
||
var insertEditorScreenShot = function() {
|
||
if (typeof MultiEditor == "undefined") {
|
||
return;
|
||
}
|
||
if (!videoNoteFrame) {
|
||
return;
|
||
}
|
||
videoNoteScrollTop = $("html,body").scrollTop();
|
||
var player = videoNoteFrame.contentWindow.videojs("video");
|
||
if ($(videoNoteFrame).contents().find(".vjs-big-play-button").css("display") != "none") {
|
||
var screenShot = player.poster_;
|
||
if (screenShot == "") {
|
||
return;
|
||
}
|
||
MultiEditor.insertHTML('editor1','<div class="drag-image-wrap" contenteditable="false"><div class="editor-image" contenteditable="false" draggable="true"><img src="' + screenShot + '"></div></div><p><br></p>');
|
||
setTimeout(function(){
|
||
$("html,body").scrollTop(videoNoteScrollTop);
|
||
}, 300);
|
||
return;
|
||
}
|
||
var video = $(videoNoteFrame).contents().find("#video_html5_api")[0] // 获取video节点
|
||
var canvas = document.createElement("canvas") // 创建canvas节点
|
||
var w = window.innerWidth
|
||
var h = (window.innerWidth / 16) * 9
|
||
canvas.width = w
|
||
canvas.height = h // 设置宽高
|
||
const ctx = canvas.getContext("2d")
|
||
ctx.drawImage(video, 0, 0, w, h) // video写入到canvas
|
||
var imgUrl = canvas.toDataURL("image/png")
|
||
imgUrl = imgUrl.replace("data:image/png;base64,", "");
|
||
// 上传云盘
|
||
$.ajax({
|
||
type: "post",
|
||
url : ServerHost.uploadDomain + "/edit/uploadBase64Img",
|
||
dataType:'json',
|
||
xhrFields: {withCredentials: true},
|
||
data : {
|
||
Filedata: imgUrl,
|
||
t: currentTime,
|
||
uid: uploadUid,
|
||
enc2: uploadEnc
|
||
} ,
|
||
success: function(data){
|
||
var objectId = "";
|
||
if(data.status) {
|
||
objectId = data.objectId;
|
||
if (objectId != "") {
|
||
var objId = objectId.substring(objectId.lastIndexOf('/') + 1);
|
||
if (objId.indexOf('.') > -1) {
|
||
objId = objId.substring(0, objId.indexOf('.'))
|
||
}
|
||
MultiEditor.insertHTML('editor1','<div class="drag-image-wrap" contenteditable="false"><div class="editor-image active" contenteditable="false" draggable="true"><img src="' + objectId + '" objectid="' + objId + '" ></div></div><p><br></p>');
|
||
}
|
||
setTimeout(function(){
|
||
$("html,body").scrollTop(videoNoteScrollTop);
|
||
try {
|
||
var scrollHeight = $("#editor1 iframe").contents().find(".editor-image.active").height() + 28;
|
||
var scrollTop = $(".formNote_padding").scrollTop();
|
||
$(".formNote_padding").scrollTop(scrollTop + scrollHeight);
|
||
$("#editor1 iframe").contents().find(".editor-image").removeClass("active");
|
||
} catch (e) {
|
||
}
|
||
}, 300);
|
||
}
|
||
}
|
||
})
|
||
}
|
||
var toolbars = [
|
||
'screenshot', //截屏，需提供插入截屏图片的方法insertEditorScreenShot
|
||
'Undo', //撤销
|
||
'Redo',//重做
|
||
'formatmatch', //格式刷
|
||
'removeformat', //清楚格式
|
||
'|',//
|
||
'paragraph',//段落与标题
|
||
'|', //
|
||
'fontfamily',//字体
|
||
'|',
|
||
'fontsize',//字号
|
||
'bold',//加粗
|
||
'italic',//斜体
|
||
'underline',//下划线
|
||
'strikethrough',//删除线
|
||
'|',
|
||
'forecolor',//字体颜色
|
||
'backcolor',//字体背景色
|
||
'|',
|
||
'insertunorderedlist',//无序列表
|
||
'insertorderedlist',//有序列表
|
||
'checkbox',//勾选框
|
||
'justify',//字体对齐
|
||
'indent',//缩进
|
||
'lineheight',//行间距
|
||
'autotypeset',//自动排版
|
||
'|',
|
||
'blockquote',//引用
|
||
'callout',//高亮块
|
||
'horizontal',//分割线
|
||
'insertcode',//代码块
|
||
'edittable',//表格边框
|
||
'settablebackground',//表格背景色
|
||
'insertrow',//向上插入行
|
||
'insertrownext',//向下插入行
|
||
'deleterow',//删除行
|
||
'insertcol',//向左插入列
|
||
'insertcolnext',//向右插入列
|
||
'deletecol',//删除列
|
||
'mergecells',//合并单元格
|
||
'splittocells',//拆分单元格
|
||
'inserttable',//插入表格
|
||
'onlinetable',//电子表格
|
||
'mindmap',//思维导图
|
||
'spechars',//特殊符号
|
||
'mathml',//公式
|
||
'attachment',//附件
|
||
'insertimage',//图片
|
||
'cloud',//云盘
|
||
'notes',//笔记
|
||
'link',//链接
|
||
'draw'
|
||
];
|
||
|
||
// 初始化笔记编辑器
|
||
typeof MultiEditor != "undefined" && MultiEditor.initEditor({
|
||
'editorid': 'editor1',
|
||
content: '',
|
||
'toolbars': toolbars,
|
||
'editorheight': 300
|
||
},function () { //编辑器加载完成后调用
|
||
var placeholder = "标题";
|
||
var noteTitle = $(".posCatalog_select.posCatalog_active").children("span").attr("title");
|
||
var titleEl = '<div class="titleEl"><input type="text" value="' + noteTitle + '" id="noteTitle" placeholder="' + placeholder + '"/></div>';
|
||
$(".formTopic .edui-editor-toolbarbox").after(titleEl);
|
||
$(".formTopic .titleEl").on("focus", "input", function(){
|
||
$(this).parent().addClass('focus');
|
||
}).on("blur","input",function(){
|
||
$(this).parent().removeClass('focus');
|
||
});
|
||
},function (msg) { //内容变化回调
|
||
// console.log(msg)
|
||
});
|
||
var pid = getCookie('pid');//得到联盟id即pid
|
||
//如果是安徽联盟，则隐藏联系客服
|
||
if(pid != undefined && pid == 348){
|
||
$("#isAhlm").hide();
|
||
}
|
||
//如果是无锡职业技术学院-控制技术学院，则隐藏联系客服
|
||
var fid = getCookie('fid');
|
||
if(fid != undefined && fid == 159){
|
||
$("#isAhlm").hide();
|
||
}
|
||
// 目录搜索标记 0:非搜索, 1:搜索
|
||
var onSearchChapterFlag = 0;
|
||
var getMouseX = function(event) {
|
||
event = event || window.event;
|
||
return event.pageX || (event.clientX + (document.documentElement.scrollLeft || document.body.scrollLeft));
|
||
};
|
||
var en = getCookie('browserLocale');
|
||
if (en && en == 'en_US') {
|
||
$(".formNote_text .kc_notes_area").addClass("en");
|
||
}
|
||
$(function () {
|
||
var oMain = $('.prev_box').first();
|
||
var oSelector = $('.posChapter');
|
||
var oWestSpliter = $('.posChapter_right .drag_shizi').first();
|
||
var oEastSpliter = $('.posChapter_left .drag_shizi').first();
|
||
var iMinWidth = 300;
|
||
var sMask = '<div class="mask"></div>';
|
||
|
||
oWestSpliter.on('mousedown', function(event) {
|
||
event = event || window.event;
|
||
var iX = getMouseX(event);
|
||
var iWidth = oSelector.innerWidth();
|
||
oWestSpliter[0].setCapture && oWestSpliter[0].setCapture();
|
||
oMain.append(sMask);
|
||
$(document).bind('mousemove', function(ev) {
|
||
ev = ev || window.event;
|
||
var iDX = getMouseX(ev) - iX;
|
||
var iToWidth = iWidth - iDX;
|
||
if (iToWidth < iMinWidth){
|
||
return;
|
||
}
|
||
//setCookie('selectwidth', iToWidth, 24 * 7, '/mycourse/teacherstudy');
|
||
setCookie('selectwidth', iToWidth, 24 * 7, _HOST_CP2_ + '/mycourse/teacherstudy');
|
||
oSelector.css('width', iToWidth + 'px');
|
||
var boxW = iToWidth - 28;
|
||
$(".edui-editor-toolbarbox").css("cssText", "width:" + boxW + "px!important");
|
||
var marginT = $(".edui-editor-toolbarbox").height();
|
||
$(".titleEl").css("cssText", "margin-top:" + marginT + "px!important");
|
||
});
|
||
|
||
$(document).bind('mouseup', function() {
|
||
oWestSpliter[0].releaseCapture && oWestSpliter[0].releaseCapture();
|
||
var oMask = $('.mask').first();
|
||
oMask && oMask.remove();
|
||
$(document).unbind('mousemove');
|
||
$(document).unbind('mouseup');
|
||
});
|
||
});
|
||
|
||
oEastSpliter.on('mousedown', function(event) {
|
||
event = event || window.event;
|
||
var iX = getMouseX(event);
|
||
var iWidth = oSelector.innerWidth();
|
||
oEastSpliter[0].setCapture && oEastSpliter[0].setCapture();
|
||
oMain.append(sMask);
|
||
$(document).bind('mousemove', function(ev) {
|
||
ev = ev || window.event;
|
||
var iDX = getMouseX(ev) - iX;
|
||
var iToWidth = iWidth + iDX;
|
||
if (iToWidth < iMinWidth) {
|
||
return;
|
||
}
|
||
//setCookie('selectwidth', iToWidth, 24 * 7, '/mycourse/teacherstudy');
|
||
setCookie('selectwidth', iToWidth, 24 * 7, _HOST_CP2_ + '/mycourse/teacherstudy');
|
||
oSelector.css('width', iToWidth + 'px');
|
||
var boxW = iToWidth - 28;
|
||
$(".edui-editor-toolbarbox").css("cssText", "width:" + boxW + "px!important");
|
||
var marginT = $(".edui-editor-toolbarbox").height();
|
||
$(".titleEl").css("cssText", "margin-top:" + marginT + "px!important");
|
||
});
|
||
|
||
$(document).bind('mouseup', function() {
|
||
oEastSpliter[0].releaseCapture && oEastSpliter[0].releaseCapture();
|
||
var oMask = $('.mask').first();
|
||
oMask && oMask.remove();
|
||
$(document).unbind('mousemove');
|
||
$(document).unbind('mouseup');
|
||
});
|
||
});
|
||
});
|
||
$(document).ready(function(){
|
||
function setwidth(){
|
||
if(screen.width <= 1024){$('.switchbtn').click();}
|
||
|
||
var selectwidth = getCookie('selectwidth');
|
||
|
||
if (selectwidth) {
|
||
jQuery('#selector').css('width', 300 + 'px');
|
||
}
|
||
}
|
||
setwidth();
|
||
//目录整体隐藏显示
|
||
function switchbtn(posLeft,posRight,boxLeft,boxRight){
|
||
$('.switchbtn').click(function(){
|
||
var zjWidth = $('.posChapter').width()+8;
|
||
if($(this).hasClass('switchbtn_cur')){
|
||
$(posLeft).animate({left:0})
|
||
$(posLeft).find('.switchbtn').animate({right:0})
|
||
$(posRight).animate({right:0})
|
||
$(posRight).find('.switchbtn').animate({right:0})
|
||
$(boxLeft).animate({padding:'0 0 0 ' + zjWidth + 'px'})
|
||
$(boxRight).animate({padding:'0 ' + zjWidth + 'px 0 0'})
|
||
$(this).removeClass('switchbtn_cur')
|
||
} else{
|
||
$(posLeft).animate({left:'-'+zjWidth})
|
||
$(posLeft).find('.switchbtn').animate({right:'-40px'})
|
||
$(posRight).animate({right:'-'+zjWidth})
|
||
$(posRight).find('.switchbtn').animate({right:zjWidth})
|
||
$(boxLeft).animate({padding:'0px'})
|
||
$(boxRight).animate({padding:'0px'})
|
||
$(this).addClass('switchbtn_cur')
|
||
}
|
||
})
|
||
}
|
||
switchbtn('.posChapter_left','.posChapter_right','.fanyaPreview_left','.fanyaPreview_right')
|
||
|
||
$('.kc_notes_upDown').on('click',function(){
|
||
var _this = $(this).parent().next().next();
|
||
if(_this.is(':visible')){
|
||
_this.slideUp(200)
|
||
$(this).text('展开')
|
||
}else{
|
||
_this.slideDown(200)
|
||
$(this).text('收起')
|
||
}
|
||
})
|
||
var notesBox = $('.kc_notes').parent().innerHeight()
|
||
$('.kc_notes').css('height',notesBox)
|
||
$('.maskLayer').css('height',$(document).innerHeight())
|
||
$('.pop_notes').css('top',($(window).innerHeight()-$('.pop_notes').innerHeight())/2)
|
||
|
||
// 搜索框添加 X
|
||
$('#content1').on('input', '.dataSearch_input_chapter', function () {
|
||
var searchValue = $(this).val().trim();
|
||
if (searchValue == "undefined" || searchValue === "") {
|
||
$(this).parent().find(".dataSearch_dele_chapter").hide()
|
||
} else {
|
||
$(this).parent().find(".dataSearch_dele_chapter").show()
|
||
}
|
||
})
|
||
|
||
$('#content1').on('click', '.dataSearch_dele_chapter', function () {
|
||
$('#searchChapterListByName').val("")
|
||
$(this).hide()
|
||
onSearchChapterFlag = 1;
|
||
onReadComplete1();
|
||
})
|
||
|
||
//回车事件绑定
|
||
$('#content1').bind('keyup', '#searchChapterListByName', function (event) {
|
||
if (event.keyCode == "13") {
|
||
onSearchChapterFlag = 1;
|
||
//回车执行查询
|
||
onReadComplete1();
|
||
}
|
||
});
|
||
|
||
//目录展开收起
|
||
$('#content1').on('click', '.posCatalog_title', function () {
|
||
var _this = $(this).parent().next()
|
||
if (_this.is(':visible')) {
|
||
_this.slideUp(300)
|
||
$(this).removeClass('posCatalog_rotate')
|
||
} else {
|
||
_this.slideDown(300)
|
||
$(this).addClass('posCatalog_rotate')
|
||
}
|
||
posCatalogScroll()
|
||
})
|
||
$('#content1').on('click', '.posCatalog_name', function () {
|
||
$('.posCatalog_name').parent().removeClass('posCatalog_active')
|
||
$(this).parent().addClass('posCatalog_active')
|
||
})
|
||
|
||
});
|
||
|
||
var searchChapterListByName = function() {
|
||
onSearchChapterFlag = 1;
|
||
onReadComplete1();
|
||
}
|
||
|
||
var onReadComplete =function(){
|
||
setTimeout('onReadComplete1();',6000);
|
||
}
|
||
|
||
function linkMicroNode(newTopicId) {
|
||
top.window.location.href = ServerHost.mooc2Domain + "/mooc2-ans/coursetopic/getintomicrocoursedata?courseid=256005119&clazzid=129437459&cpi=506173436&topicModelId=0&redirect=true&ut=sµTopicId=" + newTopicId;
|
||
}
|
||
|
||
function replaceTopicName() {
|
||
var searchChapterListByName = document.getElementById("searchChapterListByName").value.trim();
|
||
var searchList = $(".searchTopic");
|
||
if(typeof searchList == "undefined" || searchList.length == 0) {
|
||
return;
|
||
}
|
||
|
||
for(var i =0;i< searchList.length; i ++){
|
||
var search = searchList.get(i);
|
||
var value = $(search).text();
|
||
value = value.replace(searchChapterListByName, '<span class="dataSearch_chapter_searchName">' + searchChapterListByName + '</span>');
|
||
$(search).html(value);
|
||
}
|
||
}
|
||
|
||
function initMicroNodeList() {
|
||
try {
|
||
var active = $(".posCatalog_active");
|
||
if(typeof active == "undefined" || active.length == 0) {
|
||
return;
|
||
}
|
||
|
||
var parent = active.parents(".posCatalog_level_first");
|
||
if(typeof parent == "undefined" || parent.length == 0) {
|
||
return;
|
||
}
|
||
|
||
parent.prev().find(".posCatalog_name").addClass("posCatalog_rotate");
|
||
parent.show();
|
||
|
||
$('#content1').animate({
|
||
scrollTop: active.offset().top - 300
|
||
}, 10);
|
||
|
||
var catalogList = parent.find(".posCatalog_name");
|
||
if(typeof catalogList == "undefined" || catalogList.length == 0) {
|
||
return;
|
||
}
|
||
|
||
catalogList.each(function () {
|
||
if($(this).parent().next().is("ul")) {
|
||
$(this).removeClass("posCatalog_rotate");
|
||
$(this).parent().next().hide();
|
||
}
|
||
})
|
||
|
||
var target = active;
|
||
var count = 0;
|
||
while(target.length > 0) {
|
||
count ++;
|
||
if(count > 20) {
|
||
return;
|
||
}
|
||
|
||
var select = target.parents("ul").prev();
|
||
if(select.hasClass("posCatalog_select") && select.next().is("ul")) {
|
||
select.find(".posCatalog_name").addClass("posCatalog_rotate");
|
||
select.next().show();
|
||
target = target.parent(".posCatalog_select");
|
||
}
|
||
}
|
||
} catch (e) {
|
||
console.log(e);
|
||
}
|
||
}
|
||
|
||
var onReadComplete1 =function(){
|
||
if (onSearchChapterFlag == 1) {
|
||
// 走搜索流程
|
||
} else {
|
||
if(!document.getElementById("chapterIdid") || !(0==0 && 1!=1)){
|
||
return;
|
||
}
|
||
}
|
||
var chapterId = document.getElementById("chapterIdid").value;
|
||
var searchChapterListByName = document.getElementById("searchChapterListByName").value.trim();
|
||
var closeLists = jQuery(".knowledgeCloseBtnImg");
|
||
var idLists = "";
|
||
for (var i = 0, len = closeLists.size(); i < len; i++) {
|
||
var id = closeLists.eq(i).parent().attr("id");
|
||
idLists += id + ",";
|
||
}
|
||
idLists = idLists.substring(0, idLists.length - 1);
|
||
|
||
jQuery.ajax({ //一个Ajax过程
|
||
type: "get", //以get方式与后台沟通
|
||
url : _HOST_CP2_ + "/mycourse/studentstudycourselist",
|
||
dataType:'html',//返回的值
|
||
data: {courseId:'256005119',chapterId:chapterId,clazzid:'129437459',cpi:'506173436',mooc2:1, searchChapterListByName: searchChapterListByName},
|
||
success: function(data){//如果调用成功
|
||
document.getElementById("coursetree").innerHTML = data;
|
||
var countListSearchChapter = document.getElementById("countListSearchChapter").value;
|
||
if (countListSearchChapter == 0) {
|
||
document.getElementById("coursetree").innerHTML = '<div class="NoResult">暂无搜索结果</div>';
|
||
}
|
||
jQuery("#coursetree .posCatalog_select").removeClass("posCatalog_active");
|
||
jQuery("#cur" + chapterId).addClass("posCatalog_active");
|
||
var bulletFormat = "";
|
||
if( bulletFormat != "null" && bulletFormat == "Dot"){
|
||
$(".posCatalog_sbar").hide();
|
||
}
|
||
posCatalogScroll()
|
||
posChapter();
|
||
onSearchChapterFlag = 0;
|
||
hideChangeBtn();
|
||
}
|
||
});
|
||
}
|
||
function addZero(num) {
|
||
if (num < 10) {
|
||
return '0' + num;
|
||
}
|
||
|
||
return num;
|
||
}
|
||
function dateFormate(second){
|
||
if(second<=0){
|
||
return "00:00:00";
|
||
}else{
|
||
var date = new Date(second * 1000);
|
||
var h = date.getHours() - 8;
|
||
var m = date.getMinutes() ;
|
||
var s = date.getSeconds();
|
||
var ts = addZero(h) + ':' + addZero(m) + ':' + addZero(s);
|
||
return ts;
|
||
}
|
||
|
||
}
|
||
|
||
function conversion(times){
|
||
// 时间格式 当年显示为MM-dd hh:mm 往年显示为YYYY-MM-dd hh:mm
|
||
var date = new Date(times);
|
||
var curDate = new Date();
|
||
var curYear = curDate.getFullYear();
|
||
Y = date.getFullYear() + '-';
|
||
M = (date.getMonth()+1 < 10 ? '0'+(date.getMonth()+1) : date.getMonth()+1) + '-';
|
||
D = (date.getDate() < 10 ? '0'+(date.getDate()) : date.getDate())+' ';
|
||
h = (date.getHours() < 10 ? '0' + (date.getHours()) : date.getHours()) + ':';
|
||
m = (date.getMinutes() < 10 ? '0' + (date.getMinutes()) : date.getMinutes());
|
||
if (date.getFullYear() == curYear) {
|
||
return M + D + h + m;
|
||
}
|
||
return Y + M + D + h + m;
|
||
// 输出结果：04-23 18:55 或 2022-04-23 18:55
|
||
}
|
||
function conversionVideoTime(videoTime){
|
||
var minuteTime = parseInt(videoTime / 60);
|
||
if (minuteTime < 10) {
|
||
minuteTime = "0" + minuteTime.toString();
|
||
}
|
||
var secondTime = parseInt(videoTime % 60);
|
||
if (secondTime < 10) {
|
||
secondTime = "0" + secondTime.toString();
|
||
}
|
||
return minuteTime + ":" + secondTime;
|
||
}
|
||
|
||
function checkUnsave(){
|
||
var writenotecontent = "";
|
||
try {
|
||
writenotecontent = typeof MultiEditor != "undefined" && MultiEditor.getRichText('editor1').rtf_content;
|
||
}catch (e){}
|
||
|
||
if(writenotecontent != '' && writenotecontent != ""){
|
||
var tips = "您还有章节笔记未保存，是否保存？";
|
||
$("#noteSaveTips").text(tips);
|
||
var popDeleShowHide = $('.popDeleShowHide');
|
||
|
||
popDeleShowHide.fullFadeIn();
|
||
popDeleShowHide.addClass('maskFadeOut');
|
||
$('body').addClass('popOverflow');
|
||
return true;
|
||
}
|
||
return false;
|
||
}
|
||
function playVideo(obj){
|
||
var pObjId = $(obj).attr("objId");
|
||
var pJobId = $(obj).attr("jobId");
|
||
var pTime = $(obj).attr("time");
|
||
var videoIframes = $("#iframe").contents().find("iframe");
|
||
for (var i = 0; i < videoIframes.size(); i++) {
|
||
var vIframe = videoIframes[i];
|
||
var vObjId = $(vIframe).attr("objectid");
|
||
var vJobId = $(vIframe).attr("jobid");
|
||
if (!vJobId) {
|
||
var vData = JSON.parse($(vIframe).attr("data"));
|
||
vJobId = vData["_jobid"];
|
||
}
|
||
if (pJobId == vJobId && pObjId == vObjId) {
|
||
$(vIframe)[0].contentWindow.playerTime && $(vIframe)[0].contentWindow.playerTime(parseInt(pTime));
|
||
}
|
||
}
|
||
}
|
||
function guid2() {
|
||
function S4() {
|
||
return (((1 + Math.random()) * 0x10000) | 0).toString(16).substring(1);
|
||
}
|
||
return (S4() + S4() + "-" + S4() + "-" + S4() + "-" + S4() + "-" + S4() + S4() + S4());
|
||
}
|
||
$(".dotNote_blue").click(function (){
|
||
$(".dotNote_con").hide();
|
||
localStorage.setItem("videoNotePoint", "true");
|
||
})
|
||
function videoNotePointTips() {
|
||
var tips = "您正在学习其他视频，是否先保存当前笔记?";
|
||
$("#noteSaveTips").text(tips);
|
||
var popDeleShowHide = $('.popDeleShowHide');
|
||
|
||
popDeleShowHide.fullFadeIn();
|
||
popDeleShowHide.addClass('maskFadeOut');
|
||
$('body').addClass('popOverflow');
|
||
}
|
||
$(".dotNote_dadian").click(function() {
|
||
if ($("#iframe").contents().find(videoNoteFrame).length > 0) {
|
||
// 有播放过视频
|
||
if (typeof videoPlayingFrame != "undefined") {
|
||
// 同一个卡片点击打点按钮
|
||
if (videoNoteFrame == videoPlayingFrame) {
|
||
// 当前播放视频和写笔记视频为同一个
|
||
var time = parseInt(videoNoteFrame.contentWindow.videojs("video").currentTime());
|
||
var mid = $(videoNoteFrame).attr("mid");
|
||
writeVideoNote(time, mid, videoNoteFrame);
|
||
} else {
|
||
// 当前播放视频和写笔记视频不是同一个，提示保存
|
||
videoNotePointTips();
|
||
}
|
||
} else {
|
||
// 没有播放过视频
|
||
var time = parseInt(videoNoteFrame.contentWindow.videojs("video").currentTime());
|
||
var mid = $(videoNoteFrame).attr("mid");
|
||
writeVideoNote(time, mid, videoNoteFrame);
|
||
}
|
||
} else {
|
||
// 不同卡片点击打点按钮要提示是否保存笔记
|
||
videoNotePointTips();
|
||
}
|
||
})
|
||
var scrollTopOffset = 0;
|
||
function writeVideoNote(time, mid, frameEle) {
|
||
if (typeof MultiEditor == "undefined") {
|
||
return;
|
||
}
|
||
if ($('.switchbtn').hasClass('switchbtn_cur')) {
|
||
$('.posChapter_left').animate({left:0})
|
||
$('.posChapter_left').find('.switchbtn').animate({right:0})
|
||
$('.posChapter_right').animate({right:0})
|
||
$('.posChapter_right').find('.switchbtn').animate({right:0})
|
||
$('.switchbtn').removeClass('switchbtn_cur');
|
||
}
|
||
if (mid != $(videoNoteFrame).attr("mid") && checkUnsave()) {
|
||
return;
|
||
}
|
||
var noteName = $(".posCatalog_select.posCatalog_active").children("span").attr("title");
|
||
$("#noteTitle").val(noteName);
|
||
if (videoNoteFrame == null) {
|
||
scrollTopOffset = 160;
|
||
} else {
|
||
scrollTopOffset = 80;
|
||
}
|
||
videoNoteFrame = frameEle;
|
||
videoNoteScrollTop = $("html,body").scrollTop();
|
||
$("#editor1 .edui-for-screenshot").show();
|
||
$(".dotNote_box").show();
|
||
if (!localStorage.getItem("videoNotePoint")) {
|
||
$(".dotNote_con").show();
|
||
} else {
|
||
$(".dotNote_con").hide();
|
||
}
|
||
var courseId = "256005119";
|
||
var clazzId = "129437459";
|
||
var cpi = "506173436";
|
||
var logo = 'https://p.ananas.chaoxing.com/star3/270_169c/56177f51498e9c25ac53a9c6.jpg';
|
||
var knowledgeId = $("#chapterIdid").val();
|
||
var cardId = $("#prev_tab .prev_ul li.active").attr("cardid");
|
||
var videoName = $("#noteVideoName").val();
|
||
var subName = "来自课程" + "大学生魅力讲话实操 魅力的解释";
|
||
var cid = $("#videoNoteCid").val();
|
||
if (cid == "") {
|
||
cid = guid2();
|
||
}
|
||
var transferLink = _HOST_CP1_ + "/knowledge/chaptertransfer?courseid=" + courseId + "&knowledgeid=" + knowledgeId + "&clazzid="+ clazzId + "&cardid=" + cardId + "&cpi=" + cpi;
|
||
MultiEditor.insertCourseVideoMark('editor1', {
|
||
id: cid,
|
||
time: time
|
||
},{
|
||
cid:cid,
|
||
"attachmentType": 54,
|
||
"att_course_video": {
|
||
"knowledgeId": knowledgeId,
|
||
"courseId": courseId,
|
||
"clazzId": clazzId,
|
||
"cardId": cardId,
|
||
"cpi": cpi,
|
||
"mid": mid,
|
||
"title": videoName, // 卡片标题
|
||
"subTitle": subName, // 卡片副标题
|
||
"logo": logo, // 图标
|
||
"mid": mid,
|
||
"transferLink": transferLink
|
||
}
|
||
})
|
||
$("#videoNoteCid").val(cid);
|
||
setTimeout(function(){
|
||
$("html,body").scrollTop(videoNoteScrollTop);
|
||
try {
|
||
var scrollTop = $(".formNote_padding").scrollTop();
|
||
$(".formNote_padding").scrollTop(scrollTop + scrollTopOffset);
|
||
} catch (e) {
|
||
}
|
||
}, 300);
|
||
}
|
||
function isArray(value) {
|
||
return Object.prototype.toString.call(value) === '[object Array]';
|
||
}
|
||
|
||
function writeVideoNoteBatch(timeArray, mid, frameEle) {
|
||
if (typeof MultiEditor == "undefined") {
|
||
return;
|
||
}
|
||
if (typeof timeArray == "undefined" || !isArray(timeArray)) {
|
||
return;
|
||
}
|
||
if ($('.switchbtn').hasClass('switchbtn_cur')) {
|
||
$('.posChapter_left').animate({left:0})
|
||
$('.posChapter_left').find('.switchbtn').animate({right:0})
|
||
$('.posChapter_right').animate({right:0})
|
||
$('.posChapter_right').find('.switchbtn').animate({right:0})
|
||
$('.switchbtn').removeClass('switchbtn_cur');
|
||
}
|
||
if (mid != $(videoNoteFrame).attr("mid") && checkUnsave()) {
|
||
return;
|
||
}
|
||
var noteName = $(".posCatalog_select.posCatalog_active").children("span").attr("title");
|
||
$("#noteTitle").val(noteName);
|
||
if (videoNoteFrame == null) {
|
||
scrollTopOffset = 160;
|
||
} else {
|
||
scrollTopOffset = 80;
|
||
}
|
||
videoNoteFrame = frameEle;
|
||
videoNoteScrollTop = $("html,body").scrollTop();
|
||
$("#editor1 .edui-for-screenshot").show();
|
||
$(".dotNote_box").show();
|
||
if (!localStorage.getItem("videoNotePoint")) {
|
||
$(".dotNote_con").show();
|
||
} else {
|
||
$(".dotNote_con").hide();
|
||
}
|
||
var courseId = "256005119";
|
||
var clazzId = "129437459";
|
||
var cpi = "506173436";
|
||
var logo = 'https://p.ananas.chaoxing.com/star3/270_169c/56177f51498e9c25ac53a9c6.jpg';
|
||
var knowledgeId = $("#chapterIdid").val();
|
||
var cardId = $("#prev_tab .prev_ul li.active").attr("cardid");
|
||
var videoName = $("#noteVideoName").val();
|
||
var subName = "来自课程" + "大学生魅力讲话实操 魅力的解释";
|
||
var cid = $("#videoNoteCid").val();
|
||
if (cid == "") {
|
||
cid = guid2();
|
||
}
|
||
var newArray = [];
|
||
for (var i = 0; i < timeArray.length; i++) {
|
||
var obj = timeArray[i];
|
||
obj.id = cid;
|
||
newArray.push(obj);
|
||
}
|
||
var transferLink = _HOST_CP1_ + "/knowledge/chaptertransfer?courseid=" + courseId + "&knowledgeid=" + knowledgeId + "&clazzid="+ clazzId + "&cardid=" + cardId + "&cpi=" + cpi;
|
||
MultiEditor.insertCourseVideoMark('editor1', newArray,{
|
||
cid:cid,
|
||
"attachmentType": 54,
|
||
"att_course_video": {
|
||
"knowledgeId": knowledgeId,
|
||
"courseId": courseId,
|
||
"clazzId": clazzId,
|
||
"cardId": cardId,
|
||
"cpi": cpi,
|
||
"mid": mid,
|
||
"title": videoName, // 卡片标题
|
||
"subTitle": subName, // 卡片副标题
|
||
"logo": logo, // 图标
|
||
"mid": mid,
|
||
"transferLink": transferLink
|
||
}
|
||
})
|
||
$("#videoNoteCid").val(cid);
|
||
setTimeout(function(){
|
||
$("html,body").scrollTop(videoNoteScrollTop);
|
||
try {
|
||
var scrollTop = $(".formNote_padding").scrollTop();
|
||
$(".formNote_padding").scrollTop(scrollTop + scrollTopOffset);
|
||
} catch (e) {
|
||
}
|
||
}, 300);
|
||
}
|
||
|
||
function writeNoteVideoSummary(text, mid, frameEle) {
|
||
videoNoteScrollTop = $("html,body").scrollTop();
|
||
if (typeof MultiEditor == "undefined") {
|
||
return;
|
||
}
|
||
if ($('.switchbtn').hasClass('switchbtn_cur')) {
|
||
$('.posChapter_left').animate({left:0})
|
||
$('.posChapter_left').find('.switchbtn').animate({right:0})
|
||
$('.posChapter_right').animate({right:0})
|
||
$('.posChapter_right').find('.switchbtn').animate({right:0})
|
||
$('.switchbtn').removeClass('switchbtn_cur');
|
||
}
|
||
if (mid != $(videoNoteFrame).attr("mid") && checkUnsave()) {
|
||
return;
|
||
}
|
||
MultiEditor.insertHTML('editor1', "<p>" + text + "</p>")
|
||
videoNoteFrame = frameEle;
|
||
setTimeout(function(){
|
||
$("html,body").scrollTop(videoNoteScrollTop);
|
||
try {
|
||
var scrollTop = $(".formNote_padding").scrollTop();
|
||
$(".formNote_padding").scrollTop(scrollTop + scrollTopOffset);
|
||
} catch (e) {
|
||
}
|
||
}, 300);
|
||
}
|
||
function rtfContentDealFun(rtfContent) {
|
||
if (!rtfContent) {
|
||
return null;
|
||
}
|
||
var el = document.createElement("div"), noteEl = document.createElement("div");
|
||
noteEl.className = "noteRtfContent";
|
||
el.innerHTML = rtfContent;
|
||
if ($(el).find(".record-box-video").length > 0) {
|
||
for (var i = 0; i < $(el).find(".record-box-video").length; i++) {
|
||
var item = $(el).find(".record-box-video")[i];
|
||
var videoIframe = $(item).find(".record-iframe .editor-iframe iframe");
|
||
if (videoIframe.length > 0) {
|
||
var data = $(videoIframe).attr("name");
|
||
$(item).attr("name", data);
|
||
$(item).find(".record-iframe").remove();
|
||
}
|
||
noteEl.append(item);
|
||
}
|
||
return noteEl;
|
||
}
|
||
return null;
|
||
}
|
||
var b64DecodeUnicode = function (str) {
|
||
var xssReg = new RegExp("(\\baler(?=t\\s*\\())|(\\bhref(?=\\s*=\\s*['\"]?\\s*javascript:))|(\\bsrc(?=\\s*=\\s*['\"]?\\s*javascript:))|((data|src)\\s*=['\"]?\\s*data(?=:)(?!:\\s*image))|(^[^<]*<(?=/textarea\\s*>))|(<(?=(script)|(/script)))|(<(?=(details)|(/details)))|(\\b(onstart|onafterprint|onbeforeprint|onbeforeunload|onerror|onhaschange|onload|onmessage|onoffline|ononline|onpagehide|onpageshow|onpopstate|onredo|onresize|onstorage|onundo|onunload|onblur|onchange|oncontextmenu|onfocus|onformchange|onforminput|oninput|oninvalid|onreset|onreset|onsubmit|onkey\\w*|onclick|ondblclick|ondrag\\w*|ondrop|onmouse\\w*|onscroll|ontouch\\w*)(?=(\\s*)=))",'gi');
|
||
if (!str) {
|
||
return str;
|
||
}
|
||
try {
|
||
str = decodeURIComponent(atob(str));
|
||
str=str.replace(xssReg,function(){
|
||
return arguments[0] + ' ';
|
||
})
|
||
} catch (e) {
|
||
|
||
}
|
||
try {
|
||
return JSON.parse(str);
|
||
} catch (e) {
|
||
|
||
}
|
||
return '';
|
||
}
|
||
var videoNoteMid = "", seconds = 0;
|
||
function notePointVideoPlay() {
|
||
var videoIframes = $("#iframe").contents().find("iframe.ans-insertvideo-online");
|
||
for (var i = 0; i < videoIframes.size(); i++) {
|
||
var vIframe = videoIframes[i];
|
||
var vMid = $(vIframe).attr("mid");
|
||
var vData = JSON.parse($(vIframe).attr("data"));
|
||
if (!vMid) {
|
||
vMid = vData["mid"];
|
||
}
|
||
if (videoNoteMid == vMid) {
|
||
var fastforward = vData["fastforward"];
|
||
if (fastforward == "true" && typeof vData["jobid"] != "undefined" && !$(vIframe).parent().hasClass("ans-job-finished")) {
|
||
var player = $(vIframe)[0].contentWindow.videojs("video");
|
||
if (parseInt(seconds) < parseInt(player.dragCutOffTime)) {
|
||
player.currentTime(parseInt(seconds));
|
||
}
|
||
} else {
|
||
$(vIframe)[0].contentWindow.playerTime && $(vIframe)[0].contentWindow.playerTime(parseInt(seconds));
|
||
}
|
||
}
|
||
}
|
||
}
|
||
function videoNotePointFun() {
|
||
$(".itemDiscuss .record-box-video .record-list-time").click(function() {
|
||
var time = $(this).text();
|
||
if (!time) {
|
||
return;
|
||
}
|
||
var timeArray = time.split(':');
|
||
seconds = 0;
|
||
if (timeArray.length > 2) {
|
||
// 时:分:秒
|
||
seconds = parseInt(timeArray[0]) * 3600 + parseInt(timeArray[1]) * 60 + parseInt(timeArray[2]);
|
||
} else {
|
||
// 分:秒
|
||
seconds = parseInt(timeArray[0]) * 60 + parseInt(timeArray[1]);
|
||
}
|
||
var name = $(this).parents(".itemDiscuss").find(".record-box-video").attr("name");
|
||
|
||
var attachment;
|
||
try{
|
||
attachment = b64DecodeUnicode(name);
|
||
}catch(e){
|
||
console.log(e)
|
||
}
|
||
if (attachment.attachmentType == 54) {
|
||
var attCourseVideo = attachment.att_course_video;
|
||
var videoNoteCardid = attCourseVideo.cardId;
|
||
videoNoteMid = attCourseVideo.mid;
|
||
if ($(".prev_ul li.active").attr("cardid") == videoNoteCardid) {
|
||
// 如果笔记时间线对应的是当前卡片中的视频
|
||
notePointVideoPlay();
|
||
} else {
|
||
// 如果笔记时间线对应的是其他卡片的视频，需要先切换卡片再定位时间
|
||
var cardList = $(".prev_ul li");
|
||
for (var i = 0; i < cardList.length; i++) {
|
||
var card = cardList[i];
|
||
var cardid = $(card).attr("cardid");
|
||
if (videoNoteCardid == cardid) {
|
||
$(card).click();
|
||
setTimeout(notePointVideoPlay, 1000);
|
||
break;
|
||
}
|
||
}
|
||
}
|
||
}
|
||
})
|
||
}
|
||
|
||
function getSort(label) {
|
||
var arr = label.split(".");
|
||
if (arr.length > 0) {
|
||
if (arr.length == 1) {
|
||
return arr[0];
|
||
} else {
|
||
var result = parseFloat(arr[arr.length - 1]);
|
||
for (var i = arr.length - 1; i > 0; i--){
|
||
result = parseFloat(getNum(result, arr[i - 1]));
|
||
}
|
||
return result;
|
||
}
|
||
} else {
|
||
return 1;
|
||
}
|
||
}
|
||
function getNum (result, num) {
|
||
return parseFloat(result) * 0.01 + parseFloat(num);;
|
||
}
|
||
function getBigSort() {
|
||
var noteList = $("#content3 .tableDiscuss .itemDiscuss");
|
||
var chapterLabel = $(".posCatalog_active .posCatalog_sbar").text();
|
||
var chapterBaseSort = getSort(chapterLabel);
|
||
var bigSort = 0;
|
||
for (var i = 0; i < noteList.length; i++) {
|
||
var noteSort = $(noteList[i]).attr("sort");
|
||
if (typeof noteSort != "undefined" && noteSort.indexOf(chapterBaseSort.toString()) > -1) {
|
||
bigSort = parseFloat(bigSort) > parseFloat(noteSort) ? parseFloat(bigSort) :parseFloat(noteSort);
|
||
} else {
|
||
continue;
|
||
}
|
||
}
|
||
return bigSort;
|
||
}
|
||
function getClazzNote(){
|
||
if (typeof MultiEditor == "undefined") {
|
||
$("#content3 .newTopic1").remove();
|
||
}
|
||
//获取章节笔记列表
|
||
var chapterId = document.getElementById("chapterIdid").value;
|
||
posNote();
|
||
jQuery.ajax({
|
||
type : "get",
|
||
url : _HOST_CP2_ + "/schoolCourseInfo/chapternotelist",
|
||
data : {
|
||
userid:421011097,
|
||
chapterId:chapterId,
|
||
courseId : 256005119,
|
||
clazzid: 129437459,
|
||
needrtfcontent: 1
|
||
},
|
||
success: function(data){
|
||
if (data != null) {
|
||
data = jQuery.parseJSON(data);
|
||
if (data.result == 1) {
|
||
if (data.data.list.length > 0) {
|
||
$(".noTopic").css('display', 'none');
|
||
var kc_notes_list = $(".tableDiscuss");
|
||
kc_notes_list.empty();
|
||
var createTime = null;
|
||
var cid = null;
|
||
var array = data.data.list;
|
||
for (var i = 0 ; i < array.length; i++) {
|
||
var content = "";
|
||
var json = array[i];
|
||
var time = 0;
|
||
var videoTime = "";
|
||
var noteVideoName = "";
|
||
var noteVideoObjectId = "";
|
||
var noteVideoJobId = "";
|
||
var title = "";
|
||
var sort = "";
|
||
var rtfContentEle = null;
|
||
$.each(json, function(i) {
|
||
if(i == 'content'){
|
||
content = json[i];
|
||
}else if(i == 'createTime'){
|
||
createTime = conversion(json[i]);//得到的结果是2012-10-12 22:37:33
|
||
} else if(i == 'cid') {
|
||
cid = json[i];
|
||
} else if (i == 'noteVideoTime') {
|
||
time = json[i];
|
||
videoTime = conversionVideoTime(time);
|
||
} else if (i == 'noteVideoObjectId') {
|
||
noteVideoObjectId = json[i];
|
||
} else if (i == 'noteVideoName') {
|
||
noteVideoName = json[i];
|
||
} else if (i == 'noteVideoJobId') {
|
||
noteVideoJobId = json[i];
|
||
} else if (i == 'title') {
|
||
title = json[i];
|
||
} else if (i == 'rtf_content') {
|
||
rtfContentEle = rtfContentDealFun(json[i]);
|
||
} else if (i == "sort") {
|
||
sort = json[i];
|
||
}
|
||
});
|
||
|
||
var noteNameDiv = "";
|
||
if (noteVideoName != "" || noteVideoObjectId != "" || noteVideoJobId != "") {
|
||
noteNameDiv = '<div class="Note_name" style="display:block;" onclick="playVideo(this)" objId="' + noteVideoObjectId + '" jobId="' + noteVideoJobId + '" time="' + time + '">' + noteVideoName + " " + videoTime + '</div>';
|
||
}
|
||
if (rtfContentEle) {
|
||
content = $(rtfContentEle).html();
|
||
}
|
||
var noteTitle = "";
|
||
if (title) {
|
||
noteTitle = '<p class="noteTitle">' + title + '</p>';
|
||
}
|
||
kc_notes_list.append('<div class="itemDiscuss" sort="' + sort + '" cid="' + cid + '">\n' + noteNameDiv + noteTitle +
|
||
' <div class="Note_text colorDeep">' + content + '</div>\n' +
|
||
' <p class="Note_time colorShallow">' + createTime + '</p>\n' +
|
||
' </div>');
|
||
}
|
||
$(".itemDiscuss").on("click", function(e) {
|
||
var cid = $(this).attr("cid");
|
||
var listTime = $(this).find(".record-box-video .record-list-time");
|
||
if (!listTime.is(e.target) && listTime.has(e.target).length === 0) {
|
||
var url = "https://noteyd.chaoxing.com/pc/" + cid + "?c=1";
|
||
window.open(url, "_blank");
|
||
}
|
||
})
|
||
videoNotePointFun();
|
||
}else{
|
||
$(".tableDiscuss").empty();
|
||
$(".noTopic").css('display','block');
|
||
}
|
||
}
|
||
}
|
||
|
||
}
|
||
});
|
||
};
|
||
var leftZD = $('.posChapter').offset().left
|
||
if(leftZD==0){
|
||
$('#DownloadaDiv').css('right','20px')
|
||
$('#JS_back_to_top').css('right','20px')
|
||
}
|
||
//讨论话题showhide
|
||
$('.newTopic_bnt').click(function(){
|
||
// 新建笔记屏蔽截屏按钮
|
||
$("#editor1 .edui-for-screenshot").hide();
|
||
$(this).next().slideDown(300)
|
||
var noteName = $(".posCatalog_select.posCatalog_active").children("span").attr("title");
|
||
$("#noteTitle").val(noteName);
|
||
})
|
||
$('.replyQuxiao').click(function(){
|
||
$(this).parent().parent().slideUp(300)
|
||
typeof MultiEditor != "undefined" && MultiEditor.setRichText('editor1','');
|
||
})
|
||
function posNoteScroll(){
|
||
try {
|
||
$("#posNoteScroll").niceScroll({cursorborder:"",cursorwidth:8,cursorcolor:"#CFD8E6",boxzoom:false,autohidemode:true});
|
||
setInterval(function(){
|
||
$("#posNoteScroll").getNiceScroll().resize(); //检测滚动条是否重置大小（当窗口改变大小时）
|
||
},300)
|
||
} catch (e) {
|
||
}
|
||
}
|
||
posNoteScroll()
|
||
function goback(){
|
||
if(checkUnsave()){
|
||
return;
|
||
}
|
||
window.location.href = "/mooc-ans/mycourse/studentcourse?courseId=256005119&clazzid=129437459&enc=8f99e04566e9010cd69dc8e310ab4b50";
|
||
}
|
||
var isblank=false;
|
||
getTeacherAjax('256005119','129437459','1050486657','506173436','','','false');
|
||
var lsatNoteContent="";
|
||
var clickFlag = false;
|
||
var addOrUpdateClazzNote = function(){
|
||
if (clickFlag) {
|
||
// 点击过直接返回
|
||
return;
|
||
}
|
||
clickFlag = true;
|
||
var rtf_content = typeof MultiEditor != "undefined" ? MultiEditor.getRichText('editor1') : "";
|
||
var content = rtf_content.content;
|
||
var rtfContent = rtf_content.rtf_content;
|
||
if(content == 'null' || content == null || content=='undefined'){
|
||
return ;
|
||
}
|
||
var chapterId = document.getElementById("chapterIdid").value;
|
||
// var noteVideoName = $("#noteVideoName").val();
|
||
// var noteVideoTime = $("#noteVideoTime").val();
|
||
// var noteVideoJobId = $("#noteVideoJobId").val();
|
||
// var noteVideoObjectId = $("#noteVideoObjectId").val();
|
||
var noteName = $("#noteTitle").val();
|
||
if (noteName == "") {
|
||
noteName = "魅力的解释";
|
||
}
|
||
var type = $("#type").val();
|
||
var firstChapter = $(".posCatalog_select.posCatalog_active").parents("li").find(".firstLayer");
|
||
// 单元关联的章节id和单元名称
|
||
var unitNodeId = $(firstChapter).attr("id");
|
||
var unitName = $(firstChapter).children(".posCatalog_title").attr("title");
|
||
// 单元排序
|
||
var unitSort = parseFloat($(firstChapter).find(".posCatalog_sbar").text());
|
||
// 获取小章节笔记排序顺序
|
||
var noteCount = $("#content3 .tableDiscuss .itemDiscuss").length;
|
||
var chapterLabel = $(".posCatalog_active .posCatalog_sbar").text();
|
||
// 预留100个笔记，addNum每次笔记发布增加基数
|
||
var pointNum = chapterLabel.match(/\./g).length;
|
||
var addNum = 1 / Math.pow(10, 2 * (pointNum + 1));
|
||
// 章节基础排序
|
||
var chapterBaseSort = getSort(chapterLabel);
|
||
if (noteCount == 0) {
|
||
// 笔记排序 = 章节基础排序 + 每个笔记增加的基数
|
||
var noteSort = chapterBaseSort + addNum;
|
||
} else {
|
||
var bigSort = getBigSort();
|
||
if (bigSort == 0) {
|
||
noteSort = chapterBaseSort + addNum;
|
||
} else {
|
||
noteSort = bigSort + addNum;
|
||
}
|
||
}
|
||
jQuery.ajax({
|
||
type: "post",
|
||
url : _HOST_CP2_ + "/schoolCourseInfo/newChapterNote/add",
|
||
dataType:'html',
|
||
data: {
|
||
cpi: '506173436',
|
||
userid : '421011097',
|
||
content: content,
|
||
rtfContent: rtfContent,
|
||
notename: noteName,
|
||
knowledgeid: chapterId,
|
||
unitnodeid: unitNodeId,
|
||
unitname: unitName,
|
||
collectionname: '大学生魅力讲话实操',
|
||
courseid : 256005119,
|
||
clazzid: 129437459,
|
||
unitsort: unitSort.toString(),
|
||
notesort: noteSort.toString()
|
||
},
|
||
success: function(data){
|
||
try {
|
||
var jsonObject = jQuery.parseJSON(data);
|
||
if(jsonObject.result == 1){
|
||
getClazzNote();
|
||
$(".Note_name").html("");
|
||
$(".Note_name").css("display", "none");
|
||
$("#noteVideoName").val("");
|
||
$("#noteVideoTime").val("");
|
||
$("#noteVideoJobId").val("");
|
||
$("#noteVideoObjectId").val("");
|
||
$("#type").val(0);
|
||
typeof MultiEditor != "undefined" && MultiEditor.setRichText('editor1','')
|
||
$("#videoNoteCid").val("");
|
||
$(".formTopic").css("display", "none");
|
||
} else {
|
||
alert(jsonObject.msg || "发布失败，请稍后重试");
|
||
}
|
||
} catch (e) {
|
||
if (data.indexOf("processVerify.ac") > 0) {
|
||
safefilter && safefilter.showVerify2(_HOST_CP2_);
|
||
}
|
||
}
|
||
clickFlag = false;
|
||
}
|
||
});
|
||
}
|
||
function down(){
|
||
var el = $('.newPic'),
|
||
curHeight = el.height(),
|
||
autoHeight = el.css('height', 'auto').height();
|
||
el.height(curHeight).animate({height: autoHeight}, 250);
|
||
}
|
||
|
||
function openlockshow(){
|
||
if($("#openlock").length>0){
|
||
document.getElementById("openlock").style.display="block";
|
||
}
|
||
}
|
||
|
||
function openLock(count,chapterId,courseId,clazzid,knowledgestr){
|
||
jQuery.get(_HOST_CP2_ + "/edit/openlock",
|
||
{
|
||
clazzid : clazzid,
|
||
nodeid : chapterId,
|
||
courseId:courseId
|
||
},
|
||
function(data){
|
||
if(data=="true"){
|
||
PCount.next(1,chapterId,courseId,clazzid,knowledgestr);
|
||
onReadComplete();
|
||
}
|
||
}
|
||
);
|
||
}
|
||
function playFirstVideo() {
|
||
if (videoAutoPlay == 0) {
|
||
return;
|
||
}
|
||
var INTERVAL = 800;
|
||
// 最多轮询20次
|
||
var MAX_RETRY = 20;
|
||
var tryCount = 0;
|
||
|
||
var timer = setInterval(() => {
|
||
|
||
tryCount++;
|
||
if (tryCount > MAX_RETRY) {
|
||
clearInterval(timer);
|
||
return;
|
||
}
|
||
|
||
var iframeArr = $("#iframe").contents().find("iframe.ans-insertvideo-online");
|
||
if (iframeArr.length === 0) {
|
||
return;
|
||
}
|
||
|
||
var firstIframe = iframeArr[0];
|
||
var frameDoc = $(firstIframe).contents();
|
||
|
||
var playBtn = frameDoc.find(".vjs-big-play-button");
|
||
var videoEl = frameDoc.find("video, #video_html5_api");
|
||
|
||
if (playBtn.length === 0 || videoEl.length === 0) return;
|
||
|
||
// 自动播放限制：用户无操作时直接 click() 可能被浏览器阻止
|
||
// 增加处理：调用 player.play()
|
||
try {
|
||
var player = firstIframe.contentWindow.videojs(videoEl[0]);
|
||
if (player && player.paused()) {
|
||
player.play().catch(() => {
|
||
// 如果被限制，则点击按钮
|
||
playBtn[0].click();
|
||
});
|
||
}
|
||
} catch (e) {
|
||
// 如果 videojs 未准备好，只能点按钮
|
||
playBtn[0].click();
|
||
}
|
||
|
||
clearInterval(timer);
|
||
|
||
}, INTERVAL);
|
||
}
|
||
function setVideoNoteTime() {
|
||
var iframeArr = $("#iframe").contents().find("iframe.ans-insertvideo-online");
|
||
for (var i = 0; i < iframeArr.length; i++) {
|
||
var iframeItem = iframeArr[i];
|
||
if ($(iframeItem).attr("mid") == videoNoteMid) {
|
||
if (isNaN(parseInt(videoNoteTime))) {
|
||
videoNoteTime = 0;
|
||
}
|
||
iframeItem.contentWindow.videojs("video").currentTime(parseInt(videoNoteTime));
|
||
}
|
||
}
|
||
|
||
}
|
||
function clickImg(){
|
||
$('#imgtoolWrap').remove();
|
||
var imgList = $("#iframe").contents().find("img:not(.content-banner img,.gallery-wrap img)")
|
||
for (var i =0; i < imgList.length; i++) {
|
||
var item = imgList[i];
|
||
var src = $(item).attr("src");
|
||
$(item).attr("data-original", src);
|
||
}
|
||
imgList.viewer({
|
||
url : 'data-original',
|
||
});
|
||
setTimeout("playFirstVideo()", 500);
|
||
}
|
||
|
||
//注释超链接弹窗中的图片放大
|
||
function tipImgEnlarge(obj) {
|
||
if(typeof(obj) == "undefined"){
|
||
return;
|
||
}
|
||
$(obj).find(".imgEnlarge").viewer({
|
||
url : 'data-original',
|
||
});
|
||
}
|
||
|
||
(function(){
|
||
appendDetectUrl();
|
||
})()
|
||
|
||
var popPlayState = false;
|
||
function showCustomPop(url) {
|
||
document.getElementById("popFrameId").src = url;
|
||
$(".customMaskDiv").show();
|
||
}
|
||
|
||
function hideCustomPop() {
|
||
$(".customMaskDiv").hide();
|
||
popPlayState = true;
|
||
}
|
||
|
||
function windowClose(){
|
||
window.opener = null;
|
||
window.open('', '_self');
|
||
window.close();
|
||
}
|
||
|
||
var videoTimeLimit = 'false' === 'true';
|
||
var hasJobLimit = 'false' === 'true';
|
||
var resumePlay = false;
|
||
var allowNextVideo = true;
|
||
|
||
function closeDeleteWindow () {
|
||
$('.maskDiv').fullFadeOut();
|
||
$('.maskDiv').removeClass('maskFadeOut');
|
||
$('body').removeClass('popOverflow');
|
||
resumePlay = true;
|
||
}
|
||
|
||
function showJobLimitTip() {
|
||
$(".jobLimitTip").show();
|
||
$(".videoLimitTip").hide();
|
||
var jobCountDiv = $('.jobCountDiv');
|
||
jobCountDiv.fullFadeIn();
|
||
jobCountDiv.addClass('maskFadeOut');
|
||
$('body').addClass('popOverflow');
|
||
}
|
||
|
||
function showVideoTimeLimitTip() {
|
||
$(".jobLimitTip").hide();
|
||
$(".videoLimitTip").show();
|
||
var jobCountDiv = $('.jobCountDiv');
|
||
jobCountDiv.fullFadeIn();
|
||
jobCountDiv.addClass('maskFadeOut');
|
||
$('body').addClass('popOverflow');
|
||
}
|
||
function toNextFocus() {
|
||
if(event.keyCode == 9){
|
||
$("#prevNextFocusPrev").attr("tabindex","0")
|
||
$("#prevNextFocusNext").attr("tabindex","0")
|
||
$("#prevNextFocus").attr("tabindex","0")
|
||
$("#prevNextFocus").focus();
|
||
}
|
||
}
|
||
// 无障碍回车事件
|
||
var tabindexChangeDisplayContent = function(num,totalnum,chapterId,courseId,clazzid,knowledgestr){
|
||
if(event.keyCode == 13 && !event.shiftKey){
|
||
changeDisplayContent(num,totalnum,chapterId,courseId,clazzid,knowledgestr);
|
||
}
|
||
}
|
||
|
||
|
||
//获取章节标签
|
||
function getUserKnowledgeLabel(){
|
||
|
||
if($(".chapterlabellist").find(".addMarkBtn").length == 1){
|
||
return;
|
||
}
|
||
|
||
var courseId = $("#curCourseId").val();
|
||
var clazzId = $("#curClazzId").val();
|
||
var cpi = $("#curCpi").val();
|
||
|
||
jQuery.ajax({
|
||
type: "get",
|
||
url : _HOST_CP2_ + "/knowledge/getchapterlabellist",
|
||
dataType:'html',
|
||
data: {
|
||
courseId: courseId,
|
||
clazzId: clazzId,
|
||
cpi: cpi
|
||
},
|
||
success: function(data){
|
||
$(".chapterlabellist").empty();
|
||
$(".chapterlabellist").html(data);
|
||
}
|
||
});
|
||
}
|
||
|
||
// 渲染标注数据
|
||
window.renderingMarkData = function renderingMarkData(showFlag){
|
||
var bgAndBgLineArr = window.bgAndBgLine;
|
||
// console.log("bgAndBgLineArr: " + JSON.stringify(bgAndBgLineArr))
|
||
posRenderingMark();
|
||
|
||
var container = $('.renderingMarkCls .comment-list-ul');
|
||
container.empty();
|
||
if (bgAndBgLineArr && bgAndBgLineArr.length > 0) {
|
||
var isAddedIds = [];
|
||
// 按照 id 从大到小排序
|
||
bgAndBgLineArr.sort(function(a, b) {
|
||
return b.id - a.id; // 降序排序
|
||
});
|
||
$.each(bgAndBgLineArr, function(index, item) {
|
||
var style = 'border-bottom: 2px solid ';
|
||
var marktype = item.marktype;
|
||
var timeStr = item.createTimeStr;
|
||
if (marktype && (marktype == 'bg' || marktype == 'bgline')) {
|
||
if (marktype == 'bgline') {
|
||
style = style + item.markcolor;
|
||
} else {
|
||
style = 'background-color: ' + item.markcolor;
|
||
}
|
||
|
||
if (isAddedIds.indexOf(item.id) == -1) {
|
||
container.append('<li markid="' + item.id + '">' +
|
||
'<span class="" style="' + style + '">' + item.content + '</span>' +
|
||
'<p style="color: #8a8b99;font-size: 10px;margin-top: 10px;">' + timeStr + '</p>' +
|
||
'</li>');
|
||
}
|
||
isAddedIds.push(item.id);
|
||
}
|
||
});
|
||
} else {
|
||
var nullTipDom = `<div class="noMark" style="display: block;">暂无标注</div>`;
|
||
container.append(nullTipDom)
|
||
}
|
||
|
||
if (showFlag && showFlag === 1) {
|
||
$(".renderingMarkCls").show();
|
||
}
|
||
initRenderingMarkLiClick();
|
||
}
|
||
|
||
// 笔记列表的高度
|
||
function posRenderingMark() {
|
||
var fanyaHeight = $(window).height()
|
||
$('#content5').css({'height' : fanyaHeight - 40 - 65 - 30}) //左右浮框
|
||
}
|
||
|
||
function initRenderingMarkLiClick() {
|
||
$('.comment-list-ul').off('click', 'li').on('click', 'li', function() {
|
||
var markid = $(this).attr('markid'); // 目标 sequence-id
|
||
window.getScrollTopHeight(markid);
|
||
});
|
||
}
|
||
|
||
function scrollRenderingMarkDom(topHeight) {
|
||
$('html, body').animate({
|
||
scrollTop: topHeight - 200
|
||
});
|
||
}
|
||
window.scrollRenderingMarkDom = scrollRenderingMarkDom;
|
||
|
||
function addUserKnowledgeLable(){
|
||
var chapterId = $("#chapterId").val();
|
||
ajaxAddUserKnowledgeLabel(chapterId);
|
||
}
|
||
|
||
//添加章节标签
|
||
function ajaxAddUserKnowledgeLabel(knowledgeId){
|
||
var courseId = $("#curCourseId").val();
|
||
var clazzId = $("#curClazzId").val();
|
||
var cpi = $("#curCpi").val();
|
||
|
||
jQuery.ajax({
|
||
type: "get",
|
||
url : _HOST_CP2_ + "/knowledge/addchapterlabel",
|
||
dataType:'json',
|
||
data: {
|
||
courseId: courseId,
|
||
clazzId: clazzId,
|
||
knowledgeId: knowledgeId,
|
||
cpi: cpi
|
||
},
|
||
success: function(data){
|
||
if(data.status){
|
||
var knowledgeLi ='<li data="'+knowledgeId+'" id="knowledgelabel_'+knowledgeId+'"><div class="markName" onclick="skipKnowledge('+knowledgeId+')">'+data.name+'</div>'+
|
||
'<span class="markDelet" onclick="ajaxDeleteUserKnowledgeLabel('+1050486657+')"></span>';
|
||
$(".chapterlabellist").find("ul").append(knowledgeLi);
|
||
$("#markTag_"+knowledgeId).show();
|
||
|
||
|
||
}else{
|
||
alert(data.msg);
|
||
}
|
||
}
|
||
});
|
||
}
|
||
|
||
|
||
//删除章节标签
|
||
function ajaxDeleteUserKnowledgeLabel(knowledgeId){
|
||
var courseId = $("#curCourseId").val();
|
||
var clazzId = $("#curClazzId").val();
|
||
var cpi = $("#curCpi").val();
|
||
|
||
jQuery.ajax({
|
||
type: "get",
|
||
url : _HOST_CP2_ + "/knowledge/deletechapterlabel",
|
||
dataType:'json',
|
||
data: {
|
||
courseId: courseId,
|
||
clazzId: clazzId,
|
||
knowledgeId: knowledgeId,
|
||
cpi: cpi
|
||
},
|
||
success: function(data){
|
||
if(data.status){
|
||
$("#knowledgelabel_"+knowledgeId).remove();
|
||
$("#markTag_"+knowledgeId).hide();
|
||
}else{
|
||
alert(data.msg);
|
||
}
|
||
}
|
||
});
|
||
}
|
||
|
||
|
||
function skipKnowledge(chapterId){
|
||
if(typeof chapterId == "undefined" || chapterId== ""){
|
||
return "";
|
||
}
|
||
|
||
if($("#cur"+chapterId).length == 0){
|
||
alert("章节被删除或者未开放");
|
||
return
|
||
}
|
||
|
||
|
||
var courseId = $("#curCourseId").val();
|
||
var clazzId = $("#curClazzId").val();
|
||
var cpi = $("#curCpi").val();
|
||
getTeacherAjax(courseId,clazzId,chapterId,cpi,'','','false',1);
|
||
|
||
}
|
||
|
||
|
||
|
||
</script>
|
||
<input type="hidden" id="currentTime" value="1767634705073">
|
||
<input type="hidden" id="uploadEnc" value="4aabdd786dacd481f3b9ceda2c764a71">
|
||
<input type="hidden" id="uploadUid" value="421011097">
|
||
|
||
<div class="maskDiv jobCountDiv" style="display:none; z-index: 999">
|
||
<input type="hidden" id="delTopicId" value="">
|
||
<div class="popDiv wid440 popMove">
|
||
<div class="popHead">
|
||
<a href="javascript:" class="popClose fr">
|
||
<img src="./学生学习页面_files/popClose(1).png">
|
||
</a>
|
||
<p class="fl fs18 colorDeep" style="font-weight:normal;">提示</p>
|
||
</div>
|
||
<div class="het62"></div>
|
||
<p class="popWord2 fs16 colorIn jobLimitTip">今日视频任务点完成数已达上限，您可以观看视频，但无法完成任务点</p>
|
||
<p class="popWord2 fs16 colorIn videoLimitTip">今日视频观看时长已达上限，您可继续观看视频，但无法完成任务点</p>
|
||
<div class="popBottom">
|
||
<a href="javascript:" class="jb_btn jb_btn_92 fr fs14">知道了</a>
|
||
</div>
|
||
<div class="het72"></div>
|
||
</div>
|
||
</div>
|
||
<div class="maskDivReport " style="z-index:10000;display:none;">
|
||
<div class="popDiv wid640 popClass">
|
||
<div class="popHead">
|
||
<p class="fl">举报</p>
|
||
<a href="javascript:;" class="popClose fr"><img src="./学生学习页面_files/qr-fc-popClose.png"></a>
|
||
</div>
|
||
<div class="het62">
|
||
</div>
|
||
<div class="perspective">
|
||
<div class="page" style="display: block;">
|
||
<div class="popMain" style="padding-top:0">
|
||
<form id="reportForm" method="post" target="reportFrame">
|
||
<input type="hidden" name="type" id="reportType" value="">
|
||
<input type="hidden" name="sourceIdstr" id="reportSourceIdstr" value="">
|
||
<input type="hidden" name="sourceContent" id="reportSourceContent" value="">
|
||
</form>
|
||
<iframe name="reportFrame" width="638px" height="420px;" src="./学生学习页面_files/saved_resource(1).html" id="reportFrame" frameborder="0"></iframe>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<style>
|
||
#mobileBrowerLearnMask .popDiv{width:6rem;background:#fff;border-radius:.2rem;position:fixed;left:50%;top:50%;margin-top:-1.54rem;margin-left:-3rem;}
|
||
#mobileBrowerLearnMask .title{width:100%;height:.7rem;line-height:.7rem;font-size:.36rem;width:100%;text-align:center;font-size:.32rem;margin-top:.2rem;font-weight:bold}
|
||
#mobileBrowerLearnMask .Btmdiv{width:100%;height:.88rem;border-top:1px solid #ebebeb;margin-top:.18rem;display:flex;}
|
||
#mobileBrowerLearnMask .Btmdiv a{display:inline-block;flex:1;text-align:center;line-height:.88rem;color:#0099ff;font-size:.32rem;position:relative}
|
||
#mobileBrowerLearnMask .Btmdiv a.cancle:after{width:1px;height:100%;background:#ebebeb;content:'';position:absolute;right:0;top:0;}
|
||
#mobileBrowerLearnMask .popCenter{font-size: .32rem;padding:.4rem .7rem 0 .7rem;color: #333;padding-bottom:.2rem;text-align:center}
|
||
</style>
|
||
<script type="text/javascript" src="./学生学习页面_files/rem750.js.下载"> </script>
|
||
<div id="mobileBrowerLearnMask" style="display:none;z-index: 20000;">
|
||
<div class="popDiv">
|
||
<p class="popCenter padTop60">手机浏览器无法记录您的学习信息，为保证学习成绩，请使用学习通App进行学习</p>
|
||
<div class="Btmdiv">
|
||
<a href="javascript:;" class="cancle">取消</a>
|
||
<a href="javascript:;">打开学习通</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<script type="text/javascript">
|
||
var appDownloadUrl = "http://apps.chaoxing.com/d/app/4.html";
|
||
var durationHours = 24;
|
||
function checkMobileBrowerLearn() {
|
||
var courseId = '256005119';
|
||
if(courseId == 204396051 || courseId == 202418768){
|
||
return;
|
||
}
|
||
var schoolid = '22281';
|
||
if(schoolid == 116717 || schoolid == 60928){
|
||
return;
|
||
}
|
||
var agent = navigator.userAgent;
|
||
if (/(iPhone|iPad|iPod|iOS)/i.test(agent) || /(Android)/i.test(agent)
|
||
|| /(webOS)/i.test(agent) || /(BlackBerry)/i.test(agent)
|
||
|| /(Windows Phone)/i.test(agent)) {
|
||
var uf = getCookie('uf');
|
||
var mobileBrowerLearn = getCookie('mobileBrowerLearn');
|
||
if(durationHours + '_' + uf == mobileBrowerLearn){
|
||
return;
|
||
}
|
||
var taskPoint = $('#cur1050486657').find('.orange01').length;
|
||
var taskPoints = $(".catalog_points_yi").length;
|
||
if (taskPoint == 0 && taskPoints == 0) {
|
||
return;
|
||
}
|
||
setTimeout(function() {
|
||
showMobileBrowerLearnMask();
|
||
}, 1000);
|
||
}
|
||
}
|
||
|
||
function launchChaoxingStudy() {
|
||
window.location.href = "cxstudy://"; //唤醒
|
||
setTimeout(function() {
|
||
if (!document.webkitHidden) {
|
||
window.location.href = appDownloadUrl;
|
||
}
|
||
}, 5000);
|
||
}
|
||
|
||
function showMobileBrowerLearnMask() {
|
||
WAY.box.show({
|
||
'divid' : 'mobileBrowerLearnMask'
|
||
});
|
||
$('.wmask').height($(document).height() + 500);
|
||
}
|
||
|
||
function closeMobileBrowerLearnMask() {
|
||
var uf = getCookie('uf');
|
||
setCookie('mobileBrowerLearn', durationHours+ '_' + uf, durationHours , '/mycourse/studentstudy');
|
||
|
||
setCookie('mobileBrowerLearn', durationHours+ '_' + uf, durationHours , _HOST_CP2_ + '/mycourse/studentstudy');
|
||
if ($('.wmask').length == 0) {
|
||
return;
|
||
}
|
||
WAY.box.hide();
|
||
$('#mobileBrowerLearnMask').css('display', 'none');
|
||
}
|
||
</script> <style>
|
||
.popDiv2{min-height:100px;background: #FFFFFF;border-radius: 10px;position:fixed;left:50%;top:50%;overflow:hidden;margin-left:-320px;margin-top:-240px;}
|
||
|
||
.customMaskDiv{width:100%;height:100%;position:fixed;top:0;left:0;background: rgba(16,26,41,0.76);z-index:10}
|
||
.customMaskDiv2{position:fixed;top:0;left:0;background: rgba(16,26,41,0.76);z-index:10}
|
||
.popDiv3{min-height:100px;background: #FFFFFF;border-radius: 10px;position:fixed;left:85%;top:50%;overflow:hidden;margin-left:-320px;margin-top:-240px;}
|
||
</style>
|
||
|
||
<div class="customMaskDiv" style="z-index:10000;display:none">
|
||
<div class="popDiv2 wid640 customFrameDiv">
|
||
<iframe src="./学生学习页面_files/saved_resource(2).html" id="popFrameId" style="width:640px; height:480px;"></iframe>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="customMaskDiv2" style="z-index:10000;display:none">
|
||
<div class="popDiv3 wid640">
|
||
<iframe src="./学生学习页面_files/saved_resource(3).html" id="hidePopFrameId" style="width:495px; height:375px;"></iframe>
|
||
</div>
|
||
</div><div class="voteContainer">
|
||
<iframe width="100%" height="100%" src="./学生学习页面_files/saved_resource(4).html" id="voteIframe" frameborder="0"></iframe>
|
||
</div>
|
||
<div id="aiAssistantId"></div>
|
||
<script type="text/javascript">
|
||
$("#toplevelTextCommentTitle").bind("input propertychange focus",function(){
|
||
if(this.value.length > 200){
|
||
errorTips(titleLimit200 || "内容限200字");
|
||
}
|
||
});
|
||
$("#toplevelTextCommentContent").bind("input propertychange focus",function(){
|
||
if(this.value.length > 20000){
|
||
errorTips(contentLimit20000 || "内容限20000字");
|
||
}
|
||
});
|
||
window.onload = function() {
|
||
if("0" == "1") {
|
||
$('#contentFocus').attr("tabindex","0");
|
||
$('#contentFocus').focus();
|
||
}
|
||
//页面加载后，两种人脸识别都支持的话展示
|
||
if (0 == 2){
|
||
//由于样式写在style 里 只能使用 css修改style 属性
|
||
// $(".faceRecognition_0").css("margin","0");
|
||
$(".faceRecognition_0").addClass("captureCollectionType2");
|
||
$(".faceRecognition_1").children("div:first").addClass("captureCollectionType2");
|
||
$(".faceCollectStartPop1").children("div:first").addClass("captureCollectionType2");
|
||
$(".recordSuccessPop1").children("div:first").addClass("captureCollectionType2");
|
||
// 比对中的弹窗 居中调整
|
||
$(".faceLogProgressPop1").children("div:first").addClass("captureCollectionType2");
|
||
$(".captureCollectionType2").css("margin","0");
|
||
$(".faceStartRecord1").css("margin","18px; 10px 0");
|
||
$(".faceRecognition_1").hide();
|
||
$(".faceRecognition_2").hide();
|
||
|
||
}
|
||
}
|
||
window.addEventListener("message", function (event) {
|
||
if (!event || !event.data) {
|
||
return;
|
||
}
|
||
var msgJson = {};
|
||
if (typeof(event.data) === 'string') {
|
||
try {
|
||
msgJson = JSON.parse(event.data)
|
||
} catch (e) {}
|
||
} else {
|
||
msgJson = event.data;
|
||
}
|
||
if (msgJson == null) {
|
||
return;
|
||
}
|
||
if (msgJson.cmd == "hidedanmaku") {
|
||
if (msgJson.type == "hide") {
|
||
// 举报成功
|
||
var danmuId = msgJson.sourceIdstr;
|
||
if (reportDanmuFrame && $(reportDanmuFrame).contents().find("#d_" + danmuId).length > 0 || reportDanmuFrame && $(reportDanmuFrame).contents().find("#vd_" + danmuId).length > 0) {
|
||
reportDanmuFrame && $(reportDanmuFrame).contents().find("#d_" + danmuId).remove();
|
||
reportDanmuFrame && $(reportDanmuFrame).contents().find("#vd_" + danmuId).remove();
|
||
$(".maskDivReport").hide();
|
||
var courseId = $("#curCourseId").val();
|
||
var clazzId = $("#curClazzId").val();
|
||
var cpi = $("#curCpi").val();
|
||
|
||
jQuery.ajax({
|
||
type: "get",
|
||
url : _HOST_CP2_ + "/videodanmaku/deldanmaku",
|
||
dataType:'json',
|
||
data: {
|
||
classid: clazzId,
|
||
id: danmuId,
|
||
courseid: courseId,
|
||
cpi: cpi
|
||
},
|
||
success: function(data){
|
||
if (data && data.result == 0) {
|
||
alert(data.msg);
|
||
}
|
||
}
|
||
});
|
||
} else {
|
||
$(".maskDivReport").hide();
|
||
}
|
||
} else if (msgJson.type == "cancle") {
|
||
// 取消或者举报失败
|
||
$(".maskDivReport").hide();
|
||
}
|
||
}
|
||
});
|
||
|
||
function resizeFun() {
|
||
posChapter()
|
||
posDiscuss()
|
||
posNote()
|
||
setIframeStyle()
|
||
}
|
||
window.addEventListener('resize', resizeFun, false);
|
||
|
||
var frameInitSuccess = false;
|
||
function pushVideoInfo (info) {
|
||
try {
|
||
var iframeWindow = document.getElementById("hidePopFrameId").contentWindow;
|
||
iframeWindow.postMessage(info,'*');
|
||
} catch (e) {
|
||
console.log(e);
|
||
}
|
||
}
|
||
|
||
function pushMsg2Video (info) {
|
||
try {
|
||
var iframeWindow = document.getElementById("iframe");
|
||
if(typeof iframeWindow == "undefined") {
|
||
return;
|
||
}
|
||
|
||
var src = iframeWindow.getAttribute("src");
|
||
if(src.indexOf("knowledge/cards") > -1) {
|
||
var videoIframe = iframeWindow.contentDocument.getElementsByClassName("ans-insertvideo-online");
|
||
if(typeof videoIframe == "undefined") {
|
||
return;
|
||
}
|
||
for (var index=0; index < videoIframe.length; index++) {
|
||
if(typeof videoIframe[index] == "undefined") {
|
||
continue;
|
||
}
|
||
|
||
videoIframe[index].contentWindow.postMessage(info,'*');
|
||
}
|
||
}
|
||
} catch (e) {
|
||
console.log(e);
|
||
}
|
||
}
|
||
|
||
$(document).ready(function(){
|
||
try {
|
||
window.addEventListener('message',function(e) {
|
||
try {
|
||
if(typeof e.data == "undefined" || typeof e.data.eventType == "undefined") {
|
||
return;
|
||
}
|
||
|
||
var eventType = e.data.eventType;
|
||
if(eventType == "ready") {
|
||
frameInitSuccess = true;
|
||
|
||
var info = {"eventType":"ready"};
|
||
pushVideoInfo(info);
|
||
}
|
||
|
||
if(eventType == "outPagePop") {
|
||
pushMsg2Video(e.data);
|
||
}
|
||
|
||
if(eventType == "innerPagePop") {
|
||
pushMsg2Video(e.data);
|
||
}
|
||
|
||
if(eventType == "closeOutPagePop") {
|
||
hideCustomPop();
|
||
}
|
||
} catch (e) {
|
||
console.log(e)
|
||
}
|
||
});
|
||
} catch (e) {
|
||
console.log(e);
|
||
}
|
||
});
|
||
</script>
|
||
<script>
|
||
function questionnaireClose() {
|
||
$(".voteContainer").css("display", "none");
|
||
$("#voteIframe").attr("src", "");
|
||
}
|
||
window.addEventListener("message", function (event) {
|
||
if (!event || !event.data) {
|
||
return;
|
||
}
|
||
var msgJson = {};
|
||
if (typeof (event.data) === 'string') {
|
||
try {
|
||
msgJson = JSON.parse(event.data)
|
||
} catch (e) {
|
||
}
|
||
} else {
|
||
msgJson = event.data;
|
||
}
|
||
if (msgJson == null) {
|
||
return;
|
||
}
|
||
if (msgJson.cmd == "callBackFinishJob") {
|
||
openVoteIframe && openVoteIframe.contentWindow && openVoteIframe.contentWindow.callBackFinishJob && openVoteIframe.contentWindow.callBackFinishJob();
|
||
} else if (msgJson.cmd == "questionnaireClose") {
|
||
questionnaireClose();
|
||
}
|
||
})
|
||
</script>
|
||
<script type="text/javascript">
|
||
var isStuMicroCourse = 'false';
|
||
var showAiAssistant = 'false';
|
||
var showAiAssistantTch = 'true';
|
||
var chaoxingRobot;
|
||
var ai_stu_clazzId = "129437459";
|
||
var ai_stu_CourseId = "256005119";
|
||
var ai_stu_cpi = "506173436";
|
||
var ai_jobId = "";
|
||
var ai_pageNum = "";
|
||
var ai_ask_type = 0;
|
||
var ai_ask_checkText = "";
|
||
function saveAskRecord(content, askObjectId) {
|
||
try {
|
||
var param = {
|
||
"courseId": ai_stu_CourseId,
|
||
"clazzId": ai_stu_clazzId,
|
||
"cpi": ai_stu_cpi,
|
||
"knowledgeId": ai_stu_knowledgeId,
|
||
"_jobId": ai_jobId,
|
||
"content": content,
|
||
"pageNum": ai_pageNum,
|
||
"askObjectId": askObjectId,
|
||
"type": ai_ask_type,
|
||
"checkText": ai_ask_checkText
|
||
};
|
||
jQuery.ajax({
|
||
type: "post",
|
||
url: _HOST_CP2_ + "/mycourse/save-chat-record",
|
||
dataType: 'json',
|
||
data: param
|
||
});
|
||
} catch (error) {
|
||
console.log(error)
|
||
}
|
||
}
|
||
|
||
function getSourceInfo() {
|
||
try {
|
||
var sourceInfo = {
|
||
"serverName": 'mooc-2844390752-0zxtx',
|
||
"businessTag": "student_chapter_ask",
|
||
"extraData": {
|
||
"courseId": "256005119",
|
||
"clazzId": "129437459",
|
||
"personId": "506173436",
|
||
}
|
||
};
|
||
var sourceInfoStr = JSON.stringify(sourceInfo);
|
||
return encodeURIComponent(sourceInfoStr);
|
||
} catch (e) {
|
||
console.log(e);
|
||
return "";
|
||
}
|
||
|
||
}
|
||
|
||
</script>
|
||
<script type="text/javascript" src="./学生学习页面_files/ServerHost.js.下载"></script>
|
||
<script type="text/javascript" async="" src="./学生学习页面_files/cozebot-sdk.min.js.下载"></script>
|
||
<script type="text/javascript" src="./学生学习页面_files/html2canvas.min.js.下载"></script>
|
||
|
||
<script type="text/javascript">
|
||
|
||
var cozeSdkInitFlag = true;
|
||
function showCozeBot() {
|
||
CozeBotSDK.sendToIframeMessage({
|
||
eventName: "callCozeConversation",
|
||
isLastWindow: true
|
||
});
|
||
}
|
||
|
||
function showAssistant(imgData, text, additional) {
|
||
try {
|
||
var showKnowledgeSvg = false;
|
||
if($("#showKnowledgeSvg").val() == 'true'){
|
||
showKnowledgeSvg = true;
|
||
}
|
||
var aiAssistantIdEl = $("#aiAssistantId");
|
||
if (aiAssistantIdEl.html() && aiAssistantIdEl.html().trim() != '') {
|
||
aiAssistantIdEl.empty();
|
||
}
|
||
var sourceInfo = getSourceInfo();
|
||
var botId = '7444469164242534415';
|
||
|
||
var customVariablesJson = {
|
||
"courseName":"大学生魅力讲话实操",
|
||
"chapterName":"魅力的解释"
|
||
};
|
||
var customVariablesStr = JSON.stringify(customVariablesJson);
|
||
|
||
var customVariables = encodeURIComponent(customVariablesStr);
|
||
CozeBotSDK.init({
|
||
appId: '1192651262850',
|
||
botId: botId,
|
||
rootElementId: 'cozeAskId',
|
||
upload: true,
|
||
target: 'https://stat2-ans.chaoxing.com',
|
||
sourceInfo: sourceInfo,
|
||
custom_variables: customVariables,
|
||
showKnowledgeSvg: showKnowledgeSvg
|
||
});
|
||
|
||
CozeBotSDK.sendToIframeMessage({
|
||
eventName: "callCozeConversation",
|
||
isLastWindow: true
|
||
});
|
||
|
||
if (imgData) {
|
||
if(cozeSdkInitFlag){
|
||
setTimeout(function () {
|
||
CozeBotSDK.sendToIframeImageBase64({
|
||
eventName: "sendImgFile",
|
||
imageBase64: imgData,
|
||
presetMsg: '',
|
||
model: 0
|
||
});
|
||
}, 2000);
|
||
cozeSdkInitFlag = false;
|
||
}else {
|
||
setTimeout(function () {
|
||
CozeBotSDK.sendToIframeImageBase64({
|
||
eventName: "sendImgFile",
|
||
imageBase64: imgData,
|
||
presetMsg: '',
|
||
model: 0
|
||
});
|
||
}, 1000);
|
||
}
|
||
}else {
|
||
if(typeof additional == 'undefined'){
|
||
additional = '';
|
||
}
|
||
setTimeout(function () {
|
||
CozeBotSDK.additionalMessages({
|
||
eventName: 'additionalMessages',
|
||
msg: additional
|
||
});
|
||
CozeBotSDK.sendToIframeMessage({
|
||
eventName: "sendMsgCozeConversation",
|
||
msg: text,
|
||
model: 0
|
||
});
|
||
}, 2000);
|
||
}
|
||
} catch (e) {
|
||
console.error("Error in CozeBotSDK:", e);
|
||
}
|
||
}
|
||
|
||
function openCozeBotForVideo(videoFrame) {
|
||
if (!videoFrame) {
|
||
return;
|
||
}
|
||
var canvas = document.createElement("canvas") // 创建canvas节点
|
||
var w = window.innerWidth
|
||
var h = (window.innerWidth / 16) * 9
|
||
canvas.width = w
|
||
canvas.height = h // 设置宽高
|
||
const ctx = canvas.getContext("2d")
|
||
var video = $(videoFrame).contents().find("#video_html5_api")[0]
|
||
ctx.drawImage(video, 0, 0, w, h) // video写入到canvas
|
||
var imgUrl = canvas.toDataURL("image/png")
|
||
showAssistant(imgUrl);
|
||
}
|
||
function openCozeBotForDoc(docEl) {
|
||
if(!docEl){
|
||
return;
|
||
}
|
||
var imgEl = getFirstVisibleImage(docEl);
|
||
|
||
if(imgEl != null){
|
||
$.ajax({
|
||
"url": _HOST_CP2_ + "/mycourse/img-base64",
|
||
"type": "post",
|
||
"dataType": "json",
|
||
"data": {
|
||
"courseId": ai_stu_CourseId,
|
||
"clazzId": ai_stu_clazzId,
|
||
"cpi": ai_stu_cpi,
|
||
"imgURL": imgEl.src
|
||
},
|
||
success: function (result) {
|
||
if (result.status) {
|
||
showAssistant(result.data);
|
||
}
|
||
},
|
||
error: function (jqXHR, textStatus, errorThrown) {
|
||
console.log("AJAX Error:", textStatus, errorThrown);
|
||
}
|
||
});
|
||
|
||
}else {
|
||
showAssistant();
|
||
}
|
||
}
|
||
|
||
function openCozeBotForText(text) {
|
||
showAssistant(null, text);
|
||
}
|
||
|
||
function openCozeBotTextAdditional(userRound1, aiRound1, userRound2) {
|
||
var additional = [ {
|
||
"role": "user",
|
||
"type": "question",
|
||
"content_type": "text",
|
||
"content": userRound1
|
||
}, {
|
||
"role": "assistant",
|
||
"type": "answer",
|
||
"content_type": "text",
|
||
"content": aiRound1
|
||
},{
|
||
"role": "user",
|
||
"type": "question",
|
||
"content_type": "text",
|
||
"content": userRound2
|
||
}
|
||
];
|
||
showAssistant(null, userRound2, additional);
|
||
}
|
||
|
||
function getFirstVisibleImage(docEl) {
|
||
// 获取视口的高度和宽度
|
||
const viewportHeight = docEl.contentWindow.innerHeight;
|
||
const viewportWidth = docEl.contentWindow.innerWidth;
|
||
|
||
// 获取视口的顶部和左边界（通常为0，除非有滚动）
|
||
const viewportTop = 0;
|
||
const viewportLeft = 0;
|
||
|
||
// 获取所有图片元素
|
||
const images = docEl.contentWindow.document.querySelectorAll('img');
|
||
|
||
var image;
|
||
var visibleHeight = 0;
|
||
|
||
// 遍历所有图片元素，检查是否在视口内
|
||
for (let i = 0; i < images.length; i++) {
|
||
const rect = images[i].getBoundingClientRect();
|
||
var setFlag = false;
|
||
if (rect.top < 0 && rect.bottom > 0) {
|
||
if (visibleHeight == 0) {
|
||
image = images[i];
|
||
visibleHeight = rect.bottom;
|
||
setFlag = true;
|
||
} else {
|
||
if (rect.bottom > visibleHeight) {
|
||
return images[i];
|
||
} else {
|
||
return image;
|
||
}
|
||
}
|
||
}
|
||
if (rect.top >= 0 && rect.bottom <= viewportHeight + rect.height) {
|
||
var nowHeight;
|
||
if (rect.bottom > viewportHeight) {
|
||
nowHeight = viewportHeight - rect.top;
|
||
} else {
|
||
nowHeight = rect.height;
|
||
}
|
||
if (visibleHeight == 0) {
|
||
visibleHeight = nowHeight;
|
||
image = images[i];
|
||
setFlag = true;
|
||
} else {
|
||
if (nowHeight > visibleHeight) {
|
||
return images[i];
|
||
} else {
|
||
return image;
|
||
}
|
||
}
|
||
}
|
||
if(image && images.length == 1){
|
||
return image;
|
||
}
|
||
if (!setFlag && visibleHeight > 0) {
|
||
return image;
|
||
}
|
||
}
|
||
|
||
// 如果没有找到任何可见图片，返回null
|
||
return null;
|
||
}
|
||
|
||
window.addEventListener("message", function (event) {
|
||
var data = event.data;
|
||
if (data && data.eventName == 'recordMessage') {
|
||
saveAskRecord(data.content, data.objectId);
|
||
}
|
||
})
|
||
</script>
|
||
|
||
<script type="text/javascript">
|
||
function showCeyanAssistant(text, imgData, sourceInfo) {
|
||
|
||
if (!text && !imgData) {
|
||
return;
|
||
}
|
||
if (text && text.length > 0) {
|
||
showCeyanAssistantText(text, sourceInfo);
|
||
} else if (imgData && imgData.length > 0) {
|
||
showCeyanAssistantImg(imgData, sourceInfo);
|
||
}
|
||
}
|
||
|
||
function showCeyanAssistantImg(imgData, sourceInfo) {
|
||
try {
|
||
var cozeAskIdEl = $("#cozeAskId");
|
||
if (cozeAskIdEl.html() && cozeAskIdEl.html().trim() != '') {
|
||
cozeAskIdEl.empty();
|
||
}
|
||
CozeBotSDK.init({
|
||
appId: "1192651262850",
|
||
botId: "7429626930406326309",
|
||
rootElementId: "aiAssistantId",
|
||
target: 'https://stat2-ans.chaoxing.com',
|
||
upload: true,
|
||
sourceInfo: sourceInfo
|
||
});
|
||
|
||
CozeBotSDK.sendToIframeMessage({
|
||
eventName: "callCozeConversation",
|
||
isLastWindow: true
|
||
});
|
||
|
||
setTimeout(function () {
|
||
CozeBotSDK.sendToIframeImageBase64({
|
||
eventName: "sendImgFile",
|
||
imageBase64: imgData,
|
||
presetMsg: "讲解一下这道题",
|
||
model: 1
|
||
});
|
||
}, 2000);
|
||
} catch (e) {
|
||
console.error("Error in CozeBotSDK:", e);
|
||
}
|
||
}
|
||
|
||
function showCeyanAssistantText(text, sourceInfo) {
|
||
try {
|
||
var cozeAskIdEl = $("#cozeAskId");
|
||
if (cozeAskIdEl.html() && cozeAskIdEl.html().trim() != '') {
|
||
cozeAskIdEl.empty();
|
||
}
|
||
CozeBotSDK.init({
|
||
appId: "1192651262850",
|
||
botId: "7429626930406326309",
|
||
rootElementId: "aiAssistantId",
|
||
upload: true,
|
||
target: 'https://stat2-ans.chaoxing.com',
|
||
sourceInfo: sourceInfo
|
||
});
|
||
|
||
CozeBotSDK.sendToIframeMessage({
|
||
eventName: "callCozeConversation",
|
||
isLastWindow: true
|
||
});
|
||
|
||
setTimeout(function () {
|
||
CozeBotSDK.sendToIframeMessage({
|
||
eventName: "sendMsgCozeConversation",
|
||
msg: text,
|
||
model: 1
|
||
});
|
||
}, 2000);
|
||
} catch (e) {
|
||
console.error("Error in CozeBotSDK:", e);
|
||
}
|
||
}
|
||
</script>
|
||
|
||
<div id="edui_fixedlayer" class="edui-default" style="position: fixed; left: 0px; top: 0px; width: 0px; height: 0px;"><div id="edui140" class="edui-popup edui-bubble edui-default" style="display: none;"> <div id="edui140_body" class="edui-popup-body edui-default"> <iframe style="position:absolute;z-index:-1;left:0;top:0;background-color: transparent;" frameborder="0" width="100%" height="100%" src="./学生学习页面_files/saved_resource(5).html" class="edui-default"></iframe> <div class="edui-shadow edui-default"></div> <div id="edui140_content" class="edui-popup-content edui-default"> </div> </div></div></div><div class="maskDiv popUeditorDelShowHide editorMaskDiv" style="display: none;"><div class="popDiv wid440 popMove confirmWindow"><div class="popHead"><a href="javascript:void(0);" class="popClose fr popMoveDele"><img src="./学生学习页面_files/popClose(2).png"></a><p class="fl fs18 colorDeep lh60">提示</p></div><div class="het62"></div><p class="popWord fs16 colorIn">确认删除？</p><div class="popBottom"><a href="javascript:void(0);" class="btn-blue fr fs14 confirm">删除</a><a href="javascript:void(0);" class="btn-white fr fs14 popMoveDele cancle">取消</a></div><div class="het72"></div></div></div></body><div id="immersive-translate-popup" style="all: initial"><template shadowrootmode="open"><style>/** 基础色阶定义 **/
|
||
:root,
|
||
#mount[data-theme="light"],
|
||
#mount:not([data-theme="dark"]) {
|
||
/* 中性灰阶（light） */
|
||
--c-00: #000000;
|
||
--c-22: #222222;
|
||
--c-33: #333333;
|
||
--c-66: #666666;
|
||
--c-83: #838383;
|
||
--c-99: #999999;
|
||
--c-c7: #c7c7c7;
|
||
--c-cc: #cccccc;
|
||
--c-e6: #e6e6e6;
|
||
--c-f5: #f5f5f5;
|
||
--c-ff: #ffffff;
|
||
/* 品牌主色阶（light） */
|
||
--p-main: #ea4c89;
|
||
--p-hover: #ec5e95;
|
||
--p-active: #e34a85;
|
||
--p-special: #ee71a2;
|
||
--p-disabled: #f4a5c4;
|
||
--p-text-disabled: #f9c9dc;
|
||
--p-weak: #fdedf3;
|
||
/* Surface 层级（light，TC 填充-1） */
|
||
--s-1: #f3f5f6;
|
||
--s-1-hover: #f6f8f9;
|
||
--s-1-active: #edf1f2;
|
||
--s-1-weak: #fafbfb;
|
||
/* 输入/边框（light，TC 填充-2） */
|
||
--input-bg-base: #fafbfc;
|
||
--input-border: #ecf0f7;
|
||
--input-border-strong: #e0e0e6;
|
||
--input-bg-strong: #fafdff;
|
||
}
|
||
|
||
:root[data-theme="dark"],
|
||
[data-theme="dark"] {
|
||
/* 中性灰阶（dark） */
|
||
--c-00: #ffffff;
|
||
--c-22: #dbdbdb;
|
||
--c-33: #dbdbdb;
|
||
--c-66: #b3b3b3;
|
||
--c-83: #838383;
|
||
--c-99: #707070;
|
||
--c-c7: #666666;
|
||
--c-cc: #5c5c5c;
|
||
--c-e6: #3b3b3b;
|
||
--c-f5: #262626;
|
||
--c-ff: #222222;
|
||
/* 品牌主色阶（dark） */
|
||
--p-main: #e23c7c;
|
||
--p-hover: #ea4c89;
|
||
--p-active: #d5467d;
|
||
--p-special: #a93a65;
|
||
--p-disabled: #7e2f4d;
|
||
--p-text-disabled: #522335;
|
||
--p-weak: #26171d;
|
||
/* Surface 层级（dark，TC 填充-1） */
|
||
--s-1: #2d2e2f;
|
||
--s-1-hover: #323434;
|
||
--s-1-active: #202121;
|
||
--s-1-weak: #262627;
|
||
/* 输入/边框（dark，TC 填充-2） */
|
||
--input-bg-base: #2b2d30;
|
||
--input-border: #3e434b;
|
||
--input-border-strong: #43474b;
|
||
--input-bg-strong: #1f2123;
|
||
}
|
||
|
||
:root,
|
||
#mount [data-theme] {
|
||
/* 业务/通用变量引用色阶（全局可见，含 Shadow DOM） */
|
||
--primary: var(--p-main);
|
||
--primary-hover: var(--p-hover);
|
||
--primary-inverse: #fff;
|
||
--modal-background: var(--s-1);
|
||
--modal-border: var(--input-border);
|
||
--modal-text: var(--c-22);
|
||
--modal-text-secondary: var(--c-66);
|
||
--modal-error: var(--p-main);
|
||
--modal-required: #f53f3f;
|
||
--modal-success: #68cd52;
|
||
--modal-button-background: var(--p-main);
|
||
--modal-button-text: var(--c-ff);
|
||
--modal-input-background: var(--input-bg-base);
|
||
--modal-check-color: var(--p-main);
|
||
--background-color: var(--c-ff);
|
||
--background-light-green: var(--s-1-weak, #f5f7f9);
|
||
--text-black-2: var(--c-22);
|
||
--text-gray-2: var(--c-22);
|
||
--text-gray-6: var(--c-66);
|
||
--text-gray-9: var(--c-99);
|
||
--text-gray-c2: var(--c-c7);
|
||
--switch-background-color: var(--c-c7, hsl(205deg, 16%, 77%));
|
||
--float-ball-more-button-border-color: var(--c-f5, #f6f6f6);
|
||
--float-ball-more-button-background-color: var(--c-ff);
|
||
--float-ball-more-button-svg-color: #6c6f73;
|
||
--service-bg-hover: var(--s-1-hover, #f7faff);
|
||
--service-bg: var(--s-1-weak, #fafbfb);
|
||
}
|
||
|
||
#mount {
|
||
--font-family: var(
|
||
system-ui,
|
||
-apple-system,
|
||
"Segoe UI",
|
||
"Roboto",
|
||
"Ubuntu",
|
||
"Cantarell",
|
||
"Noto Sans",
|
||
sans-serif,
|
||
"Apple Color Emoji",
|
||
"Segoe UI Emoji",
|
||
"Segoe UI Symbol",
|
||
"Noto Color Emoji"
|
||
);
|
||
/* PC/H5 兼容的字号、间距、圆角、阴影变量 */
|
||
--f-12: 12px;
|
||
--f-14: 14px;
|
||
--f-15: 15px;
|
||
--f-16: 16px;
|
||
--f-18: 18px;
|
||
--f-20: 20px;
|
||
--space-4: 4px;
|
||
--space-6: 6px;
|
||
--space-8: 8px;
|
||
--space-12: 12px;
|
||
--space-16: 16px;
|
||
--space-18: 18px;
|
||
--space-24: 24px;
|
||
--radius-8: 8px;
|
||
--radius-12: 12px;
|
||
--radius-16: 16px;
|
||
--control-height-lg: 44px;
|
||
--width-28: 28px;
|
||
--width-24: 24px;
|
||
--width-20: 20px;
|
||
--width-18: 18px;
|
||
--width-16: 16px;
|
||
--width-label-md: 56px;
|
||
--shadow-lg: 0 18px 48px rgba(0, 0, 0, 0.12);
|
||
|
||
/* 常规变量 */
|
||
--line-height: 1.5;
|
||
--font-weight: 400;
|
||
--font-size: 16px;
|
||
--border-radius: 4px;
|
||
--border-width: 2px;
|
||
--outline-width: 3px;
|
||
--spacing: 16px;
|
||
--typography-spacing-vertical: 24px;
|
||
--block-spacing-vertical: calc(var(--spacing) * 2);
|
||
--block-spacing-horizontal: var(--spacing);
|
||
--grid-spacing-vertical: 0;
|
||
--grid-spacing-horizontal: var(--spacing);
|
||
--form-element-spacing-vertical: 12px;
|
||
--form-element-spacing-horizontal: 16px;
|
||
--nav-element-spacing-vertical: 16px;
|
||
--nav-element-spacing-horizontal: 8px;
|
||
--nav-link-spacing-vertical: 8px;
|
||
--nav-link-spacing-horizontal: 8px;
|
||
--form-label-font-weight: var(--font-weight);
|
||
--transition: 0.2s ease-in-out;
|
||
--modal-overlay-backdrop-filter: blur(4px);
|
||
--switch-color: var(--primary-inverse);
|
||
--switch-checked-background-color: var(--primary);
|
||
--icon-xia: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9IkZyYW1lIj4KPHBhdGggaWQ9IlZlY3RvciIgZD0iTTguMDAyOTEgOS42Nzk4M0wzLjgzMzM5IDUuNTEyMjFMMy4wMjUzOSA2LjMxOTgzTDguMDAzMjkgMTEuMjk1MUwxMi45NzYyIDYuMzE5ODNMMTIuMTY3OSA1LjUxMjIxTDguMDAyOTEgOS42Nzk4M1oiIGZpbGw9IiM4MzgzODMiLz4KPC9nPgo8L3N2Zz4K");
|
||
/* 兼容旧变量：主色直接引用品牌主色阶 */
|
||
--primary: var(--p-main);
|
||
--primary-hover: var(--p-hover);
|
||
--primary-inverse: #fff;
|
||
/* Modal 业务变量引用色阶 */
|
||
--modal-background: var(--s-1);
|
||
--modal-border: var(--input-border);
|
||
--modal-text: var(--c-22);
|
||
--modal-text-secondary: var(--c-66);
|
||
--modal-error: var(--p-main);
|
||
--modal-required: #f53f3f;
|
||
--modal-success: #68cd52;
|
||
--modal-button-background: var(--p-main);
|
||
--modal-button-text: var(--c-ff);
|
||
--modal-input-background: var(--input-bg-base);
|
||
--modal-check-color: var(--p-main);
|
||
--background-color: var(--c-ff);
|
||
--background-light-green: var(--s-1-weak, #f5f7f9);
|
||
--text-black-2: var(--c-22);
|
||
--text-gray-2: var(--c-22);
|
||
--text-gray-6: var(--c-66);
|
||
--text-gray-9: var(--c-99);
|
||
--text-gray-c2: var(--c-c7);
|
||
--switch-background-color: var(--c-c7, hsl(205deg, 16%, 77%));
|
||
--float-ball-more-button-border-color: var(--c-f5, #f6f6f6);
|
||
--float-ball-more-button-background-color: var(--c-ff);
|
||
--float-ball-more-button-svg-color: #6c6f73;
|
||
--service-bg-hover: var(--s-1-hover, #f7faff);
|
||
--service-bg: var(--s-1-weak, #fafbfb);
|
||
line-height: var(--line-height);
|
||
font-family: var(--font-family);
|
||
font-size: var(--font-size);
|
||
}
|
||
|
||
@media (max-width: 480px) {
|
||
:root,
|
||
#mount {
|
||
--f-12: 10px;
|
||
--f-14: 12px;
|
||
--f-15: 13px;
|
||
--f-16: 14px;
|
||
--f-18: 16px;
|
||
--f-20: 18px;
|
||
--space-4: 4px;
|
||
--space-6: 4px;
|
||
--space-8: 6px;
|
||
--space-12: 8px;
|
||
--space-16: 12px;
|
||
--space-18: 14px;
|
||
--space-24: 18px;
|
||
--radius-8: 6px;
|
||
--radius-12: 10px;
|
||
--radius-16: 12px;
|
||
--control-height-lg: 38px;
|
||
--shadow-lg: 0 12px 32px rgba(0, 0, 0, 0.1);
|
||
--width-28: 24px;
|
||
--width-24: 20px;
|
||
--width-20: 16px;
|
||
--width-18: 14px;
|
||
--width-16: 12px;
|
||
--width-label-md: 52px;
|
||
}
|
||
}
|
||
|
||
#mount * {
|
||
box-sizing: border-box;
|
||
}
|
||
|
||
[hidden] {
|
||
display: none !important;
|
||
}
|
||
|
||
:where(#mount) a,
|
||
:where(#mount) [role="link"] {
|
||
--color: var(--primary);
|
||
--background-color: transparent;
|
||
outline: none;
|
||
background-color: var(--background-color);
|
||
color: var(--color);
|
||
-webkit-text-decoration: var(--text-decoration);
|
||
text-decoration: var(--text-decoration);
|
||
transition: background-color var(--transition), color var(--transition),
|
||
box-shadow var(--transition), -webkit-text-decoration var(--transition);
|
||
transition: background-color var(--transition), color var(--transition),
|
||
text-decoration var(--transition), box-shadow var(--transition);
|
||
transition: background-color var(--transition), color var(--transition),
|
||
text-decoration var(--transition), box-shadow var(--transition),
|
||
-webkit-text-decoration var(--transition);
|
||
}
|
||
:where(#mount) a:is([aria-current], :hover, :active, :focus),
|
||
:where(#mount) [role="link"]:is([aria-current], :hover, :active, :focus) {
|
||
--color: var(--primary-hover);
|
||
--text-decoration: underline;
|
||
}
|
||
|
||
:where(#mount) label {
|
||
font-size: 13px;
|
||
line-height: 1.3;
|
||
color: var(--text-gray-2, #222222);
|
||
}
|
||
|
||
:where(#mount) button {
|
||
width: 100%;
|
||
font-family: inherit;
|
||
font-size: 15px;
|
||
line-height: 1.3;
|
||
min-height: 44px;
|
||
border-radius: 12px;
|
||
padding: 0 14px;
|
||
border: none;
|
||
background-color: var(--primary, #ea4c89);
|
||
color: #ffffff;
|
||
cursor: pointer;
|
||
transition: background-color 0.2s ease, box-shadow 0.2s ease, color 0.2s ease;
|
||
}
|
||
|
||
:where(#mount) button:hover {
|
||
background-color: var(--primary-hover, #f082ac);
|
||
}
|
||
|
||
:where(#mount) button:disabled {
|
||
opacity: 0.6;
|
||
cursor: not-allowed;
|
||
}
|
||
|
||
:where(#mount) select,
|
||
:where(#mount) input,
|
||
:where(#mount) textarea {
|
||
font-family: inherit;
|
||
color: var(--text-gray-2, #222222);
|
||
}
|
||
|
||
:where(#mount) select {
|
||
appearance: none;
|
||
-webkit-appearance: none;
|
||
-moz-appearance: none;
|
||
font-family: inherit;
|
||
color: var(--text-gray-2, inherit);
|
||
font-size: 13px;
|
||
line-height: 1.3;
|
||
outline: none;
|
||
padding: 8px 16px;
|
||
border: none;
|
||
border-radius: 12px;
|
||
background-color: var(--popup-item-background-color, transparent);
|
||
background-image: var(--icon-xia, none);
|
||
background-repeat: no-repeat;
|
||
background-position: center right 12px;
|
||
background-size: 16px auto;
|
||
cursor: pointer;
|
||
}
|
||
|
||
:where(#mount) input[type="checkbox"] {
|
||
accent-color: var(--primary, #ea4c89);
|
||
}
|
||
|
||
[type="checkbox"],
|
||
[type="radio"] {
|
||
-webkit-appearance: none;
|
||
-moz-appearance: none;
|
||
appearance: none;
|
||
width: 1.25em;
|
||
height: 1.25em;
|
||
margin-top: -0.125em;
|
||
margin-right: 0.375em;
|
||
margin-left: 0;
|
||
-webkit-margin-start: 0;
|
||
margin-inline-start: 0;
|
||
-webkit-margin-end: 0.375em;
|
||
margin-inline-end: 0.375em;
|
||
border-width: var(--border-width);
|
||
font-size: inherit;
|
||
vertical-align: middle;
|
||
cursor: pointer;
|
||
}
|
||
[type="checkbox"]::-ms-check,
|
||
[type="radio"]::-ms-check {
|
||
display: none;
|
||
}
|
||
[type="checkbox"]:checked,
|
||
[type="checkbox"]:checked:active,
|
||
[type="checkbox"]:checked:focus,
|
||
[type="radio"]:checked,
|
||
[type="radio"]:checked:active,
|
||
[type="radio"]:checked:focus {
|
||
--background-color: var(--primary);
|
||
--border-color: var(--primary);
|
||
background-image: var(--icon-checkbox);
|
||
background-position: center;
|
||
background-size: 0.75em auto;
|
||
background-repeat: no-repeat;
|
||
}
|
||
[type="checkbox"] ~ label,
|
||
[type="radio"] ~ label {
|
||
display: inline-block;
|
||
margin-right: 0.375em;
|
||
margin-bottom: 0;
|
||
cursor: pointer;
|
||
}
|
||
|
||
[type="checkbox"]:indeterminate {
|
||
--background-color: var(--primary);
|
||
--border-color: var(--primary);
|
||
background-image: var(--icon-minus);
|
||
background-position: center;
|
||
background-size: 0.75em auto;
|
||
background-repeat: no-repeat;
|
||
}
|
||
|
||
[type="radio"] {
|
||
border-radius: 50%;
|
||
}
|
||
[type="radio"]:checked,
|
||
[type="radio"]:checked:active,
|
||
[type="radio"]:checked:focus {
|
||
--background-color: var(--primary-inverse);
|
||
border-width: 0.35em;
|
||
background-image: none;
|
||
}
|
||
|
||
:where(#mount) [type="checkbox"][role="switch"] {
|
||
--background-color: var(--switch-background-color);
|
||
--border-color: var(--switch-background-color);
|
||
--color: var(--switch-color);
|
||
width: 2.25em;
|
||
height: 1.25em;
|
||
border: var(--border-width) solid var(--border-color);
|
||
border-radius: 1.25em;
|
||
background-color: var(--background-color);
|
||
line-height: 1.25em;
|
||
}
|
||
:where(#mount) [type="checkbox"][role="switch"]:focus {
|
||
--background-color: var(--switch-background-color);
|
||
--border-color: var(--switch-background-color);
|
||
}
|
||
:where(#mount) [type="checkbox"][role="switch"]:checked {
|
||
--background-color: var(--switch-checked-background-color);
|
||
--border-color: var(--switch-checked-background-color);
|
||
}
|
||
:where(#mount) [type="checkbox"][role="switch"]:before {
|
||
display: block;
|
||
width: calc(1.25em - (var(--border-width) * 2));
|
||
height: 100%;
|
||
border-radius: 50%;
|
||
background-color: var(--color);
|
||
content: "";
|
||
transition: margin 0.1s ease-in-out;
|
||
}
|
||
:where(#mount) [type="checkbox"][role="switch"]:checked {
|
||
background-image: none;
|
||
}
|
||
:where(#mount) [type="checkbox"][role="switch"]:checked::before {
|
||
margin-left: calc(1.125em - var(--border-width));
|
||
-webkit-margin-start: calc(1.125em - var(--border-width));
|
||
margin-inline-start: calc(1.125em - var(--border-width));
|
||
}
|
||
|
||
:where(#mount) [type="checkbox"][aria-invalid="false"],
|
||
:where(#mount) [type="checkbox"]:checked[aria-invalid="false"],
|
||
:where(#mount) [type="radio"][aria-invalid="false"],
|
||
:where(#mount) [type="radio"]:checked[aria-invalid="false"],
|
||
:where(#mount) [type="checkbox"][role="switch"][aria-invalid="false"],
|
||
:where(#mount) [type="checkbox"][role="switch"]:checked[aria-invalid="false"] {
|
||
--border-color: var(--form-element-valid-border-color);
|
||
}
|
||
:where(#mount) [type="checkbox"][aria-invalid="true"],
|
||
:where(#mount) [type="checkbox"]:checked[aria-invalid="true"],
|
||
:where(#mount) [type="radio"][aria-invalid="true"],
|
||
:where(#mount) [type="radio"]:checked[aria-invalid="true"],
|
||
:where(#mount) [type="checkbox"][role="switch"][aria-invalid="true"],
|
||
:where(#mount) [type="checkbox"][role="switch"]:checked[aria-invalid="true"] {
|
||
--border-color: var(--form-element-invalid-border-color);
|
||
}
|
||
|
||
.text-black {
|
||
color: var(--text-black-2);
|
||
}
|
||
|
||
.text-gray-2 {
|
||
color: var(--text-gray-2);
|
||
}
|
||
|
||
.text-gray-6 {
|
||
color: var(--text-gray-6);
|
||
}
|
||
|
||
.text-gray-9 {
|
||
color: var(--text-gray-9);
|
||
}
|
||
|
||
.text-gray-c2 {
|
||
color: var(--text-gray-c2);
|
||
}
|
||
|
||
.pt-4 {
|
||
padding-top: 16px;
|
||
}
|
||
|
||
.p-2 {
|
||
padding: 8px;
|
||
}
|
||
|
||
.pl-5 {
|
||
padding-left: 48px;
|
||
}
|
||
|
||
.p-0 {
|
||
padding: 0;
|
||
}
|
||
|
||
.pl-2 {
|
||
padding-left: 8px;
|
||
}
|
||
|
||
.pl-4 {
|
||
padding-left: 24px;
|
||
}
|
||
|
||
.pt-2 {
|
||
padding-top: 8px;
|
||
}
|
||
|
||
.pb-2 {
|
||
padding-bottom: 8px;
|
||
}
|
||
|
||
.pb-4 {
|
||
padding-bottom: 16px;
|
||
}
|
||
|
||
.pb-5 {
|
||
padding-bottom: 20px;
|
||
}
|
||
|
||
.pr-5 {
|
||
padding-right: 48px;
|
||
}
|
||
|
||
.text-sm {
|
||
font-size: 13px;
|
||
}
|
||
|
||
.text-base {
|
||
font-size: 16px;
|
||
}
|
||
|
||
.w-full {
|
||
width: 100%;
|
||
}
|
||
|
||
.flex {
|
||
display: flex;
|
||
}
|
||
|
||
.flex-row {
|
||
flex-direction: row;
|
||
}
|
||
|
||
.flex-wrap {
|
||
flex-wrap: wrap;
|
||
}
|
||
|
||
.flex-end {
|
||
justify-content: flex-end;
|
||
}
|
||
|
||
.flex-grow {
|
||
flex-grow: 1;
|
||
}
|
||
|
||
.justify-between {
|
||
justify-content: space-between;
|
||
}
|
||
|
||
.mb-0 {
|
||
margin-bottom: 0px;
|
||
}
|
||
|
||
.mb-2 {
|
||
margin-bottom: 8px;
|
||
}
|
||
|
||
.mb-4 {
|
||
margin-bottom: 16px;
|
||
}
|
||
|
||
.mb-3 {
|
||
margin-bottom: 12px;
|
||
}
|
||
|
||
.inline-block {
|
||
display: inline-block;
|
||
}
|
||
|
||
.py-2 {
|
||
padding-top: 8px;
|
||
padding-bottom: 8px;
|
||
}
|
||
|
||
.py-2-5 {
|
||
padding-top: 6px;
|
||
padding-bottom: 6px;
|
||
}
|
||
|
||
.mt-0 {
|
||
margin-top: 0;
|
||
}
|
||
|
||
.mt-2 {
|
||
margin-top: 8px;
|
||
}
|
||
|
||
.mt-3 {
|
||
margin-top: 12px;
|
||
}
|
||
|
||
.mt-4 {
|
||
margin-top: 16px;
|
||
}
|
||
|
||
.mt-5 {
|
||
margin-top: 20px;
|
||
}
|
||
|
||
.mt-6 {
|
||
margin-top: 24px;
|
||
}
|
||
|
||
.mb-1 {
|
||
margin-bottom: 4px;
|
||
}
|
||
|
||
.ml-4 {
|
||
margin-left: 24px;
|
||
}
|
||
|
||
.ml-3 {
|
||
margin-left: 16px;
|
||
}
|
||
|
||
.ml-2 {
|
||
margin-left: 8px;
|
||
}
|
||
|
||
.ml-1 {
|
||
margin-left: 4px;
|
||
}
|
||
|
||
.mr-1 {
|
||
margin-right: 4px;
|
||
}
|
||
|
||
.mr-2 {
|
||
margin-right: 8px;
|
||
}
|
||
|
||
.mr-3 {
|
||
margin-right: 16px;
|
||
}
|
||
|
||
.mx-2 {
|
||
margin-left: 8px;
|
||
margin-right: 8px;
|
||
}
|
||
|
||
.pl-3 {
|
||
padding-left: 12px;
|
||
}
|
||
|
||
.pr-3 {
|
||
padding-right: 12px;
|
||
}
|
||
|
||
.p-3 {
|
||
padding: 12px;
|
||
}
|
||
|
||
.px-1 {
|
||
padding-left: 4px;
|
||
padding-right: 4px;
|
||
}
|
||
|
||
.px-3 {
|
||
padding-left: 12px;
|
||
padding-right: 12px;
|
||
}
|
||
|
||
.pt-3 {
|
||
padding-top: 12px;
|
||
}
|
||
|
||
.px-6 {
|
||
padding-left: 18px;
|
||
padding-right: 18px;
|
||
}
|
||
|
||
.px-4 {
|
||
padding-left: 16px;
|
||
padding-right: 16px;
|
||
}
|
||
|
||
.pt-6 {
|
||
padding-top: 20px;
|
||
}
|
||
|
||
.py-3 {
|
||
padding-top: 12px;
|
||
padding-bottom: 12px;
|
||
}
|
||
|
||
.py-0 {
|
||
padding-top: 0;
|
||
padding-bottom: 0;
|
||
}
|
||
|
||
.left-auto {
|
||
left: auto !important;
|
||
}
|
||
|
||
.max-h-28 {
|
||
max-height: 112px;
|
||
}
|
||
|
||
.max-h-30 {
|
||
max-height: 120px;
|
||
}
|
||
|
||
.overflow-y-scroll {
|
||
overflow-y: scroll;
|
||
}
|
||
|
||
.text-xs {
|
||
font-size: 12px;
|
||
}
|
||
|
||
.inline-flex {
|
||
display: inline-flex;
|
||
}
|
||
|
||
.flex-1 {
|
||
flex: 1;
|
||
}
|
||
|
||
.flex-3 {
|
||
flex: 3;
|
||
}
|
||
|
||
.flex-4 {
|
||
flex: 4;
|
||
}
|
||
|
||
.flex-2 {
|
||
flex: 2;
|
||
}
|
||
|
||
.items-center {
|
||
align-items: center;
|
||
}
|
||
|
||
.max-content {
|
||
width: max-content;
|
||
}
|
||
|
||
.justify-center {
|
||
justify-content: center;
|
||
}
|
||
|
||
.items-end {
|
||
align-items: flex-end;
|
||
}
|
||
|
||
.items-baseline {
|
||
align-items: baseline;
|
||
}
|
||
|
||
.my-5 {
|
||
margin-top: 48px;
|
||
margin-bottom: 48px;
|
||
}
|
||
|
||
.my-4 {
|
||
margin-top: 24px;
|
||
margin-bottom: 24px;
|
||
}
|
||
|
||
.my-3 {
|
||
margin-top: 16px;
|
||
margin-bottom: 16px;
|
||
}
|
||
|
||
.pt-3 {
|
||
padding-top: 12px;
|
||
}
|
||
|
||
.px-3 {
|
||
padding-left: 12px;
|
||
padding-right: 12px;
|
||
}
|
||
|
||
.pt-2 {
|
||
padding-top: 8px;
|
||
}
|
||
|
||
.px-2 {
|
||
padding-left: 8px;
|
||
padding-right: 8px;
|
||
}
|
||
|
||
.pt-1 {
|
||
padding-top: 4px;
|
||
}
|
||
|
||
.px-1 {
|
||
padding-left: 4px;
|
||
padding-right: 4px;
|
||
}
|
||
|
||
.pb-2 {
|
||
padding-bottom: 8px;
|
||
}
|
||
|
||
.justify-end {
|
||
justify-content: flex-end;
|
||
}
|
||
|
||
.w-auto {
|
||
width: auto;
|
||
}
|
||
|
||
.shrink-0 {
|
||
flex-shrink: 0;
|
||
}
|
||
|
||
.text-right {
|
||
text-align: right;
|
||
}
|
||
|
||
.clickable {
|
||
cursor: pointer;
|
||
}
|
||
|
||
.close {
|
||
cursor: pointer;
|
||
width: 16px;
|
||
height: 16px;
|
||
background-image: var(--icon-close);
|
||
background-position: center;
|
||
background-size: auto 1rem;
|
||
background-repeat: no-repeat;
|
||
opacity: 0.5;
|
||
transition: opacity var(--transition);
|
||
}
|
||
|
||
.padding-two-column {
|
||
padding-left: 40px;
|
||
padding-right: 40px;
|
||
}
|
||
|
||
.muted {
|
||
color: #999;
|
||
}
|
||
|
||
.text-label {
|
||
color: #666;
|
||
}
|
||
|
||
.display-none {
|
||
display: none;
|
||
}
|
||
|
||
/* dark use #18232c */
|
||
@media (prefers-color-scheme: dark) {
|
||
.text-label {
|
||
color: #9ca3af;
|
||
}
|
||
}
|
||
|
||
.text-decoration-none {
|
||
text-decoration: none;
|
||
}
|
||
|
||
.text-decoration-none:is([aria-current], :hover, :active, :focus),
|
||
[role="link"]:is([aria-current], :hover, :active, :focus) {
|
||
--text-decoration: none !important;
|
||
background-color: transparent !important;
|
||
}
|
||
|
||
.text-overflow-ellipsis {
|
||
text-overflow: ellipsis;
|
||
overflow: hidden;
|
||
white-space: nowrap;
|
||
}
|
||
|
||
.max-w-20 {
|
||
max-width: 180px;
|
||
white-space: nowrap;
|
||
}
|
||
|
||
[data-theme="light"],
|
||
#mount:not([data-theme="dark"]) {
|
||
--popup-footer-background-color: #e8eaeb;
|
||
--popup-content-background-color: #ffffff;
|
||
--popup-item-background-color: #f3f5f6;
|
||
--popup-item-hover-background-color: #eaeced;
|
||
--popup-trial-pro-background-color: #f9fbfc;
|
||
--service-select-content-shadow: 0px 2px 12px 0px rgba(75, 76, 77, 0.2);
|
||
--service-select-border-color: #fafafa;
|
||
--service-select-selected-background-color: #f3f5f6;
|
||
--download-app-background: #f3f5f6;
|
||
}
|
||
|
||
[data-theme="dark"] {
|
||
--popup-footer-background-color: #0d0d0d;
|
||
--popup-content-background-color: #191919;
|
||
--popup-item-background-color: #272727;
|
||
--popup-item-hover-background-color: #333333;
|
||
--popup-trial-pro-background-color: #222222;
|
||
--service-select-content-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.9);
|
||
--service-select-border-color: #2c2c2c;
|
||
--service-select-selected-background-color: #333333;
|
||
--download-app-background: #333;
|
||
}
|
||
|
||
#mount {
|
||
min-width: 268px;
|
||
}
|
||
|
||
body {
|
||
padding: 0;
|
||
margin: 0 auto;
|
||
min-width: 268px;
|
||
border-radius: 10px;
|
||
}
|
||
|
||
.popup-container {
|
||
font-size: 16px;
|
||
--font-size: 16px;
|
||
color: #666;
|
||
background-color: var(--popup-footer-background-color);
|
||
width: 316px;
|
||
min-width: 316px;
|
||
}
|
||
|
||
.popup-content {
|
||
background-color: var(--popup-content-background-color);
|
||
border-radius: 0px 0px 12px 12px;
|
||
padding: 16px 20px;
|
||
}
|
||
|
||
.immersive-translate-popup-overlay {
|
||
position: fixed;
|
||
top: 0;
|
||
left: 0;
|
||
height: 100%;
|
||
width: 100%;
|
||
touch-action: none;
|
||
}
|
||
|
||
.immersive-translate-popup-wrapper {
|
||
background: var(--background-color);
|
||
border-radius: 10px;
|
||
border: 1px solid var(--muted-border-color);
|
||
}
|
||
|
||
.main-button {
|
||
font-size: 15px;
|
||
vertical-align: middle;
|
||
border-radius: 12px;
|
||
padding: unset;
|
||
height: 44px;
|
||
line-height: 44px;
|
||
}
|
||
|
||
select.language-select,
|
||
select.translate-service,
|
||
select.min-select {
|
||
--form-element-spacing-horizontal: 0;
|
||
margin-bottom: 0px;
|
||
max-width: unset;
|
||
flex: 1;
|
||
overflow: hidden;
|
||
font-size: 13px;
|
||
border: none;
|
||
border-radius: 8px;
|
||
padding-right: 30px;
|
||
padding-left: 0px;
|
||
background-position: center right 12px;
|
||
background-size: 16px auto;
|
||
background-image: var(--icon-xia);
|
||
text-overflow: ellipsis;
|
||
color: var(--text-gray-2);
|
||
background-color: transparent;
|
||
box-shadow: unset !important;
|
||
cursor: pointer;
|
||
}
|
||
|
||
select.more {
|
||
background-position: center right;
|
||
padding-right: 20px;
|
||
}
|
||
|
||
select.translate-service {
|
||
color: var(--text-black-2);
|
||
}
|
||
|
||
.min-select-container.disabled {
|
||
opacity: 0.5;
|
||
pointer-events: none;
|
||
}
|
||
|
||
.popup-footer {
|
||
background-color: var(--popup-footer-background-color);
|
||
height: 40px;
|
||
}
|
||
|
||
.language-select-container {
|
||
position: relative;
|
||
width: 100%;
|
||
background-color: var(--popup-item-background-color);
|
||
height: 55px;
|
||
border-radius: 12px;
|
||
}
|
||
|
||
select.language-select {
|
||
color: var(--text-black-2);
|
||
font-size: 14px;
|
||
padding: 8px 24px 24px 16px;
|
||
position: absolute;
|
||
border-radius: 12px;
|
||
position: absolute;
|
||
left: 0;
|
||
right: 0;
|
||
top: 0;
|
||
bottom: 0;
|
||
}
|
||
|
||
.language-select-container label {
|
||
position: absolute;
|
||
bottom: 10px;
|
||
left: 16px;
|
||
font-size: 12px;
|
||
color: var(--text-gray-9);
|
||
line-height: 12px;
|
||
margin: 0;
|
||
}
|
||
|
||
.translation-service-container {
|
||
background-color: var(--popup-item-background-color);
|
||
border-radius: 12px;
|
||
}
|
||
|
||
.min-select-container {
|
||
display: flex;
|
||
justify-content: space-between;
|
||
align-items: center;
|
||
height: 44px;
|
||
background-color: var(--popup-item-background-color);
|
||
padding-left: 16px;
|
||
}
|
||
|
||
.min-select-container:first-child {
|
||
border-top-left-radius: 10px;
|
||
border-top-right-radius: 10px;
|
||
}
|
||
|
||
.min-select-container:last-child {
|
||
border-bottom-left-radius: 10px;
|
||
border-bottom-right-radius: 10px;
|
||
}
|
||
|
||
.min-select-container:only-child {
|
||
border-radius: 10px;
|
||
}
|
||
|
||
.translate-mode {
|
||
width: 44px;
|
||
height: 44px;
|
||
border-radius: 22px;
|
||
background-color: var(--popup-item-background-color);
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: center;
|
||
flex-shrink: 0;
|
||
cursor: pointer;
|
||
}
|
||
|
||
.translate-mode svg {
|
||
fill: var(--text-gray-2);
|
||
}
|
||
|
||
.widgets-container {
|
||
display: flex;
|
||
align-items: stretch;
|
||
justify-content: space-between;
|
||
width: 100%;
|
||
gap: 9px;
|
||
}
|
||
|
||
/* 当只有两个小组件时的样式优化 */
|
||
.widgets-container.widgets-two-items {
|
||
gap: 16px;
|
||
}
|
||
|
||
.widgets-container.widgets-two-items .widget-item {
|
||
flex: 0 1 auto;
|
||
min-width: 93px;
|
||
max-width: 120px;
|
||
}
|
||
|
||
.widget-item {
|
||
display: flex;
|
||
max-width: 93px;
|
||
flex-direction: row;
|
||
align-items: center;
|
||
justify-content: center;
|
||
background-color: var(--popup-item-background-color);
|
||
font-size: 12px;
|
||
min-height: 44px;
|
||
height: 100%;
|
||
border-radius: 8px;
|
||
cursor: pointer;
|
||
flex: 1;
|
||
padding: 8px 4px;
|
||
text-align: center;
|
||
}
|
||
|
||
.widget-icon-text {
|
||
white-space: nowrap;
|
||
overflow: hidden;
|
||
text-overflow: ellipsis;
|
||
color: var(--text-gray-2);
|
||
}
|
||
|
||
.widgets-container svg {
|
||
fill: var(--text-gray-2);
|
||
color: var(--text-gray-2);
|
||
}
|
||
|
||
.share-button-container {
|
||
display: flex;
|
||
align-items: center;
|
||
cursor: pointer;
|
||
padding: 2px 3px 0 8px;
|
||
}
|
||
|
||
.share-button-container svg {
|
||
fill: var(--text-gray-9);
|
||
}
|
||
|
||
.min-select-container:hover,
|
||
.language-select-container:hover,
|
||
.widget-item:hover,
|
||
.translate-mode:hover {
|
||
background-color: var(--popup-item-hover-background-color);
|
||
}
|
||
|
||
.main-button:hover {
|
||
background-color: #f5508f;
|
||
}
|
||
|
||
.share-button-container:hover {
|
||
background-color: var(--popup-item-background-color);
|
||
border-radius: 6px;
|
||
}
|
||
|
||
.error-boundary {
|
||
background: #fff2f0;
|
||
border: 1px solid #ffccc7;
|
||
display: flex;
|
||
padding: 12px;
|
||
font-size: 14px;
|
||
color: rgba(0, 0, 0, 0.88);
|
||
word-break: break-all;
|
||
margin: 12px;
|
||
border-radius: 12px;
|
||
flex-direction: column;
|
||
}
|
||
|
||
.upgrade-pro {
|
||
border-radius: 11px;
|
||
background: linear-gradient(57deg, #272727 19.8%, #696969 82.2%);
|
||
padding: 2px 8px;
|
||
transform: scale(0.85);
|
||
}
|
||
|
||
.upgrade-pro span {
|
||
background: linear-gradient(180deg, #ffeab4 17.65%, #f8c235 85.29%);
|
||
background-clip: text;
|
||
-webkit-background-clip: text;
|
||
-webkit-text-fill-color: transparent;
|
||
font-size: 12px;
|
||
margin-left: 4px;
|
||
}
|
||
|
||
.upgrade-pro svg {
|
||
margin-top: -2px;
|
||
}
|
||
|
||
.upgrade-pro:hover {
|
||
background: linear-gradient(57deg, #3d3d3d 19.8%, #949494 82.2%);
|
||
}
|
||
|
||
.border-bottom-radius-0 {
|
||
border-bottom-left-radius: 0 !important;
|
||
border-bottom-right-radius: 0 !important;
|
||
}
|
||
|
||
.trial-pro-container {
|
||
border-radius: 0px 0px 12px 12px;
|
||
background: var(--popup-trial-pro-background-color);
|
||
display: flex;
|
||
align-items: center;
|
||
height: 44px;
|
||
padding-left: 16px;
|
||
padding-right: 12px;
|
||
font-size: 12px;
|
||
}
|
||
|
||
.trial-pro-container label {
|
||
line-height: 13px;
|
||
color: var(--text-black-2);
|
||
}
|
||
|
||
.trial-pro-container img {
|
||
margin-left: 5px;
|
||
}
|
||
|
||
.cursor-pointer {
|
||
cursor: pointer;
|
||
}
|
||
|
||
.upgrade-pro-discount-act {
|
||
height: 25px;
|
||
display: flex;
|
||
padding: 0 4px;
|
||
align-items: center;
|
||
border-radius: 15px;
|
||
background: linear-gradient(
|
||
90deg,
|
||
#cefbfa 11.33%,
|
||
#d7f56f 63.75%,
|
||
#fccd5e 100%
|
||
);
|
||
transform: scale(0.9);
|
||
box-shadow: 0px 1.8px 3.6px 0px rgba(0, 0, 0, 0.1);
|
||
cursor: pointer;
|
||
}
|
||
|
||
.upgrade-pro-discount-act span {
|
||
font-size: 12px;
|
||
font-weight: 700;
|
||
margin-left: 4px;
|
||
color: #222222;
|
||
}
|
||
|
||
.upgrade-pro-discount-act:hover {
|
||
text-decoration: unset;
|
||
background: linear-gradient(
|
||
90deg,
|
||
#e2fffe 11.33%,
|
||
#e6ff91 63.75%,
|
||
#ffdf93 100%
|
||
);
|
||
}
|
||
|
||
.custom-select-container {
|
||
width: 200px;
|
||
position: relative;
|
||
flex: 1;
|
||
}
|
||
|
||
#translation-service-select {
|
||
padding-right: 12px;
|
||
padding-left: 6px;
|
||
}
|
||
|
||
.custom-select-content {
|
||
border-radius: 12px;
|
||
background: var(--popup-content-background-color);
|
||
box-shadow: var(--service-select-content-shadow);
|
||
border: 1px solid var(--service-select-border-color);
|
||
padding: 4px 5px;
|
||
position: absolute;
|
||
left: -10px;
|
||
right: 0;
|
||
z-index: 100;
|
||
overflow-y: auto;
|
||
}
|
||
|
||
.custom-select-item.default {
|
||
width: 100%;
|
||
padding: 0;
|
||
}
|
||
|
||
.custom-select-item {
|
||
font-size: 13px;
|
||
padding: 5px 6px;
|
||
border-radius: 8px;
|
||
display: flex;
|
||
align-items: center;
|
||
cursor: pointer;
|
||
color: var(--text-black-2);
|
||
width: auto;
|
||
overflow: hidden;
|
||
height: 30px;
|
||
line-height: 30px;
|
||
}
|
||
|
||
.custom-select-item-img {
|
||
width: 20px;
|
||
height: 20px;
|
||
margin-right: 4px;
|
||
}
|
||
|
||
@media (prefers-color-scheme: dark) {
|
||
.custom-select-item-img {
|
||
margin-right: 6px;
|
||
}
|
||
}
|
||
|
||
.custom-select-content .custom-select-item.selected,
|
||
.custom-select-content .custom-select-item:hover {
|
||
background: var(--service-select-selected-background-color);
|
||
}
|
||
|
||
.custom-select-item > span {
|
||
white-space: nowrap;
|
||
overflow: hidden;
|
||
text-overflow: ellipsis;
|
||
}
|
||
|
||
.custom-select-item-pro {
|
||
font-size: 12px;
|
||
margin-left: 6px;
|
||
display: flex;
|
||
}
|
||
|
||
.custom-select-item-pro img {
|
||
margin: 0 3px;
|
||
width: 20px;
|
||
flex-shrink: 0;
|
||
}
|
||
|
||
.custom-select-group-header {
|
||
font-size: 12px;
|
||
font-weight: 500;
|
||
color: var(--text-gray-9);
|
||
padding: 6px 8px 4px;
|
||
margin-top: 2px;
|
||
text-transform: uppercase;
|
||
letter-spacing: 0.5px;
|
||
}
|
||
|
||
.more-container {
|
||
position: relative;
|
||
}
|
||
|
||
.new-menu-indicator {
|
||
position: absolute;
|
||
width: 8px;
|
||
height: 8px;
|
||
background-color: #ef3434;
|
||
border-radius: 50%;
|
||
right: 18px;
|
||
top: 4px;
|
||
}
|
||
|
||
.download-app {
|
||
display: inline-flex;
|
||
align-items: center;
|
||
gap: 4px;
|
||
border-radius: 8px;
|
||
background: var(--download-app-background);
|
||
padding: 4px 8px;
|
||
color: var(--text-gray-6);
|
||
font-size: 12px;
|
||
cursor: pointer;
|
||
transition: all 0.2s ease-in-out;
|
||
}
|
||
|
||
/* Popup 动画效果 */
|
||
@keyframes popup-fade-in {
|
||
from {
|
||
opacity: 0;
|
||
transform: translateY(10px) scale(0.95);
|
||
}
|
||
to {
|
||
opacity: 1;
|
||
transform: translateY(0) scale(1);
|
||
}
|
||
}
|
||
|
||
@keyframes popup-fade-out {
|
||
from {
|
||
opacity: 1;
|
||
transform: translateY(0) scale(1);
|
||
}
|
||
to {
|
||
opacity: 0;
|
||
transform: translateY(10px) scale(0.95);
|
||
}
|
||
}
|
||
|
||
.popup-generic-content {
|
||
animation: popup-fade-in 0.2s ease-out;
|
||
}
|
||
|
||
.popup-generic-content.hiding {
|
||
animation: popup-fade-out 0.15s ease-in;
|
||
}
|
||
|
||
select.min-select {
|
||
--form-element-spacing-horizontal: 0;
|
||
margin-bottom: 4px;
|
||
max-width: 128px;
|
||
overflow: hidden;
|
||
color: var(--primary);
|
||
font-size: 13px;
|
||
border: none;
|
||
padding: 0;
|
||
padding-right: 20px;
|
||
text-overflow: ellipsis;
|
||
color: var(--color);
|
||
}
|
||
select.min-select-secondary {
|
||
color: var(--color);
|
||
}
|
||
select.min-select:focus {
|
||
outline: none;
|
||
border: none;
|
||
--box-shadow: none;
|
||
}
|
||
|
||
select.min-select-left {
|
||
padding-right: 0px;
|
||
/* padding-left: 24px; */
|
||
/* background-position: center left 0; */
|
||
text-overflow: ellipsis;
|
||
text-align: left;
|
||
}
|
||
|
||
select.transform-padding-left {
|
||
padding-left: 12px;
|
||
transform: translateX(-12px);
|
||
background-position: center right 0px;
|
||
}
|
||
|
||
select.text-gray-6 {
|
||
color: var(--text-gray-6);
|
||
}
|
||
|
||
/* dark use black, for windows */
|
||
@media (prefers-color-scheme: dark) {
|
||
select.language-select option,
|
||
select.translate-service option,
|
||
select.min-select option {
|
||
background-color: #666666;
|
||
}
|
||
}
|
||
|
||
select.min-select-no-arrow {
|
||
background-image: none;
|
||
padding-right: 0;
|
||
}
|
||
|
||
|
||
|
||
.activity-tips {
|
||
border-radius: 8px;
|
||
padding: 0px 8px;
|
||
min-height: 28px;
|
||
background: linear-gradient(83deg, #FACCDE -0.87%, #FCE7EF 43.13%, #FBD6E4 72.08%, #FFB3D1 96.34%); gap: 2px;
|
||
color: #333;
|
||
cursor: pointer;
|
||
gap: 4px;
|
||
}
|
||
|
||
.activity-tips-icon {
|
||
width: 18px;
|
||
height: 18px;
|
||
flex-shrink: 0;
|
||
}
|
||
|
||
.countdown-container {
|
||
min-width: 50px;
|
||
text-align: left;
|
||
font-weight: 600;
|
||
font-size: 12px;
|
||
letter-spacing: 0.01em;
|
||
}
|
||
|
||
.activity-tips-text {
|
||
font-weight: 600;
|
||
max-width: 100px;
|
||
overflow: hidden;
|
||
text-overflow: ellipsis;
|
||
white-space: nowrap;
|
||
}
|
||
|
||
html {
|
||
font-size: 17px;
|
||
}
|
||
|
||
@media print {
|
||
.imt-fb-container {
|
||
display: none !important;
|
||
}
|
||
}
|
||
|
||
#mount {
|
||
position: absolute;
|
||
display: none;
|
||
min-width: 250px;
|
||
height: auto;
|
||
--font-size: 17px;
|
||
font-size: 17px;
|
||
}
|
||
|
||
/* float-ball */
|
||
.imt-fb-container {
|
||
position: fixed;
|
||
padding: 0;
|
||
top: 335px;
|
||
width: fit-content;
|
||
display: flex;
|
||
flex-direction: column;
|
||
display: none;
|
||
direction: ltr;
|
||
}
|
||
|
||
.imt-fb-container.left {
|
||
align-items: flex-start;
|
||
left: 0;
|
||
}
|
||
|
||
.imt-fb-container.right {
|
||
align-items: flex-end;
|
||
right: 0;
|
||
}
|
||
|
||
.imt-fb-btn {
|
||
cursor: pointer;
|
||
background: var(--float-ball-more-button-background-color);
|
||
height: 36px;
|
||
width: 56px;
|
||
box-shadow: 2px 6px 10px 0px #0e121629;
|
||
}
|
||
|
||
.imt-fb-btn.left {
|
||
border-top-right-radius: 36px;
|
||
border-bottom-right-radius: 36px;
|
||
}
|
||
|
||
.imt-fb-btn.right {
|
||
border-top-left-radius: 36px;
|
||
border-bottom-left-radius: 36px;
|
||
}
|
||
|
||
.imt-fb-btn div {
|
||
background: var(--float-ball-more-button-background-color);
|
||
height: 36px;
|
||
width: 54px;
|
||
display: flex;
|
||
align-items: center;
|
||
}
|
||
|
||
.imt-fb-btn.left div {
|
||
border-top-right-radius: 34px;
|
||
border-bottom-right-radius: 34px;
|
||
justify-content: flex-end;
|
||
}
|
||
|
||
.imt-fb-btn.right div {
|
||
border-top-left-radius: 34px;
|
||
border-bottom-left-radius: 34px;
|
||
}
|
||
|
||
.imt-fb-logo-img {
|
||
width: 20px;
|
||
height: 20px;
|
||
margin: 0 10px;
|
||
}
|
||
|
||
.imt-fb-logo-img-big-bg {
|
||
width: 28px;
|
||
height: 28px;
|
||
margin: 0;
|
||
padding: 4px;
|
||
background-color: #ed6d8f;
|
||
border-radius: 50%;
|
||
margin: 0 5px;
|
||
}
|
||
|
||
.imt-float-ball-translated {
|
||
position: absolute;
|
||
width: 11px;
|
||
height: 11px;
|
||
bottom: 4px;
|
||
right: 20px;
|
||
}
|
||
|
||
.btn-animate {
|
||
-webkit-transform: translate3d(0, 0, 0);
|
||
transform: translate3d(0, 0, 0);
|
||
-webkit-transition: -webkit-transform ease-out 250ms;
|
||
transition: -webkit-transform ease-out 250ms;
|
||
transition: transform ease-out 250ms;
|
||
transition: transform ease-out 250ms, -webkit-transform ease-out 250ms;
|
||
}
|
||
|
||
.imt-fb-setting-btn {
|
||
margin-right: 18px;
|
||
width: 28px;
|
||
height: 28px;
|
||
}
|
||
|
||
.immersive-translate-popup-wrapper {
|
||
background: var(--background-color);
|
||
border-radius: 20px;
|
||
box-shadow: 2px 10px 24px 0px #0e121614;
|
||
border: none;
|
||
}
|
||
|
||
.popup-container {
|
||
border-radius: 20px;
|
||
}
|
||
|
||
.popup-content {
|
||
border-radius: 20px 20px 12px 12px;
|
||
}
|
||
.popup-footer {
|
||
border-radius: 20px;
|
||
}
|
||
|
||
.imt-fb-close-button {
|
||
pointer-events: all;
|
||
cursor: pointer;
|
||
position: absolute;
|
||
margin-top: -10px;
|
||
}
|
||
|
||
.imt-fb-close-content {
|
||
padding: 22px;
|
||
width: 320px;
|
||
pointer-events: all;
|
||
}
|
||
|
||
.imt-fb-close-title {
|
||
font-weight: 500;
|
||
color: var(--h2-color);
|
||
}
|
||
|
||
.imt-fb-close-radio-content {
|
||
background-color: var(--background-light-green);
|
||
padding: 8px 20px;
|
||
}
|
||
|
||
.imt-fb-radio-sel,
|
||
.imt-fb-radio-nor {
|
||
width: 16px;
|
||
height: 16px;
|
||
border-radius: 8px;
|
||
flex-shrink: 0;
|
||
}
|
||
|
||
.imt-fb-radio-sel {
|
||
border: 2px solid var(--primary);
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: center;
|
||
}
|
||
|
||
.imt-fb-radio-sel div {
|
||
width: 8px;
|
||
height: 8px;
|
||
border-radius: 4px;
|
||
background-color: var(--primary);
|
||
}
|
||
|
||
.imt-fb-radio-nor {
|
||
border: 2px solid #d3d4d6;
|
||
}
|
||
|
||
.imt-fb-primary-btn {
|
||
background-color: var(--primary);
|
||
width: 72px;
|
||
height: 32px;
|
||
color: white;
|
||
border-radius: 8px;
|
||
text-align: center;
|
||
line-height: 32px;
|
||
font-size: 16px;
|
||
cursor: pointer;
|
||
}
|
||
|
||
.imt-fb-default-btn {
|
||
border: 1px solid var(--primary);
|
||
width: 72px;
|
||
height: 32px;
|
||
border-radius: 8px;
|
||
color: var(--primary);
|
||
line-height: 32px;
|
||
text-align: center;
|
||
font-size: 16px;
|
||
cursor: pointer;
|
||
}
|
||
|
||
.imt-fb-guide-container {
|
||
width: 312px;
|
||
transform: translateY(-45%);
|
||
}
|
||
|
||
.imt-fb-guide-bg {
|
||
position: absolute;
|
||
left: 30px;
|
||
right: 0;
|
||
top: 0;
|
||
bottom: 0;
|
||
z-index: -1;
|
||
height: 100%;
|
||
width: 90%;
|
||
}
|
||
|
||
.imt-fb-guide-bg.left {
|
||
transform: scaleX(-1);
|
||
}
|
||
|
||
.imt-fb-guide-content {
|
||
margin: 16px -30px 80px 0px;
|
||
display: flex;
|
||
flex-direction: column;
|
||
align-items: center;
|
||
}
|
||
|
||
.imt-fb-guide-content.left {
|
||
margin: 16px 21px 60px 32px;
|
||
}
|
||
|
||
.imt-fb-guide-img {
|
||
width: 220px;
|
||
height: 112px;
|
||
}
|
||
|
||
.imt-fb-guide-message {
|
||
font-size: 14px;
|
||
line-height: 28px;
|
||
color: #333333;
|
||
white-space: pre-wrap;
|
||
text-align: center;
|
||
font-weight: 700;
|
||
margin-bottom: 20px;
|
||
}
|
||
|
||
.imt-manga-guide-message {
|
||
font-size: 16px;
|
||
line-height: 24px;
|
||
color: #333333;
|
||
text-align: center;
|
||
font-weight: 500;
|
||
margin-bottom: 12px;
|
||
}
|
||
|
||
.imt-fb-guide-button {
|
||
margin-top: 16px;
|
||
line-height: 40px;
|
||
height: 40px;
|
||
padding: 0 20px;
|
||
width: unset;
|
||
}
|
||
|
||
.imt-fb-more-buttons {
|
||
box-shadow: 0px 2px 10px 0px #00000014;
|
||
border: none;
|
||
background: var(--float-ball-more-button-background-color);
|
||
width: 36px;
|
||
display: flex;
|
||
flex-direction: column;
|
||
border-radius: 18px;
|
||
margin-top: 0px;
|
||
padding: 7px 0 7px 0;
|
||
}
|
||
|
||
.imt-fb-more-buttons > div {
|
||
margin: auto;
|
||
}
|
||
|
||
.imt-fb-side,
|
||
.imt-fb-reward {
|
||
border-radius: 50%;
|
||
cursor: pointer;
|
||
pointer-events: all;
|
||
position: relative;
|
||
}
|
||
|
||
.imt-fb-side {
|
||
margin: 10px 0;
|
||
}
|
||
|
||
.imt-fb-new-badge {
|
||
width: 26px;
|
||
height: 14px;
|
||
padding: 3px;
|
||
background-color: #f53f3f;
|
||
border-radius: 4px;
|
||
position: absolute;
|
||
top: -5px;
|
||
right: 15px;
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: center;
|
||
}
|
||
|
||
.imt-fb-side *,
|
||
.imt-fb-reward * {
|
||
pointer-events: all;
|
||
}
|
||
|
||
.imt-fb-more-button {
|
||
width: 36px;
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: center;
|
||
cursor: pointer;
|
||
}
|
||
/* Sheet.css */
|
||
.immersive-translate-sheet {
|
||
position: fixed;
|
||
transform: translateY(100%);
|
||
/* Start off screen */
|
||
left: 0;
|
||
right: 0;
|
||
background-color: white;
|
||
transition: transform 0.3s ease-out;
|
||
/* Smooth slide transition */
|
||
box-shadow: 0px -2px 10px rgba(0, 0, 0, 0.1);
|
||
/* Ensure it's above other content */
|
||
bottom: 0;
|
||
border-top-left-radius: 16px;
|
||
border-top-right-radius: 16px;
|
||
overflow: hidden;
|
||
}
|
||
|
||
.immersive-translate-sheet.visible {
|
||
transform: translateY(0);
|
||
}
|
||
|
||
.immersive-translate-sheet-backdrop {
|
||
position: fixed;
|
||
top: 0;
|
||
left: 0;
|
||
right: 0;
|
||
bottom: 0;
|
||
background-color: rgba(0, 0, 0, 0.5);
|
||
opacity: 0;
|
||
transition: opacity 0.3s ease-out;
|
||
}
|
||
|
||
.immersive-translate-sheet-backdrop.visible {
|
||
opacity: 1;
|
||
}
|
||
|
||
.popup-container-sheet {
|
||
max-width: 100vw;
|
||
width: 100vw;
|
||
}
|
||
|
||
.imt-no-events svg * {
|
||
pointer-events: none !important;
|
||
}
|
||
|
||
.imt-manga-button {
|
||
width: 36px;
|
||
display: flex;
|
||
flex-direction: column;
|
||
position: relative;
|
||
align-items: center;
|
||
justify-content: center;
|
||
cursor: pointer;
|
||
pointer-events: all;
|
||
margin: 0 0 10px 0;
|
||
background-color: var(--float-ball-more-button-background-color);
|
||
border-radius: 18px;
|
||
filter: drop-shadow(0px 2px 10px rgba(0, 0, 0, 0.08));
|
||
opacity: 0.5;
|
||
right: 8px;
|
||
padding: 10px 0 4px 0;
|
||
}
|
||
|
||
.imt-manga-feedback {
|
||
cursor: pointer;
|
||
margin-bottom: 10px;
|
||
}
|
||
|
||
.imt-fb-feedback {
|
||
cursor: pointer;
|
||
margin-top: 10px;
|
||
}
|
||
|
||
.imt-fb-upgrade-button {
|
||
cursor: pointer;
|
||
margin-top: 10px;
|
||
}
|
||
|
||
.imt-manga-button:hover {
|
||
opacity: 1;
|
||
}
|
||
|
||
.imt-manga-translated {
|
||
position: absolute;
|
||
left: 24px;
|
||
top: 20px;
|
||
}
|
||
|
||
.imt-float-ball-loading {
|
||
animation: imt-loading-animation 0.6s infinite linear !important;
|
||
}
|
||
|
||
.imt-manga-guide-bg {
|
||
position: absolute;
|
||
left: 0;
|
||
right: 0;
|
||
top: 0;
|
||
bottom: 0;
|
||
z-index: -1;
|
||
width: 100%;
|
||
transform: translateY(-50%);
|
||
}
|
||
.imt-manga-guide-content {
|
||
position: absolute;
|
||
top: 15px;
|
||
left: 0;
|
||
right: 0;
|
||
margin: 0 40px 0;
|
||
}
|
||
|
||
.img-manga-guide-button {
|
||
width: fit-content;
|
||
margin: 0 auto;
|
||
}
|
||
|
||
.img-manga-close {
|
||
position: absolute;
|
||
bottom: -200px;
|
||
width: 32px;
|
||
height: 32px;
|
||
left: 0;
|
||
right: 0;
|
||
margin: auto;
|
||
cursor: pointer;
|
||
}
|
||
|
||
.imt-fb-container.dragging .imt-fb-more-buttons,
|
||
.imt-fb-container.dragging .imt-manga-button,
|
||
.imt-fb-container.dragging .btn-animate:not(.imt-fb-btn) {
|
||
display: none !important;
|
||
}
|
||
|
||
.imt-fb-container.dragging .imt-fb-btn {
|
||
border-radius: 50% !important;
|
||
width: 36px !important;
|
||
height: 36px !important;
|
||
display: flex !important;
|
||
align-items: center !important;
|
||
justify-content: center !important;
|
||
cursor: move !important;
|
||
}
|
||
|
||
.imt-fb-container.dragging .imt-fb-btn div {
|
||
border-radius: 50% !important;
|
||
width: 36px !important;
|
||
height: 36px !important;
|
||
display: flex !important;
|
||
align-items: center !important;
|
||
justify-content: center !important;
|
||
margin: 0 !important;
|
||
}
|
||
|
||
.imt-fb-container.dragging .imt-fb-btn.left,
|
||
.imt-fb-container.dragging .imt-fb-btn.right {
|
||
border-radius: 50% !important;
|
||
}
|
||
|
||
.imt-fb-container.dragging .imt-fb-btn.left div,
|
||
.imt-fb-container.dragging .imt-fb-btn.right div {
|
||
border-radius: 50% !important;
|
||
}
|
||
|
||
.imt-fb-container.dragging .imt-fb-logo-img {
|
||
margin: 0 !important;
|
||
padding: 4px !important;
|
||
}
|
||
|
||
.imt-fb-container.dragging .imt-float-ball-translated {
|
||
right: 2px !important;
|
||
bottom: 2px !important;
|
||
}
|
||
|
||
@-webkit-keyframes imt-loading-animation {
|
||
from {
|
||
-webkit-transform: rotate(0deg);
|
||
}
|
||
|
||
to {
|
||
-webkit-transform: rotate(359deg);
|
||
}
|
||
}
|
||
|
||
@keyframes imt-loading-animation {
|
||
from {
|
||
transform: rotate(0deg);
|
||
}
|
||
|
||
to {
|
||
transform: rotate(359deg);
|
||
}
|
||
}
|
||
|
||
.imt-fb-icon {
|
||
color: #666666;
|
||
}
|
||
|
||
[data-theme="dark"] .imt-fb-icon {
|
||
color: #b3b3b3;
|
||
}
|
||
|
||
[data-theme="light"] .imt-fb-icon {
|
||
color: #666666;
|
||
}
|
||
</style><div id="mount" style="display: block;"><div class="imt-fb-container right notranslate " data-theme="light" style="z-index: 2147483637; pointer-events: none; right: 0px; top: 335px; display: flex;"><div hidden="" class="imt-no-events btn-animate " id="manga-button" style="position: relative;"><div class="imt-manga-button" style="transform: translateX(2px);"><div class=" " style="position: relative; pointer-events: all; display: inline-block;"><div><svg class="imt-manga-feedback imt-fb-icon" width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11.0003 14.2749C11.213 14.2749 11.3895 14.2047 11.5299 14.0643C11.6705 13.9239 11.7408 13.7473 11.7408 13.5345C11.7408 13.3218 11.6705 13.1453 11.5299 13.0049C11.3895 12.8645 11.213 12.7943 11.0003 12.7943C10.7877 12.7943 10.6111 12.8645 10.4707 13.0049C10.3302 13.1453 10.2599 13.3218 10.2599 13.5345C10.2599 13.7473 10.3302 13.9239 10.4707 14.0643C10.6111 14.2047 10.7877 14.2749 11.0003 14.2749ZM11.0003 11.0842C11.1954 11.0842 11.3587 11.0185 11.4903 10.8869C11.622 10.7552 11.6878 10.5918 11.6878 10.3967V6.23645C11.6878 6.04135 11.622 5.87803 11.4903 5.74649C11.3587 5.6148 11.1954 5.54895 11.0003 5.54895C10.8052 5.54895 10.6419 5.6148 10.5104 5.74649C10.3787 5.87803 10.3128 6.04135 10.3128 6.23645V10.3967C10.3128 10.5918 10.3787 10.7552 10.5104 10.8869C10.6419 11.0185 10.8052 11.0842 11.0003 11.0842ZM5.53562 16.8311L3.70045 18.666C3.43966 18.9269 3.13968 18.9861 2.80051 18.8434C2.4615 18.7005 2.29199 18.4434 2.29199 18.072V4.73816C2.29199 4.27509 2.45241 3.88314 2.77324 3.5623C3.09408 3.24147 3.48603 3.08105 3.9491 3.08105H18.0516C18.5146 3.08105 18.9066 3.24147 19.2274 3.5623C19.5482 3.88314 19.7087 4.27509 19.7087 4.73816V15.174C19.7087 15.637 19.5482 16.029 19.2274 16.3498C18.9066 16.6706 18.5146 16.8311 18.0516 16.8311H5.53562ZM4.95033 15.4561H18.0516C18.1221 15.4561 18.1868 15.4266 18.2454 15.3678C18.3042 15.3092 18.3337 15.2445 18.3337 15.174V4.73816C18.3337 4.66758 18.3042 4.60295 18.2454 4.54428C18.1868 4.48546 18.1221 4.45605 18.0516 4.45605H3.9491C3.87851 4.45605 3.81389 4.48546 3.75522 4.54428C3.6964 4.60295 3.66699 4.66758 3.66699 4.73816V16.7254L4.95033 15.4561Z" fill="currentColor"></path></svg></div></div><div style="position: relative;"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"><g id="manhua"><path id="Vector" d="M14.8853 4.92364C14.8853 4.92364 16.3905 10.4362 22.6668 4C22.6668 4 20.3381 10.8907 25.3364 10.0843C25.3364 10.0843 22.0563 15.6994 29 18.0599C29 18.0599 22.9934 19.306 21.1617 28C21.1617 28 17.7679 24.54 14.8853 27.3549C14.8853 27.3549 13.3233 23.5724 7.33097 26.27C7.33097 26.27 10.1141 20.6549 4.83179 21.0507C4.83179 21.0507 7.16057 18.8955 3 15.9047C3 15.9047 7.50137 16.1833 6.33697 11.7117C6.33697 11.7117 10.0005 12.3421 8.66576 6.82957C8.65156 6.81491 12.4855 9.80574 14.8853 4.92364Z" fill="#ED6D8F"></path><path id="Vector_2" d="M20.8599 13.7022C20.885 13.1361 20.9543 12.5713 20.9959 12.0052C21.0337 11.568 20.8107 11.2794 20.3876 11.18C20.0759 11.1013 19.7508 11.0867 19.433 11.137C19.1951 11.1945 18.9542 11.2396 18.7113 11.2721C18.2403 11.3028 17.9973 11.5275 17.9796 11.988C17.977 12.0833 17.9596 12.1777 17.928 12.268C17.3034 13.9102 16.6774 15.5499 16.0503 17.1873C16.0301 17.2401 16.0062 17.2904 15.9671 17.3776C15.7291 16.8975 15.4281 16.4898 15.2745 15.9986C14.8073 14.5152 14.3186 13.033 13.8312 11.5594C13.6826 11.1112 13.3489 10.9344 12.8754 11.0216C12.7889 11.0365 12.7008 11.0398 12.6134 11.0314C12.2241 10.9938 11.8311 11.0404 11.4623 11.1677C11.0946 11.2991 10.9498 11.557 11.0152 11.9254C11.0428 12.0371 11.0643 12.1503 11.0795 12.2643C11.1223 13.1902 11.1777 14.1087 11.2054 15.0321C11.257 16.7992 11.2117 18.5651 11.0858 20.3284C11.0644 20.6354 11.0304 20.9424 11.0228 21.2494C11.0115 21.6092 11.1613 21.7811 11.5266 21.8143C11.9976 21.8573 12.4711 21.8708 12.9421 21.9088C13.0309 21.9201 13.121 21.9003 13.1962 21.8528C13.2714 21.8053 13.3268 21.7334 13.3527 21.6497C13.3996 21.5394 13.4252 21.4216 13.4282 21.3022C13.4295 20.8258 13.4207 20.3493 13.4081 19.8741C13.393 19.3264 13.3917 18.7763 13.3438 18.231C13.2857 17.5839 13.266 16.934 13.2847 16.2847C13.2847 16.2466 13.291 16.2073 13.2985 16.1312C13.3338 16.2024 13.3514 16.2356 13.3665 16.2712C13.9017 17.5228 14.3617 18.8037 14.7443 20.1074C14.7928 20.2421 14.7928 20.3889 14.7443 20.5237C14.6322 20.8196 14.7141 21.037 14.9659 21.1377C15.4445 21.3268 15.9331 21.4926 16.4155 21.6731C16.4865 21.7033 16.566 21.7091 16.6408 21.6895C16.7157 21.6698 16.7815 21.6259 16.8273 21.565C16.9085 21.4643 16.9743 21.3526 17.0225 21.2335C17.0537 21.1374 17.0798 21.0399 17.1006 20.9412C17.3185 20.2425 17.5653 19.5499 17.7517 18.8438C17.9785 17.9723 18.2624 17.1158 18.6018 16.2798C18.6201 16.2439 18.6411 16.2094 18.6647 16.1766C18.6761 16.2319 18.6761 16.254 18.6761 16.2761C18.6345 17.59 18.5955 18.8978 18.5501 20.2056C18.5363 20.5949 18.491 20.9829 18.4809 21.3722C18.4721 21.705 18.6207 21.8708 18.9557 21.9002C19.4355 21.9432 19.9191 21.9592 20.4002 21.9973C20.4888 22.0079 20.5784 21.9875 20.653 21.9399C20.7277 21.8922 20.7827 21.8203 20.8082 21.7369C20.8531 21.6305 20.8766 21.5167 20.8775 21.4017C20.88 20.7668 20.8674 20.132 20.8674 19.4971C20.8662 19.2846 20.8687 19.0722 20.8523 18.8622C20.8158 18.3968 20.7264 17.9314 20.7339 17.4685C20.7515 16.2122 20.8044 14.9572 20.8599 13.7022Z" fill="white"></path></g></svg></div></div></div><div class=" " style="position: relative; pointer-events: all; display: inline-block;"><div><div style="display: flex; align-items: center; flex-direction: row;"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg" style="display: block; opacity: 0;"><g clip-path="url(#clip0_2589_9951)"><path d="M7 14C5.14348 14 3.36301 13.2625 2.05025 11.9497C0.737498 10.637 0 8.85652 0 7C0 5.14348 0.737498 3.36301 2.05025 2.05025C3.36301 0.737498 5.14348 0 7 0C8.85652 0 10.637 0.737498 11.9497 2.05025C13.2625 3.36301 14 5.14348 14 7C14 8.85652 13.2625 10.637 11.9497 11.9497C10.637 13.2625 8.85652 14 7 14ZM4.183 5.064L6.118 7L4.183 8.936C4.12409 8.99361 4.07719 9.06234 4.04502 9.1382C4.01285 9.21406 3.99605 9.29554 3.99559 9.37794C3.99513 9.46034 4.01101 9.54201 4.04234 9.61823C4.07366 9.69444 4.11978 9.76369 4.17805 9.82195C4.23631 9.88022 4.30556 9.92634 4.38177 9.95766C4.45799 9.98898 4.53966 10.0049 4.62206 10.0044C4.70446 10.004 4.78594 9.98715 4.8618 9.95498C4.93766 9.92281 5.00639 9.87591 5.064 9.817L7 7.882L8.936 9.817C9.05327 9.93168 9.21104 9.99548 9.37506 9.99457C9.53908 9.99365 9.69612 9.92809 9.8121 9.8121C9.92809 9.69612 9.99365 9.53908 9.99457 9.37506C9.99548 9.21104 9.93168 9.05327 9.817 8.936L7.882 7L9.817 5.064C9.87591 5.00639 9.92281 4.93766 9.95498 4.8618C9.98715 4.78594 10.004 4.70446 10.0044 4.62206C10.0049 4.53966 9.98898 4.45799 9.95766 4.38177C9.92634 4.30556 9.88022 4.23631 9.82195 4.17805C9.76369 4.11978 9.69444 4.07366 9.61823 4.04234C9.54201 4.01101 9.46034 3.99513 9.37794 3.99559C9.29554 3.99605 9.21406 4.01285 9.1382 4.04502C9.06234 4.07719 8.99361 4.12409 8.936 4.183L7 6.118L5.064 4.183C4.94673 4.06832 4.78896 4.00452 4.62494 4.00543C4.46092 4.00635 4.30388 4.07191 4.1879 4.1879C4.07191 4.30388 4.00635 4.46092 4.00543 4.62494C4.00452 4.78896 4.06832 4.94673 4.183 5.064Z" fill="#B1B1B1" fill-opacity="0.32"></path></g><defs><clippath id="clip0_2589_9951"><rect width="14" height="14" fill="white"></rect></clippath></defs></svg><div class="imt-fb-btn right btn-animate " dir="ltr" style="transform: translateX(15px); opacity: 0.7;"><div><svg class="imt-fb-logo-img imt-fb-logo-img-big-bg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="20" height="20"><path fill="none" d="M0 0h24v24H0z"></path><path d="M5 15v2a2 2 0 0 0 1.85 1.995L7 19h3v2H7a4 4 0 0 1-4-4v-2h2zm13-5l4.4 11h-2.155l-1.201-3h-4.09l-1.199 3h-2.154L16 10h2zm-1 2.885L15.753 16h2.492L17 12.885zM8 2v2h4v7H8v3H6v-3H2V4h4V2h2zm9 1a4 4 0 0 1 4 4v2h-2V7a2 2 0 0 0-2-2h-3V3h3zM6 6H4v3h2V6zm4 0H8v3h2V6z" fill="rgba(255,255,255,1)"></path></svg></div></div><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg" style="display: none; opacity: 0;"><g clip-path="url(#clip0_2589_9951)"><path d="M7 14C5.14348 14 3.36301 13.2625 2.05025 11.9497C0.737498 10.637 0 8.85652 0 7C0 5.14348 0.737498 3.36301 2.05025 2.05025C3.36301 0.737498 5.14348 0 7 0C8.85652 0 10.637 0.737498 11.9497 2.05025C13.2625 3.36301 14 5.14348 14 7C14 8.85652 13.2625 10.637 11.9497 11.9497C10.637 13.2625 8.85652 14 7 14ZM4.183 5.064L6.118 7L4.183 8.936C4.12409 8.99361 4.07719 9.06234 4.04502 9.1382C4.01285 9.21406 3.99605 9.29554 3.99559 9.37794C3.99513 9.46034 4.01101 9.54201 4.04234 9.61823C4.07366 9.69444 4.11978 9.76369 4.17805 9.82195C4.23631 9.88022 4.30556 9.92634 4.38177 9.95766C4.45799 9.98898 4.53966 10.0049 4.62206 10.0044C4.70446 10.004 4.78594 9.98715 4.8618 9.95498C4.93766 9.92281 5.00639 9.87591 5.064 9.817L7 7.882L8.936 9.817C9.05327 9.93168 9.21104 9.99548 9.37506 9.99457C9.53908 9.99365 9.69612 9.92809 9.8121 9.8121C9.92809 9.69612 9.99365 9.53908 9.99457 9.37506C9.99548 9.21104 9.93168 9.05327 9.817 8.936L7.882 7L9.817 5.064C9.87591 5.00639 9.92281 4.93766 9.95498 4.8618C9.98715 4.78594 10.004 4.70446 10.0044 4.62206C10.0049 4.53966 9.98898 4.45799 9.95766 4.38177C9.92634 4.30556 9.88022 4.23631 9.82195 4.17805C9.76369 4.11978 9.69444 4.07366 9.61823 4.04234C9.54201 4.01101 9.46034 3.99513 9.37794 3.99559C9.29554 3.99605 9.21406 4.01285 9.1382 4.04502C9.06234 4.07719 8.99361 4.12409 8.936 4.183L7 6.118L5.064 4.183C4.94673 4.06832 4.78896 4.00452 4.62494 4.00543C4.46092 4.00635 4.30388 4.07191 4.1879 4.1879C4.07191 4.30388 4.00635 4.46092 4.00543 4.62494C4.00452 4.78896 4.06832 4.94673 4.183 5.064Z" fill="#B1B1B1" fill-opacity="0.32"></path></g><defs><clippath id="clip0_2589_9951"><rect width="14" height="14" fill="white"></rect></clippath></defs></svg></div></div></div><div style="position: relative; width: 100%; opacity: 0;"><div title="关闭悬浮球" class="imt-fb-close-button" style="transform: translateX(100%);"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0_2589_9951)"><path d="M7 14C5.14348 14 3.36301 13.2625 2.05025 11.9497C0.737498 10.637 0 8.85652 0 7C0 5.14348 0.737498 3.36301 2.05025 2.05025C3.36301 0.737498 5.14348 0 7 0C8.85652 0 10.637 0.737498 11.9497 2.05025C13.2625 3.36301 14 5.14348 14 7C14 8.85652 13.2625 10.637 11.9497 11.9497C10.637 13.2625 8.85652 14 7 14ZM4.183 5.064L6.118 7L4.183 8.936C4.12409 8.99361 4.07719 9.06234 4.04502 9.1382C4.01285 9.21406 3.99605 9.29554 3.99559 9.37794C3.99513 9.46034 4.01101 9.54201 4.04234 9.61823C4.07366 9.69444 4.11978 9.76369 4.17805 9.82195C4.23631 9.88022 4.30556 9.92634 4.38177 9.95766C4.45799 9.98898 4.53966 10.0049 4.62206 10.0044C4.70446 10.004 4.78594 9.98715 4.8618 9.95498C4.93766 9.92281 5.00639 9.87591 5.064 9.817L7 7.882L8.936 9.817C9.05327 9.93168 9.21104 9.99548 9.37506 9.99457C9.53908 9.99365 9.69612 9.92809 9.8121 9.8121C9.92809 9.69612 9.99365 9.53908 9.99457 9.37506C9.99548 9.21104 9.93168 9.05327 9.817 8.936L7.882 7L9.817 5.064C9.87591 5.00639 9.92281 4.93766 9.95498 4.8618C9.98715 4.78594 10.004 4.70446 10.0044 4.62206C10.0049 4.53966 9.98898 4.45799 9.95766 4.38177C9.92634 4.30556 9.88022 4.23631 9.82195 4.17805C9.76369 4.11978 9.69444 4.07366 9.61823 4.04234C9.54201 4.01101 9.46034 3.99513 9.37794 3.99559C9.29554 3.99605 9.21406 4.01285 9.1382 4.04502C9.06234 4.07719 8.99361 4.12409 8.936 4.183L7 6.118L5.064 4.183C4.94673 4.06832 4.78896 4.00452 4.62494 4.00543C4.46092 4.00635 4.30388 4.07191 4.1879 4.1879C4.07191 4.30388 4.00635 4.46092 4.00543 4.62494C4.00452 4.78896 4.06832 4.94673 4.183 5.064Z" fill="#B1B1B1" fill-opacity="0.32"></path></g><defs><clippath id="clip0_2589_9951"><rect width="14" height="14" fill="white"></rect></clippath></defs></svg></div></div><div class="imt-fb-more-buttons btn-animate" style="margin-top: 10px; transform: translateX(60px);"><div class=" btn-animate" style="position: relative; pointer-events: all; display: inline-block;"><div><div class="imt-fb-more-button"><svg class="imt-fb-icon" width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg" style="width: 22px; height: 22px;"><path d="M16 7.66699H10.375" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round"></path><path d="M11.625 14.333L6 14.333" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round"></path><path d="M14.125 16C15.1605 16 16 15.1605 16 14.125C16 13.0895 15.1605 12.25 14.125 12.25C13.0895 12.25 12.25 13.0895 12.25 14.125C12.25 15.1605 13.0895 16 14.125 16Z" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round"></path><path d="M7.875 9.75C8.91053 9.75 9.75 8.91053 9.75 7.875C9.75 6.83947 8.91053 6 7.875 6C6.83947 6 6 6.83947 6 7.875C6 8.91053 6.83947 9.75 7.875 9.75Z" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round"></path><rect x="3" y="3" width="16" height="16" rx="1.66667" stroke="currentColor" stroke-width="1.4"></rect></svg></div></div></div><div class=" btn-animate" style="position: relative; pointer-events: all; display: inline-block;"><div><div class="imt-fb-more-button"><svg class="imt-fb-feedback imt-fb-icon" width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11.0003 14.2749C11.213 14.2749 11.3895 14.2047 11.5299 14.0643C11.6705 13.9239 11.7408 13.7473 11.7408 13.5345C11.7408 13.3218 11.6705 13.1453 11.5299 13.0049C11.3895 12.8645 11.213 12.7943 11.0003 12.7943C10.7877 12.7943 10.6111 12.8645 10.4707 13.0049C10.3302 13.1453 10.2599 13.3218 10.2599 13.5345C10.2599 13.7473 10.3302 13.9239 10.4707 14.0643C10.6111 14.2047 10.7877 14.2749 11.0003 14.2749ZM11.0003 11.0842C11.1954 11.0842 11.3587 11.0185 11.4903 10.8869C11.622 10.7552 11.6878 10.5918 11.6878 10.3967V6.23645C11.6878 6.04135 11.622 5.87803 11.4903 5.74649C11.3587 5.6148 11.1954 5.54895 11.0003 5.54895C10.8052 5.54895 10.6419 5.6148 10.5104 5.74649C10.3787 5.87803 10.3128 6.04135 10.3128 6.23645V10.3967C10.3128 10.5918 10.3787 10.7552 10.5104 10.8869C10.6419 11.0185 10.8052 11.0842 11.0003 11.0842ZM5.53562 16.8311L3.70045 18.666C3.43966 18.9269 3.13968 18.9861 2.80051 18.8434C2.4615 18.7005 2.29199 18.4434 2.29199 18.072V4.73816C2.29199 4.27509 2.45241 3.88314 2.77324 3.5623C3.09408 3.24147 3.48603 3.08105 3.9491 3.08105H18.0516C18.5146 3.08105 18.9066 3.24147 19.2274 3.5623C19.5482 3.88314 19.7087 4.27509 19.7087 4.73816V15.174C19.7087 15.637 19.5482 16.029 19.2274 16.3498C18.9066 16.6706 18.5146 16.8311 18.0516 16.8311H5.53562ZM4.95033 15.4561H18.0516C18.1221 15.4561 18.1868 15.4266 18.2454 15.3678C18.3042 15.3092 18.3337 15.2445 18.3337 15.174V4.73816C18.3337 4.66758 18.3042 4.60295 18.2454 4.54428C18.1868 4.48546 18.1221 4.45605 18.0516 4.45605H3.9491C3.87851 4.45605 3.81389 4.48546 3.75522 4.54428C3.6964 4.60295 3.66699 4.66758 3.66699 4.73816V16.7254L4.95033 15.4561Z" fill="currentColor"></path></svg></div></div></div><div class=" btn-animate" style="position: relative; pointer-events: all; display: inline-block;"><div><div class="imt-fb-upgrade-button"><svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M16.8346 1.42689C16.7895 1.13816 16.774 1.12574 16.4775 1.07141C16.2027 1.02018 15.928 1 15.6517 1C15.3816 1 15.1115 1.01863 14.8429 1.04657C13.764 1.15834 12.7115 1.39895 11.6901 1.76686C9.88161 2.41884 8.2858 3.39216 6.99425 4.83429C6.93526 4.89949 6.87472 4.92122 6.79865 4.92122C6.78003 4.92122 6.7614 4.91967 6.74122 4.91811C6.1979 4.85912 5.65302 4.76443 5.10815 4.76443H5.0709C4.09913 4.77219 3.34159 5.21772 2.81534 6.04201C2.52816 6.49219 2.24253 6.94392 1.95534 7.39565C1.68834 7.81479 1.41513 8.22771 1.15589 8.6515C0.787982 9.25381 1.13571 9.9772 1.82029 10.0284C2.64458 10.0905 3.46888 10.1402 4.29317 10.1852C4.4422 10.193 4.50584 10.2333 4.51981 10.3917C4.56949 10.9164 4.7092 11.4162 4.99017 11.868C5.53815 12.7466 6.33606 13.2294 7.35439 13.3644C7.73782 13.4156 7.72696 13.4187 7.7549 13.8146C7.80923 14.6063 7.86822 15.3995 7.94273 16.1897C7.9893 16.6833 8.36963 17 8.79342 17C8.96107 17 9.13648 16.9503 9.30103 16.8432C10.2216 16.2409 11.1514 15.6479 12.044 15.0052C12.8761 14.406 13.2378 13.5616 13.1307 12.5293C13.0856 12.0868 13.0484 11.6429 13.0034 11.2004C12.9894 11.0638 13.022 10.9598 13.1291 10.862C14.4346 9.66518 15.366 8.21684 16.0025 6.57291C16.535 5.19754 16.8532 3.77869 16.8982 2.30242C16.8998 2.2605 16.9013 2.21859 16.9013 2.17823C16.906 1.9252 16.8734 1.67527 16.8346 1.42689Z" fill="url(#paint0_linear_28090_539)"></path><path d="M12.4807 7H12.4916C13.3243 7 13.9949 6.33959 14.0058 5.50543C14.0156 4.70286 13.3501 4.01283 12.5589 4H12.5312C11.7212 4 11.0259 4.59329 11.0062 5.51431C10.9893 6.29121 11.6945 6.99408 12.4807 7Z" fill="#F8C235"></path><path d="M6.46786 14.9385C6.03786 15.3732 5.60321 15.8016 5.17476 16.2347C5.07231 16.3387 4.96209 16.4024 4.8348 16.4024C4.78512 16.4024 4.73234 16.3931 4.67646 16.3713C4.4731 16.2968 4.3753 16.1462 4.36599 15.9351C4.35978 15.8016 4.36289 15.6681 4.35978 15.5346C4.35512 15.3763 4.35357 15.3188 4.29148 15.3188C4.25733 15.3188 4.2061 15.3359 4.12693 15.3623C3.64415 15.5222 3.16292 15.6836 2.68015 15.8435C2.60719 15.8684 2.53267 15.8854 2.46126 15.8854C2.39296 15.8854 2.32466 15.8699 2.25636 15.8327C2.04989 15.7162 1.97228 15.5098 2.05455 15.2568C2.21444 14.7616 2.38365 14.2679 2.54664 13.7727C2.61805 13.5585 2.61339 13.5538 2.3821 13.5492C2.24238 13.5476 2.10267 13.5492 1.96296 13.543C1.75961 13.5336 1.61524 13.4343 1.53917 13.2418C1.46621 13.054 1.51278 12.891 1.64939 12.7528C2.09802 12.3026 2.5482 11.8525 2.99838 11.4038C3.0791 11.3231 3.17534 11.2734 3.27935 11.2734C3.29022 11.2734 3.30108 11.2734 3.3104 11.275C3.55411 11.2781 3.68917 11.3868 3.77765 11.6351C4.12072 12.6131 4.74476 13.3536 5.64978 13.8565C5.85003 13.9668 6.0596 14.0568 6.27692 14.1313C6.66967 14.2648 6.75815 14.6451 6.46786 14.9385Z" fill="#F8C235"></path><defs><lineargradient id="paint0_linear_28090_539" x1="6.21379" y1="17" x2="17.8596" y2="9.43011" gradientUnits="userSpaceOnUse"><stop stop-color="#272727"></stop><stop offset="0.990396" stop-color="#696969"></stop></lineargradient></defs></svg></div></div></div></div><div hidden="" id="immersive-translate-popup-overlay" class="immersive-translate-popup-overlay"><div class="immersive-translate-popup-wrapper" style="position: fixed; bottom: 30px; right: 65px;"></div></div></div></div></template></div></html> |