简化版元数据提交流程效果优化

This commit is contained in:
Li Jianxuan 2013-01-28 09:12:40 +00:00
parent bb5e39f45d
commit a3749061ba
2 changed files with 19 additions and 15 deletions

View File

@ -40,19 +40,19 @@ $this->breadcrumb()->setSeparator(' > ');
<div class="step_ctl"> <div class="step_ctl">
<ul> <ul>
<li> <li>
<a href="javascript:void(0);" onclick="jumpstep(1)" class="step_btns"> <a href="javascript:void(0);" onclick="jumpstep(1)" id="step_btn1" class="step_btns current_step">
<div class="title">Step1</div> <div class="title">Step1</div>
<div class="description">元数据基本信息</div> <div class="description">元数据基本信息</div>
</a> </a>
</li> </li>
<li> <li>
<a href="javascript:void(0);" onclick="save(0,this,2)" class="step_btns"> <a href="javascript:void(0);" onclick="save(0,this,2)" id="step_btn2" class="step_btns">
<div class="title">Step2</div> <div class="title">Step2</div>
<div class="description">时空范围</div> <div class="description">时空范围</div>
</a> </a>
</li> </li>
<li> <li>
<a href="javascript:void(0);" onclick="save(0,this,3)" class="step_btns"> <a href="javascript:void(0);" onclick="save(0,this,3)" id="step_btn3" class="step_btns">
<div class="title">Step3</div> <div class="title">Step3</div>
<div class="description">元数据基本信息</div> <div class="description">元数据基本信息</div>
</a> </a>
@ -304,6 +304,7 @@ $(function() {
//Form //Form
InputTextSet(); InputTextSet();
StepBtnClick();
}); });
// Metadata Commit Part // Metadata Commit Part
@ -338,6 +339,11 @@ function save(s,btn,jump){
{ {
return false; return false;
} }
if(jump != "")
{
$('.step_btns').removeClass('current_step');
$('#step_btn'+jump).addClass("current_step");
}
var postdata = ""; var postdata = "";
if(s>0) if(s>0)
{ {
@ -397,17 +403,19 @@ function jumpstep(id){
$('#step_content_'+id).css("display","block"); $('#step_content_'+id).css("display","block");
} }
function StepBtnClick(){
$('.step_btns').click(function(){
$('.step_btns').removeClass('current_step');
$(this).addClass('current_step');
});
}
function CheckStep(id){ function CheckStep(id){
if($('input[name=title]').val() == "") if($('input[name=title]').val() == "")
{ {
Alert("请输入元数据标题"); Alert("请输入元数据标题");
return false; return false;
} }
if($('input[name=title_en]').val() == "")
{
Alert("请输入元数据英文标题");
return false;
}
if($('textarea[name=description]').val() == "") if($('textarea[name=description]').val() == "")
{ {
Alert("请输入元数据简介"); Alert("请输入元数据简介");
@ -424,11 +432,6 @@ function CheckStep(id){
Alert("请选择数据开始时间"); Alert("请选择数据开始时间");
return false; return false;
} }
if($('input[name=timeend]').val() == "")
{
Alert("请选择数据结束时间");
return false;
}
if($('input[name=east]').val() == "") if($('input[name=east]').val() == "")
{ {
Alert("请选择数据地理范围:东"); Alert("请选择数据地理范围:东");

View File

@ -79,5 +79,6 @@ textarea {resize: none}
.step_ctl{width:100%;overflow:hidden;} .step_ctl{width:100%;overflow:hidden;}
.step_ctl ul{width:100%;overflow:hidden;} .step_ctl ul{width:100%;overflow:hidden;}
.step_ctl ul li{float:left;height:60px;width:160px;overflow:hidden;cursor:pointer;} .step_ctl ul li{float:left;height:60px;width:160px;overflow:hidden;cursor:pointer;}
.step_ctl ul li .title{text-align:left;height:40px;line-height:40px;font-size:26px;} .step_ctl ul li .title{text-align:left;height:40px;line-height:40px;font-size:26px;color:black;}
.step_ctl ul li .description{height:20px;line-height:20px;font-size:16px;} .step_ctl ul li .description{height:20px;line-height:20px;font-size:16px;color:black;}
.step_ctl ul li .current_step .title,.step_ctl ul li .current_step .description{color:#69F;}