弹框样式修改

cxt_course
Tim 10 years ago
parent ffba281de5
commit c7edf0d73b

@ -1,44 +1,46 @@
<a href="javascript:void(0);" class="CloseBtn" title="关闭弹框"></a> <a href="javascript:void(0);" class="CloseBtn" title="关闭弹框"></a>
<h2 class="BluePopuph2 fl">编程作业的测试集设置</h2> <h2 class="BluePopuph2 fl">编程作业的测试集设置</h2>
<div class="cl"></div> <div class="cl"></div>
<div class="HomeWorkCon"> <div class="HomeWorkCon">
<div class="mt15"> <div class="mt15">
<select class="InputBox W120 language_type" > <select class="InputBox W120 language_type" >
<%= options_for_select({"C语言"=>1, "C++"=>2, "Python"=>3, "Java"=>4}, (edit_mode && homework.is_program_homework?) ? homework.language : 1) %> <%= options_for_select({"C语言"=>1, "C++"=>2, "Python"=>3, "Java"=>4}, (edit_mode && homework.is_program_homework?) ? homework.language : 1) %>
</select> </select>
</div> </div>
<% if edit_mode && homework.is_program_homework? %> <div style="max-height: 320px; overflow-y:auto; width:730px;">
<% homework.homework_tests.each_with_index do |test, index| %> <% if edit_mode && homework.is_program_homework? %>
<div class="mt10"> <% homework.homework_tests.each_with_index do |test, index| %>
<textarea class="InputBox W320 fl mr10" placeholder="测试输入" id="textarea_input_test"><%= test.input %></textarea> <div class="mt10">
<textarea class="InputBox W320 fl mr5" placeholder="测试输出" id="textarea_output_test"><%= test.output %></textarea> <textarea class="InputBox W320 fl mr10" placeholder="测试输入" id="textarea_input_test"><%= test.input %></textarea>
<a href="javascript:void(0);" class=" fl icon_add" title="增加测试组"></a> <textarea class="InputBox W320 fl mr5" placeholder="测试输出" id="textarea_output_test"><%= test.output %></textarea>
<% if index != 0 %> <a href="javascript:void(0);" class=" fl icon_add" title="增加测试组"></a>
<a href="javascript:void(0);" class=" fl icon_remove" title="删除测试组"></a> <% if index != 0 %>
<% end %> <a href="javascript:void(0);" class=" fl icon_remove" title="删除测试组"></a>
<div class="cl"></div> <% end %>
</div> <div class="cl"></div>
<% end %> </div>
<% else %> <% end %>
<div class="mt10"> <% else %>
<textarea class="InputBox W320 fl mr10" placeholder="测试输入" id="textarea_input_test"></textarea> <div class="mt10">
<textarea class="InputBox W320 fl mr5" placeholder="测试输出" id="textarea_output_test"></textarea> <textarea class="InputBox W320 fl mr10" placeholder="测试输入" id="textarea_input_test"></textarea>
<a href="javascript:void(0);" class=" fl icon_add" title="增加测试组"></a> <textarea class="InputBox W320 fl mr5" placeholder="测试输出" id="textarea_output_test"></textarea>
<div class="cl"></div> <a href="javascript:void(0);" class=" fl icon_add" title="增加测试组"></a>
</div> <div class="cl"></div>
<% end %> </div>
<% end %>
<div class="mt10"> </div>
<span class="f12 c_red db mt5 fl">温馨提示:您可以在发布作业后,在作业“模拟答题”中进行标准代码的检测。</span>
<a href="javascript:void(0);" class="BlueCirBtn fr">确&nbsp;&nbsp;定</a> <div class="mt10">
<div class="cl"></div> <span class="f12 c_red db mt5 fl">温馨提示:您可以在发布作业后,在作业“模拟答题”中进行标准代码的检测。</span>
</div> <a href="javascript:void(0);" class="BlueCirBtn fr">确&nbsp;&nbsp;定</a>
<div class="cl"></div>
</div><!----HomeWorkCon end--> </div>
<script> </div><!----HomeWorkCon end-->
var text = document.getElementById("textarea_input_test");
var text2 = document.getElementById("textarea_output_test"); <script>
autoTextarea2(text,text2); var text = document.getElementById("textarea_input_test");
autoTextarea2(text2,text); var text2 = document.getElementById("textarea_output_test");
autoTextarea2(text,text2);
autoTextarea2(text2,text);
</script> </script>

