Skip to content
Open
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
500 changes: 500 additions & 0 deletions cloud_lab.sql

Large diffs are not rendered by default.

1 change: 0 additions & 1 deletion cloud_lab/PrepareClass.html
Original file line number Diff line number Diff line change
Expand Up @@ -24,7 +24,6 @@ <h4>Oracle 云教学实验室</h4>
</div>
<div id="nav-center">
<ul class="nav">
<li><a class="tab-a" id="btn_home"><div class="tab-a-logo tab-a-logo-5"></div>主页</a></li>
<li><a class="tab-a active-a" id="btn_prepare"><div class="tab-a-logo tab-a-logo-1"></div>备课</a></li>
<li><a class="tab-a" id="btn_onclass"><div class="tab-a-logo tab-a-logo-2"></div>上课</a></li>
<li><a class="tab-a" id="btn_lab"><div class="tab-a-logo tab-a-logo-3"></div>实验</a></li>
Expand Down
4 changes: 4 additions & 0 deletions cloud_lab/PrepareClassAjax.js
Original file line number Diff line number Diff line change
Expand Up @@ -325,4 +325,8 @@ $(function() {
var video = document.getElementById("pptvideo");
video.currentTime = videos[pptid];
});

$("#btn_onclass").click(function() {
window.location.href = "TeacherOnClass.html";
});
});
209 changes: 192 additions & 17 deletions cloud_lab/TeacherOnClass.html
Original file line number Diff line number Diff line change
Expand Up @@ -7,17 +7,18 @@
<script src="js/jquery-1.8.2.min.js"></script>
<script src="js/modernizr.custom.js"></script>
<script src="js/bootstrap.js"></script>
<link rel="stylesheet" type="text/css" href="css/book.css" media="screen"/>
<link rel="stylesheet" type="text/css" href="css/book.css" />
<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css" />
<link href="css/PrepareClass.css" rel="stylesheet" media="screen"/>
<link rel="stylesheet" type="text/css" href="css/teacheronclass.css" media="screen" />
<link rel="stylesheet" type="text/css" href="css/leftmenu.css" media="screen" />
<link rel="stylesheet" type="text/css" href="css/bookblock.css" media="screen"/>
<link rel="stylesheet" type="text/css" href="css/teacheronclass.css" />
<link rel="stylesheet" type="text/css" href="css/leftmenu.css" />
<link rel="stylesheet" type="text/css" href="css/bookblock.css" />
<link href="css/nav.css" rel="stylesheet" media="screen"/>
<script src="js/teacheronclass.js"></script>
<script type="text/javascript" src="TeacherOnClassAjax.js"></script>
<script src="js/PrepareClass.js"></script>

<script src="js/PrepareClass.js"></script>
<title>教师上课</title>
</head>
<body>
Expand All @@ -32,9 +33,9 @@ <h2 >功能菜单</h2>
<ul>
<li class="icon icon-arrow-left " > <a class="function1">
<div class="function_icon function_icon1" ></div>
检索章节</a>
检索课程</a>
<div class="mp-level choose-chapter">
<h2 >检索章节</h2>
<h2 >检索课程</h2>
<a class="mp-back" href="#">返回</a>
<ul>
<li class="icon icon-arrow-left"> <a href="#">第一章 </a>
Expand Down Expand Up @@ -99,7 +100,6 @@ <h4>GecLab</h4>
</div>
<div id="nav-center">
<ul class="nav">
<li><a class="tab-a" id="btn_home"><div class="tab-a-logo tab-a-logo-5"></div>主页</a></li>
<li><a class="tab-a " id="btn_prepare">
<div class="tab-a-logo tab-a-logo-1"></div>
备课</a></li>
Expand Down Expand Up @@ -140,9 +140,7 @@ <h4>GecLab</h4>
<div class="arrow-right"></div>
</div>
<a href="#prepare-class" data-slide="next" data-toggle="tab">

<h3 class="underline textadjust">HTML5基础 xxxxxxxxxxxxxxx</h3>

