代码拉取完成，页面将自动刷新
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>添加品牌</title>
<meta name="renderer" content="webkit|ie-comp|ie-stand">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
<meta http-equiv="Cache-Control" content="no-siteapp" />
<link href="assets/css/bootstrap.min.css" rel="stylesheet" />
<link rel="stylesheet" href="css/style.css"/>
<link rel="stylesheet" href="assets/css/ace.min.css" />
<link rel="stylesheet" href="assets/css/font-awesome.min.css" />
<link href="Widget/icheck/icheck.css" rel="stylesheet" type="text/css" />
<!--[if IE 7]>
<link rel="stylesheet" href="assets/css/font-awesome-ie7.min.css" />
<![endif]-->
<!--[if lte IE 8]>
<link rel="stylesheet" href="assets/css/ace-ie.min.css" />
<![endif]-->
<script src="js/jquery-1.9.1.min.js"></script>
<script src="assets/js/bootstrap.min.js"></script>
<script src="assets/js/typeahead-bs2.min.js"></script>
<script src="assets/layer/layer.js" type="text/javascript"></script>
<script type="text/javascript" src="Widget/swfupload/swfupload.js"></script>
<script type="text/javascript" src="Widget/swfupload/swfupload.queue.js"></script>
<script type="text/javascript" src="Widget/swfupload/swfupload.speed.js"></script>
<script type="text/javascript" src="Widget/swfupload/handlers.js"></script>
</head>
<body>
<div class=" clearfix">
<div id="add_brand" class="clearfix">
<div class="left_add">
<div class="title_name">添加品牌</div>
<ul class="add_conent">
<li class=" clearfix"><label class="label_name"><i>*</i>品牌名称：</label> <input name="" type="text" class="add_text"/></li>
<li class=" clearfix"><label class="label_name"><i>*</i>品牌序号：</label> <input name="" type="text" class="add_text" style="width:80px"/></li>
<li class=" clearfix"><label class="label_name">品牌图片：</label>
<div class="demo l_f">
<div class="logobox"><div class="resizebox"><img src="images/image.png" width="100px" alt="" height="100px"/></div></div>
<div class="logoupload">
<div class="btnbox"><a id="uploadBtnHolder" class="uploadbtn" href="javascript:;">上传替换</a></div>
<div style="clear:both;height:0;overflow:hidden;"></div>
<div class="progress-box" style="display:none;">
<div class="progress-num">上传进度：<b>0%</b></div>
<div class="progress-bar"><div style="width:0%;" class="bar-line"></div></div>
</div>
</div>
</div> <div class="prompt"><p>图片大小<b>120px*60px</b>图片大小小于5MB,</p><p>支持.jpg;.gif;.png;.jpeg格式的图片</p></div>
</li>
<li class=" clearfix"><label class="label_name"><i>*</i>所属地区：</label> <input name="" type="text" class="add_text" style="width:120px"/></li>
<li class=" clearfix"><label class="label_name">品牌描述：</label> <textarea name="" cols="" rows="" class="textarea" onkeyup="checkLength(this);"></textarea><span class="wordage">剩余字数：<span id="sy" style="color:Red;">500</span>字</span></li>
<li class=" clearfix"><label class="label_name"><i>*</i>显示状态：</label>
<label><input name="checkbox" type="radio" class="ace" checked="checked"><span class="lbl">显示</span></label>
<label><input type="radio" class="ace" name="checkbox"><span class="lbl">不显示</span></label>
</li>
</ul>
</div>
<div class="right_add">
<div class="title_name">添加商品</div>
<div class="p_select_list">
<div class="left_produt produt_select_style" >
<div id="select_style"></div>
<span class="seach_style"><input name="" type="text" id="seach"/ class="seach"><i class="icon-search"></i></span>
</div>
<div class="Switching_btn">
<span id="add_all" class="Switching">
<input type="button" class="btn btn-warning" value=">>"/>
</span>
<span id="add" class="Switching">
<input type="button" class="btn btn-primary" value=">"/>
</span>
<span id="remove" class="Switching">
<input type="button" class="btn btn-primary" value="<"/>
</span>
<span id="remove_all" class="Switching">
<input type="button" class="btn btn-warning" value="<<"/>
</span>
</div>
<div class="right_product produt_select_style">
<div class="title_name">归类商品</div>
<select multiple="multiple" id="select2" class="select">
</select>
</div>
</div>
</div>
</div>
<div class="button_brand"><input name="" type="button" class="btn btn-warning" value="保存"/><input name="" type="reset" value="取消" class="btn btn-warning"/></div>
</div>
</body>
</html>
<script type="text/javascript">
$(document).ready(function(){
$(".left_add").height($(window).height()-60);
$(".right_add").width($(window).width()-600);
$(".right_add").height($(window).height()-60);
$(".select").height($(window).height()-195);
$("#select_style").height($(window).height()-220);
//当文档窗口发生改变时 触发
$(window).resize(function(){
$(".right_add").width($(window).width()-600);
$(".left_add").height($(window).height()-60);
$(".right_add").height($(window).height()-60);
$(".select").height($(window).height()-195);
$("#select_style").height($(window).height()-220);
});
})
function checkLength(which) {
var maxChars = 500;
if(which.value.length > maxChars){
layer.open({
icon:2,
title:'提示框',
content:'您出入的字数超多限制!',
});
// 超过限制的字数了就将 文本框中的内容按规定的字数 截取
which.value = which.value.substring(0,maxChars);
return false;
}else{
var curr = maxChars - which.value.length; // 减去 当前输入的
document.getElementById("sy").innerHTML = curr.toString();
return true;
}
}
//下拉框交换JQuery
$(function(){
//移到右边
$('#add').click(function() {
//获取选中的选项，删除并追加给对方
$('#select1 option:selected').appendTo('#select2');
});
//移到左边
$('#remove').click(function() {
$('#select2 option:selected').appendTo('#select1');
});
//全部移到右边
$('#add_all').click(function() {
//获取全部的选项,删除并追加给对方
$('#select1 option').appendTo('#select2');
});
//全部移到左边
$('#remove_all').click(function() {
$('#select2 option').appendTo('#select1');
});
//双击选项
$('#select1').dblclick(function(){ //绑定双击事件
//获取全部的选项,删除并追加给对方
$("option:selected",this).appendTo('#select2'); //追加给对方
});
//双击选项
$('#select2').dblclick(function(){
$("option:selected",this).appendTo('#select1');
});
});
var user=[{"id": 1, "name": "贝德玛（Bioderma）温和卸妆水净妍/舒妍洁肤液卸妆水 ","status":"关闭"},
{"id": 2, "name": "欧诗漫 OSM 奢华金萃臻贵娇宠礼盒","status":"关闭"},
{"id": 3, "name": "舒蕾洗发水奢养精油套装","status":"关闭"},
{"id": 4, "name": "雅芳小黑裙香体乳150g","status":"关闭"},
{"id": 5, "name": "嘉媚乐（CAMENAE）玫瑰之爱保","status":"启用"},
{"id": 6, "name": "欧莱雅男士护肤套装 劲能极速活肤液50ml","status":"启用"},
{"id": 7, "name": "美即 面膜 净透亮肤套装面膜贴升级版","status":"启用"},
{"id": 8, "name": "可悠然（KUYURA）美肌沐浴露（欣怡幽香）550ml ","status":"启用"},
{"id": 9, "name": "李施德林漱口水冰蓝口味500ml双包装","status":"启用"},
{"id": 10, "name": "吕(Ryo)滋养韧发密集莹韧[滋润型]洗护套装 ","status":"启用"},
{"id": 11, "name": "美宝莲（MAYBELLINE）气垫BB","status":"关闭"},
{"id": 12, "name": "I'M CONCEALER我爱水润遮瑕液 #02 自然肤色","status":"启用"},
{"id": 13, "name": "Apple iPhone 6s (A1700) 64G 玫瑰金色 移动联通电信4G手机","status":"启用"},
{"id": 14, "name": "二当家的 全网通 高配版 3GB内存 64GB ROM 金色 移动联通电信4G手机 ","status":"启用"},
{"id": 15, "name": "OPPO R9 4GB+64GB内存版 玫瑰金 全网通4G手机 双卡双待","status":"启用"},
{"id": 16, "name": "华为 P9 全网通 3GB+32GB版 流光金 移动联通电信4G手机 双卡双待 ","status":"启用"},
{"id": 17, "name": "华为 Mate 8 3GB+32GB版 月光银 移动联通电信4G手机 双卡双待","status":"启用"},
{"id": 18, "name": "努比亚(nubia)【3+64GB】小牛5 Z11mini 白色 移动联通电信4G手机 双卡双待","status":"启用"},
{"id": 19, "name": "三星 Galaxy A9 (SM-A9100) 魔幻金 全网通4G手机 双卡双待 ","status":"启用"},
{"id": 20, "name": "华为 畅享5 梦幻金 移动联通电信4G手机 双卡双待","status":"关闭"}];
$(document).ready(function(){
var seach=$("#seach");
seach.keyup(function(event){
//获取当前文本框的值
var seachText=$("#seach").val();
var product="<div class='title_name'>产品名称</div><select multiple='multiple' id='select1' class='select'>";
if(seachText!=""){
$.each(user,function(id, item){
//如果包含则为select赋值
if(item.name.indexOf(seachText)!=-1 && item.status.indexOf(seachText)!=-1 ){
product+="<option value="+item.id+">"+"("+item.status+")"+item.name+"</option>";
}
})
$("#select_style").html(product);
}
else{
$.each(user,function(id, item){
name = item.name;
status= item.status;
product+="<option value="+item.id+">"+"("+item.status+")"+item.name+"</option>";
})
$("#select_style").html(product);
}
product+"</select>";
}) ;
var product="<div class='title_name'>产品名称</div>";
product+="<select multiple='multiple' id='select1' class='select'";
$.each(user,function(id, item){
name = item.name;
status= item.status;
product+="<option value="+item.id+" title="+item.name+">"+"("+item.status+")"+item.name+"</option>";
})
product+"</select>";
$("#select_style").html(product);
})
</script>
<script type="text/javascript">
function updateProgress(file) {
$('.progress-box .progress-bar > div').css('width', parseInt(file.percentUploaded) + '%');
$('.progress-box .progress-num > b').html(SWFUpload.speed.formatPercent(file.percentUploaded));
if(parseInt(file.percentUploaded) == 100) {
// 如果上传完成了
$('.progress-box').hide();
}
}
function initProgress() {
$('.progress-box').show();
$('.progress-box .progress-bar > div').css('width', '0%');
$('.progress-box .progress-num > b').html('0%');
}
function successAction(fileInfo) {
var up_path = fileInfo.path;
var up_width = fileInfo.width;
var up_height = fileInfo.height;
var _up_width,_up_height;
if(up_width > 120) {
_up_width = 120;
_up_height = _up_width*up_height/up_width;
}
$(".logobox .resizebox").css({width: _up_width, height: _up_height});
$(".logobox .resizebox > img").attr('src', up_path);
$(".logobox .resizebox > img").attr('width', _up_width);
$(".logobox .resizebox > img").attr('height', _up_height);
}
var swfImageUpload;
$(document).ready(function() {
var settings = {
flash_url : "Widget/swfupload/swfupload.swf",
flash9_url : "Widget/swfupload/swfupload_fp9.swf",
upload_url: "upload.php",// 接受上传的地址
file_size_limit : "5MB",// 文件大小限制
file_types : "*.jpg;*.gif;*.png;*.jpeg;",// 限制文件类型
file_types_description : "图片",// 说明，自己定义
file_upload_limit : 100,
file_queue_limit : 0,
custom_settings : {},
debug: false,
// Button settings
button_image_url: "Widget/swfupload/upload-btn.png",
button_width: "95",
button_height: "30 ",
button_placeholder_id: 'uploadBtnHolder',
button_window_mode : SWFUpload.WINDOW_MODE.TRANSPARENT,
button_cursor : SWFUpload.CURSOR.HAND,
button_action: SWFUpload.BUTTON_ACTION.SELECT_FILE,
moving_average_history_size: 40,
// The event handler functions are defined in handlers.js
swfupload_preload_handler : preLoad,
swfupload_load_failed_handler : loadFailed,
file_queued_handler : fileQueued,
file_dialog_complete_handler: fileDialogComplete,
upload_start_handler : function (file) {
initProgress();
updateProgress(file);
},
upload_progress_handler : function(file, bytesComplete, bytesTotal) {
updateProgress(file);
},
upload_success_handler : function(file, data, response) {
// 上传成功后处理函数
var fileInfo = eval("(" + data + ")");
successAction(fileInfo);
},
upload_error_handler : function(file, errorCode, message) {
alert('上传发生了错误！');
},
file_queue_error_handler : function(file, errorCode, message) {
if(errorCode == -110) {
alert('您选择的文件太大了。');
}
}
};
swfImageUpload = new SWFUpload(settings);
});
</script>
此处可能存在不合适展示的内容，页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容，可点击提交进行申诉，我们将尽快为您处理。