@ -114,7 +114,9 @@ $(function(){
dialogClass: 'BluePopupBox', dialogClass: 'BluePopupBox',
minWidth: 753 minWidth: 753
}); });
$('#BluePopupBox').parent().css("border","3px solid #269ac9"); $('#BluePopupBox').parent().resizable("disable");
$('#BluePopupBox').parent().removeClass("ui-state-disabled");
$('#BluePopupBox').parent().css("border","3px solid #269ac9").css("padding","10px");
$('a.ProBtn').live('click', function(){ $('a.ProBtn').live('click', function(){
$("#BluePopupBox").dialog("open"); $("#BluePopupBox").dialog("open");
@ -205,7 +207,9 @@ $(function(){
dialogClass: 'BluePopupBox', dialogClass: 'BluePopupBox',
minWidth: 290 minWidth: 290
}); });
$('#GroupPopupBox').parent().css("border","3px solid #269ac9"); $('#GroupPopupBox').parent().resizable("disable");
$('#GroupPopupBox').parent().removeClass("ui-state-disabled");
$('#GroupPopupBox').parent().css("border","3px solid #269ac9").css("padding","10px");
$('a.groupBtn').live('click', function(){ $('a.groupBtn').live('click', function(){
$("#GroupPopupBox").dialog("open"); $("#GroupPopupBox").dialog("open");

@ -1,3 +1,4 @@
/* CSS Document */ /* CSS Document */
/* 2015-06-26 */ /* 2015-06-26 */
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td{ margin:0; padding:0;} body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td{ margin:0; padding:0;}
@ -555,7 +556,7 @@ a.homepageSearchIcon:hover {background:url(../images/nav_icon.png) -49px 3px no-
/*.navHomepageProfile ul li ul {display:none;} /*.navHomepageProfile ul li ul {display:none;}
.navHomepageProfile ul li:hover ul {display:block;}*/ .navHomepageProfile ul li:hover ul {display:block;}*/
.homepageLeft {width:240px; float:left; margin-right:10px; margin-bottom:10px;} .homepageLeft {width:240px; float:left; margin-right:10px; margin-bottom:10px;}
.homepageRight {width:750px; float:left; margin-top:10px; margin-bottom:10px;} .homepageRight {width:750px; float:left; margin-top:10px; margin-bottom:10px; margin-top:10px;}
.homepagePortraitContainer {width:208px; border:1px solid #dddddd; background-color:#ffffff; margin-top:10px; padding:15px;} .homepagePortraitContainer {width:208px; border:1px solid #dddddd; background-color:#ffffff; margin-top:10px; padding:15px;}
.homepagePortraitImage {width:78px; height:78px; position:relative; border:1px solid #cbcbcb; padding: 2px;} .homepagePortraitImage {width:78px; height:78px; position:relative; border:1px solid #cbcbcb; padding: 2px;}
.homepagePortraitImage:hover {border:1px solid #269ac9;} .homepagePortraitImage:hover {border:1px solid #269ac9;}

@ -306,7 +306,7 @@ a:hover.bgreen_n_btn{background:#08a384;}
.blue_btn_cir{ background:#3498db; padding:1px 10px; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; color:#fff; font-weight:normal;font-size:12px;white-space:nowrap;} .blue_btn_cir{ background:#3498db; padding:1px 10px; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; color:#fff; font-weight:normal;font-size:12px;white-space:nowrap;}
.orange_btn_cir{ background:#e67e22; padding:1px 10px; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; color:#fff; font-weight:normal; font-size:12px;white-space:nowrap;} .orange_btn_cir{ background:#e67e22; padding:1px 10px; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; color:#fff; font-weight:normal; font-size:12px;white-space:nowrap;}
.bgreen_btn_cir{ background:#1abc9c; padding:1px 10px; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; color:#fff; font-weight:normal; font-size:12px;white-space:nowrap;} .bgreen_btn_cir{ background:#1abc9c; padding:1px 10px; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; color:#fff; font-weight:normal; font-size:12px;white-space:nowrap;}
.grey_border{border:1px solid #dddddd !important; } .grey_border{border:1px solid #dddddd !important;}
/* commonpic */ /* commonpic */
.pic_date{ display:block; background:url(../images/new_project/public_icon.png) -31px 0 no-repeat; width:16px; height:15px; float:left;} .pic_date{ display:block; background:url(../images/new_project/public_icon.png) -31px 0 no-repeat; width:16px; height:15px; float:left;}
.pic_add{ display:block; background:url(../images/new_project/public_icon.png) -31px -273px no-repeat; width:16px; height:15px; float:left;} .pic_add{ display:block; background:url(../images/new_project/public_icon.png) -31px -273px no-repeat; width:16px; height:15px; float:left;}

Loading…
Cancel
Save