<h3 class="underline">HTML5基础</h3>
</a>
<p style="color:#000;">已上至第x章第x节xxxxxx</p>
<a class="button-blue indicator-hide bt-to-ppt" href="#prepare-class" role="button" data-toggle="tab"data-slide-to="2">立即上课</a> </div>
Expand Down Expand Up @@ -249,10 +247,10 @@ <h4 class="panel-title">第三章</h4>
</div>
<div class='nfull_slide_content' >
<div class="Pconf" style="text-align: left;">
<button class="bt_preclass " id="btn_prevlesson"></button>
<button class="bt_preclass btn btn-primary " id="btn_prevlesson">上一节</button>
</div>
<div class="Pconf" style="text-align: right;">
<button class="bt_nextclass " id="btn_nextlesson"></button>
<button class="bt_nextclass btn btn-primary " id="btn_nextlesson">下一节</button>
</div>
<div class='nfull_tabslider'>
<div class="pptm" > <img src="img/ppt01.PNG" class="pptm_img"></img> </div>
Expand All @@ -265,7 +263,7 @@ <h4 class="panel-title">第三章</h4>
<div class="pptm "> <img src="img/ppt03.PNG" class="pptm_img"></img> </div>
</div>
<div class="Pconf">
<button class="btn_over" id="btn_over"></button>
<button class="bt_preclass btn btn-primary " id="btn_over">下课</button>
</div>
<div class="Pconf">
<button class="bt_fullsreen"></button>
Expand Down Expand Up @@ -296,7 +294,7 @@ <h4 class="panel-title">第三章</h4>
<div style=" width:300px;height:70px;background:url(img/sdialog.png) no-repeat right;background-size:contain;float:right;margin-right:10px;"> </div>
</div>
</div>
<textarea class="form-control" rows="4" style="margin-top:5px;"></textarea>
<textarea class="form-control" rows="4" style="margin-top:5px;">This is the html named 'teacherOnClass' with version 0.9.6.In order to derive tribute at my deficiencies please correct me criticism.This page is powered by Jan Du(qq:526097589).</textarea>
<button type="button" class="btn btn-primary" style="float:right;margin-top: 10px;">提交</button>
</div>
</div>
Expand Down Expand Up @@ -333,17 +331,194 @@ <h4 class="panel-title">第三章</h4>
<div class="tab-content" style="height:100%;margin: 0 10px;">
<div class="tab-pane fade in active" id="exp1" style="height:100%;">
<textarea class="codearea form-control " style="height:95%;">

/*nfull ppt tabbed content*/
var PPTTabbedContent = {
init: function() {
$( window ).resize(function() {
var sreenwidth = document.body.clientWidth;
var initmargin=0;
var sreenheight = document.body.clientHeight;
$(".bb-item img").css("height",sreenheight+"px");

if($(".ppt_tabslider").css("marginLeft")!=0+"px")
{

$(".ppt_tabslider").css("marginLeft",-sreenwidth+"px");
}
});
$(".bt_fullsreen").live('click', function() {

PPTTabbedContent.slideToFull($(this));

});
$(".bt_notfullsreen").live('click', function() {

PPTTabbedContent.slideToNotFull($(this));

});
},


slideToFull: function(obj) {
$(".topmenu").removeClass("topmenu-to-show");
$(".topmenu").addClass("topmenu-to-hide");
$(".mp-menu-act").css("background","url(img/menuf.png) no-repeat");
//$(".mp-menu-act").css("opacity",0.5);
var margin = $(".ppt_slide_content").width();
margin = margin * (1);
margin = margin * -1;

$(".ppt_tabslider").stop().animate({
marginLeft: margin+ "px"
}, {
duration: 600
});
},
slideToNotFull: function(obj) {
$(".topmenu").addClass("topmenu-to-show");
$(".topmenu").removeClass("topmenu-to-hide");

$(".mp-menu-act").css("background","url(img/menu.png) no-repeat");
var margin = $(".ppt_slide_content").width();
margin = margin * (0);
margin = margin * 1;

$(".ppt_tabslider").stop().animate({
marginLeft: margin+ "px"
}, {
duration: 600
});
}
}
/*nfull mask tabbed content*/
</textarea>
</div>
<div class="tab-pane fade" id="exp2" style="height:100%;">
<textarea class="codearea form-control " style="height:95%;">
s
/*nfull ppt tabbed content*/
var PPTTabbedContent = {
init: function() {
$( window ).resize(function() {
var sreenwidth = document.body.clientWidth;
var initmargin=0;
var sreenheight = document.body.clientHeight;
$(".bb-item img").css("height",sreenheight+"px");

if($(".ppt_tabslider").css("marginLeft")!=0+"px")
{

$(".ppt_tabslider").css("marginLeft",-sreenwidth+"px");
}
});
$(".bt_fullsreen").live('click', function() {

PPTTabbedContent.slideToFull($(this));

});
$(".bt_notfullsreen").live('click', function() {

PPTTabbedContent.slideToNotFull($(this));

});
},


slideToFull: function(obj) {
$(".topmenu").removeClass("topmenu-to-show");
$(".topmenu").addClass("topmenu-to-hide");
$(".mp-menu-act").css("background","url(img/menuf.png) no-repeat");
//$(".mp-menu-act").css("opacity",0.5);
var margin = $(".ppt_slide_content").width();
margin = margin * (1);
margin = margin * -1;

$(".ppt_tabslider").stop().animate({
marginLeft: margin+ "px"
}, {
duration: 600
});
},
slideToNotFull: function(obj) {
$(".topmenu").addClass("topmenu-to-show");
$(".topmenu").removeClass("topmenu-to-hide");

$(".mp-menu-act").css("background","url(img/menu.png) no-repeat");
var margin = $(".ppt_slide_content").width();
margin = margin * (0);
margin = margin * 1;

$(".ppt_tabslider").stop().animate({
marginLeft: margin+ "px"
}, {
duration: 600
});
}
}
/*nfull mask tabbed content*/
</textarea>
</div>
<div class="tab-pane fade" id="exp3" style="height:100%;">
<textarea class="codearea form-control " style="height:95%;">

