206 lines
5.9 KiB
HTML
206 lines
5.9 KiB
HTML
<admintpl file="header"/>
|
|
</head>
|
|
<body>
|
|
<div class="wrap js-check-wrap">
|
|
<ul class="nav nav-tabs">
|
|
<li><a href="{:U('slide/index')}">{:L('ADMIN_SLIDE_INDEX')}</a></li>
|
|
<li class="active"><a href="{:U('slide/add')}">{:L('ADMIN_SLIDE_ADD')}</a></li>
|
|
</ul>
|
|
<form action="{:U('slide/add_post')}" method="post" class="form-horizontal js-ajax-forms" enctype="multipart/form-data">
|
|
<div class="row-fluid">
|
|
<div class="span9">
|
|
<table class="table table-bordered">
|
|
<tr>
|
|
<th width="80">分类</th>
|
|
<td>
|
|
<select name="slide_cid">
|
|
<option value="0">默认分类</option>
|
|
<foreach name="categorys" item="vo">
|
|
<option value="{$vo.cid}">{$vo.cat_name}</option>
|
|
</foreach>
|
|
</select>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<th>{:L('TITLE')}</th>
|
|
<td>
|
|
<input type="text" style="width: 400px;" name="slide_name" value="" placeholder="请输入幻灯片名称"/>
|
|
<span class="form-required">*</span>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<th>{:L('LINK')}</th>
|
|
<td><input type="text" name="slide_url" value="" style="width: 400px"></td>
|
|
</tr>
|
|
<tr>
|
|
<th>{:L('DESCRIPTION')}</th>
|
|
<td><input type="text" name="slide_des" value="" style="width: 400px"></td>
|
|
</tr>
|
|
<tr>
|
|
<th>幻灯片内容</th>
|
|
<td><textarea name="slide_content" style="width: 98%; height: 200px;"></textarea></td>
|
|
</tr>
|
|
</table>
|
|
</div>
|
|
<div class="span3">
|
|
<table class="table table-bordered">
|
|
<tr>
|
|
<th>缩略图</th>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<div style="text-align: center;">
|
|
<input type="hidden" name="slide_pic" id="thumb" value="">
|
|
<a href="javascript:upload_one_image('图片上传','#thumb');">
|
|
<img src="__TMPL__Public/assets/images/default-thumbnail.png" id="thumb-preview" width="135" style="cursor: hand" />
|
|
</a>
|
|
<input type="button" class="btn btn-small" onclick="$('#thumb-preview').attr('src','__TMPL__Public/assets/images/default-thumbnail.png');$('#thumb').val('');return false;" value="取消图片">
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
<div class="form-actions">
|
|
<button class="btn btn-primary js-ajax-submit" type="submit">{:L("ADD")}</button>
|
|
<a class="btn" href="javascript:history.back(-1);">{:L('BACK')}</a>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
<script type="text/javascript" src="__PUBLIC__/js/common.js"></script>
|
|
<script type="text/javascript">
|
|
$(function() {
|
|
$(".js-ajax-close-btn").on('click', function(e) {
|
|
e.preventDefault();
|
|
Wind.use("artDialog", function() {
|
|
art.dialog({
|
|
id : "question",
|
|
icon : "question",
|
|
fixed : true,
|
|
lock : true,
|
|
background : "#CCCCCC",
|
|
opacity : 0,
|
|
content : "您确定需要关闭当前页面嘛？",
|
|
ok : function() {
|
|
setCookie("refersh_time", 1);
|
|
window.close();
|
|
return true;
|
|
}
|
|
});
|
|
});
|
|
});
|
|
/////---------------------
|
|
Wind.use('validate', 'ajaxForm', 'artDialog', function() {
|
|
//javascript
|
|
|
|
var form = $('form.js-ajax-forms');
|
|
//ie处理placeholder提交问题
|
|
if ($.browser && $.browser.msie) {
|
|
form.find('[placeholder]').each(function() {
|
|
var input = $(this);
|
|
if (input.val() == input.attr('placeholder')) {
|
|
input.val('');
|
|
}
|
|
});
|
|
}
|
|
|
|
var formloading = false;
|
|
//表单验证开始
|
|
form.validate({
|
|
//是否在获取焦点时验证
|
|
onfocusout : false,
|
|
//是否在敲击键盘时验证
|
|
onkeyup : false,
|
|
//当鼠标掉级时验证
|
|
onclick : false,
|
|
//验证错误
|
|
showErrors : function(errorMap, errorArr) {
|
|
//errorMap {'name':'错误信息'}
|
|
//errorArr [{'message':'错误信息',element:({})}]
|
|
try {
|
|
$(errorArr[0].element).focus();
|
|
art.dialog({
|
|
id : 'error',
|
|
icon : 'error',
|
|
lock : true,
|
|
fixed : true,
|
|
background : "#CCCCCC",
|
|
opacity : 0,
|
|
content : errorArr[0].message,
|
|
cancelVal : '确定',
|
|
cancel : function() {
|
|
$(errorArr[0].element).focus();
|
|
}
|
|
});
|
|
} catch (err) {
|
|
}
|
|
},
|
|
//验证规则
|
|
rules : {
|
|
'slide_name' : {
|
|
required : 1
|
|
}
|
|
},
|
|
//验证未通过提示消息
|
|
messages : {
|
|
'slide_name' : {
|
|
required : '请输入名称'
|
|
}
|
|
},
|
|
//给未通过验证的元素加效果,闪烁等
|
|
highlight : false,
|
|
//是否在获取焦点时验证
|
|
onfocusout : false,
|
|
//验证通过，提交表单
|
|
submitHandler : function(forms) {
|
|
if (formloading)
|
|
return;
|
|
$(forms).ajaxSubmit({
|
|
url : form.attr('action'), //按钮上是否自定义提交地址(多按钮情况)
|
|
dataType : 'json',
|
|
beforeSubmit : function(arr, $form, options) {
|
|
formloading = true;
|
|
},
|
|
success : function(data, statusText, xhr, $form) {
|
|
formloading = false;
|
|
if (data.status) {
|
|
setCookie("refersh_time", 1);
|
|
//添加成功
|
|
Wind.use("artDialog", function() {
|
|
art.dialog({
|
|
id : "succeed",
|
|
icon : "succeed",
|
|
fixed : true,
|
|
lock : true,
|
|
background : "#CCCCCC",
|
|
opacity : 0,
|
|
content : data.info,
|
|
button : [ {
|
|
name : '继续添加？',
|
|
callback : function() {
|
|
reloadPage(window);
|
|
return true;
|
|
},
|
|
focus : true
|
|
}, {
|
|
name : '返回列表',
|
|
callback : function() {
|
|
location.href = "{:U('slide/index')}";
|
|
return true;
|
|
}
|
|
} ]
|
|
});
|
|
});
|
|
} else {
|
|
artdialog_alert(data.info);
|
|
}
|
|
}
|
|
});
|
|
}
|
|
});
|
|
});
|
|
////-------------------------
|
|
});
|
|
</script>
|
|
</body>
|
|
</html> |