洛阳师范学院2016届本科生毕业设计
4. 教师个人中心
教师个人课程页面
编辑课程代码：
bianji.onclick=function(){ if (bianji.value=='编辑'){
rh2_d2.style.display='none'; rh2_d3.style.display='none'; ul5.style.display='block'; rh2_d5.style.display='block'; bianji.value='保存'; bianji.style.color='#000';
}
else{
rh2_d2.style.display='block'; rh2_d3.style.display='block'; ul5.style.display='none'; rh2_d5.style.display='none'; bianji.value='编辑';
bianji.style.color='#3c8dcc';
}
30
基于HTML5的网络课堂前端设计
}
搜索按钮的代码：
search.onclick=function(){ if(inpt[0].value=='Java'){ }
if(inpt[0].value=='C#'){ }
if(inpt[0].value=='web'){
}
}
31
inpt[1].value='Java课程'; inpt[2].value='ID号'; rh2_d3.style.display='block'; rh2_d3_1.style.display='none'; rh2_d3_2.style.display='none'; lis4[0].className='lis3'; lis4[1].className=''; lis4[2].className='';
inpt[1].value='C#课程'; inpt[2].value='ID号'; rh2_d3.style.display='none'; rh2_d3_1.style.display='block'; rh2_d3_2.style.display='none'; lis4[0].className=''; lis4[1].className='lis3'; lis4[2].className='';
inpt[1].value='Web课程'; inpt[2].value='ID号'; rh2_d3.style.display='none'; rh2_d3_1.style.display='none'; rh2_d3_2.style.display='block'; lis4[0].className=''; lis4[1].className=''; lis4[2].className='lis3';
洛阳师范学院2016届本科生毕业设计
编辑课程页面
“保存”按钮的代码： inpt1[2].onclick=function(){
if(inpt1[2].value=='编辑课程'){ } else{
inpt1[1].style.border='1px solid #ddd'; inpt1[1].value=''; inpt1[1].focus(); inpt1[2].value='保存';
if(inpt1[1].value==''){ }
else if(inpt1[1].value=='web'||inpt[1].value=='C#'){ } else{
inpt1[1].style.border='none'; inpt1[2].value='编辑课程';
32
alert('编辑内容不能为空');
inpt1[1].value='';
alert('您编辑的课程已存在');
基于HTML5的网络课堂前端设计
} }
}
inpt[1].style.backgroundColor='white';
inpt1[3].onclick=function(){ if(inpt1[3].value=='编辑详情'){ } else{ } }
inpt1[3].value='编辑详情'; txt.disabled=true; txt.disabled=false;
txt.style.backgroundColor='white'; txt.focus();
inpt1[3].value='保存';
5. 我的直播
我的直播界面
在直播界面实现预约直播功能，直播功能并且可以弹窗评论，同时还可以进行对视频的转发，转发至qq，微信，微博，qq空间。
预约直播，代码如下；
33
洛阳师范学院2016届本科生毕业设计
rw1.onclick=function(){ }
yuy.style.display='block'; mb.style.display='block'; setInterval(function(){
var yuy_w=yuy.offsetWidth; var yuy_h=yuy.offsetHeight;
var scrw=document.documentElement.clientWidth; var scrh=document.documentElement.clientHeight; var sc=document.body.scrollTop; mb.style.height=sc+scrh+'px'; yuy.style.left=(scrw-yuy_w)/2+'px'; yuy.style.top=(scrh-yuy_h)/2+sc+'px';
},1)
进入直播并且参加评论形成弹窗的代码如下：
$$('ip5').onclick=function(){
$$('ip5').className='color'; $$('ip6').className='';
$$('zhibo').style.display='block'; $$('mb').style.display='block'; //直播课程
setInterval(function(){
var zhibo_w=$$('zhibo').offsetWidth; var zhibo_h=$$('zhibo').offsetHeight;
var scrw=document.documentElement.clientWidth; var scrh=document.documentElement.clientHeight; var sc=document.body.scrollTop; $$('mb').style.height=sc+scrh+'px';
$$('zhibo').style.left=(scrw-zhibo_w)/2+'px'; $$('zhibo').style.top=(scrh-zhibo_h)/2+sc+'px';
},1)
var webrtc = new SimpleWebRTC({
localVideoEl: 'localVideo', remoteVideosEl: 'remotesVideos', autoRequestMedia: true
34