/*nfull ppt tabbed content*/
var PPTTabbedContent = {
init: function() {
$( window ).resize(function() {
var sreenwidth = document.body.clientWidth;
var initmargin=0;
var sreenheight = document.body.clientHeight;
$(".bb-item img").css("height",sreenheight+"px");

if($(".ppt_tabslider").css("marginLeft")!=0+"px")
{

$(".ppt_tabslider").css("marginLeft",-sreenwidth+"px");
}
});
$(".bt_fullsreen").live('click', function() {

PPTTabbedContent.slideToFull($(this));

});
$(".bt_notfullsreen").live('click', function() {

PPTTabbedContent.slideToNotFull($(this));

});
},


slideToFull: function(obj) {
$(".topmenu").removeClass("topmenu-to-show");
$(".topmenu").addClass("topmenu-to-hide");
$(".mp-menu-act").css("background","url(img/menuf.png) no-repeat");
//$(".mp-menu-act").css("opacity",0.5);
var margin = $(".ppt_slide_content").width();
margin = margin * (1);
margin = margin * -1;

$(".ppt_tabslider").stop().animate({
marginLeft: margin+ "px"
}, {
duration: 600
});
},
slideToNotFull: function(obj) {
$(".topmenu").addClass("topmenu-to-show");
$(".topmenu").removeClass("topmenu-to-hide");

$(".mp-menu-act").css("background","url(img/menu.png) no-repeat");
var margin = $(".ppt_slide_content").width();
margin = margin * (0);
margin = margin * 1;

$(".ppt_tabslider").stop().animate({
marginLeft: margin+ "px"
}, {
duration: 600
});
}
}
/*nfull mask tabbed content*/
</textarea>
</div>
</div>
Expand Down
17 changes: 10 additions & 7 deletions cloud_lab/TeacherOnClassAjax.js
Original file line number Diff line number Diff line change
Expand Up @@ -30,21 +30,20 @@ $(function() {
<div class='arrow-right'></div>\
</div>\
<a href='#prepare-class' data-slide='next' data-toggle='tab'>\
<h3 class='underline' id='classes_h' data-classid='"+classid+"'>"+coursename+"</h3>\
<h3 class='underline classes_h' data-classid='"+classid+"'>"+coursename+"</h3>\
</a>\
<p style='color:#000' data-charpter="+charpter+" data-lesson="+lesson+">已上至第"+charpter+"章第"+lesson+"节</p>\
<a class='button-blue indicator-hide bt-to-ppt' href='#prepare-class' role='button' data-toggle='tab' data-slide-to='2' data-classid='"+classid+"'>立即上课</a>\
<a class='btn btn-primary bt-to-ppt' href='#prepare-class' role='button' data-toggle='tab' data-slide-to='2'>开始上课</a>\
</div>\
<div class='class-list-right'>\
<div class='class-questions'>\
<div class='class-question'>\
<p>未解答疑问</p>\
<span>1</span>\
<div class='arrow-bottom'></div>\
</div>\
<p class='underline'>"+description+"</p>\
<p>上课人数:"+studentsnum+"人</p>\
</div>\
<div class='class-progress'>\
<div>\
<div class='progress-cover' style='width:"+percent+"%'></div>\
<p>"+percent+"%</p>\
</div>\
Expand All @@ -59,7 +58,7 @@ $(function() {
});

// 点击课程名时请求
$("#classes_h").live('click', function() {
$(".classes_h").live('click', function() {
classid = $(this).attr('data-classid');
$.ajax({
type : 'POST',
Expand Down Expand Up @@ -135,7 +134,7 @@ $(function() {

// 点击开始上课时请求
$('.bt-to-ppt').live('click', function() {
classid = $(this).attr('data-classid');
classid = $(this).prevAll('h3').attr('data-classid');
charpter = $(this).prevAll('p').attr('data-charpter');
lesson = $(this).prevAll('p').attr('data-lesson');
$.ajax({
Expand Down Expand Up @@ -364,4 +363,8 @@ $(function() {
$('#bb-bookblock').append(fullppt);
}
}

$("#btn_prepare").click(function() {
window.location.href = "PrepareClass.html";
});
});
6 changes: 3 additions & 3 deletions cloud_lab/css/PrepareClass.css
Original file line number Diff line number Diff line change
Expand Up @@ -111,7 +111,7 @@ a,a:hover{
}
.class-img{
float: left;
height: inherit;
height:160px;
background-color: #4c4c4c;
margin-right: 20px;
position: relative;
Expand Down Expand Up @@ -152,7 +152,7 @@ a,a:hover{
}
h3.underline{
border-bottom: 1px solid #d5d5d5;
margin-left:170px;
margin-left: 170px;
line-height: 1.5;
}
p.underline{
Expand Down Expand Up @@ -478,4 +478,4 @@ a.button-blue:hover{
left: 18px;
width:0px;
overflow: hidden;
}
}
Loading