1166 lines
45 KiB
Plaintext
1166 lines
45 KiB
Plaintext
<%@ Page Title="" Language="C#" AutoEventWireup="true" CodeBehind="Admin_Member_Products_add5.aspx.cs" Inherits="Mtxfw.VipSite.Admin_Member_Products_add5" %>
|
||
<%@ Register Assembly="AspNetPager" Namespace="Wuqi.Webdiyer" TagPrefix="webdiyer" %>
|
||
<!DOCTYPE html>
|
||
<html>
|
||
<head id="Head1" runat="server">
|
||
<title></title>
|
||
|
||
|
||
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
|
||
<meta http-equiv="Cache-Control" content="no-store" />
|
||
<meta http-equiv="Pragma" content="no-cache" />
|
||
<meta http-equiv="Expires" content="0" />
|
||
<meta http-equiv="X-UA-Compatible" content="IE=7,IE=9,IE=10" />
|
||
<script src="/Scripts/jquery-3.4.1.min.js" type="text/javascript"></script>
|
||
<script type="text/javascript" src="/Scripts/bootstrap.min.js"></script>
|
||
<script src="/Scripts/common.js?t=0" type="text/javascript"></script>
|
||
<script type="text/javascript" charset="utf-8" src="/Scripts/vod-js-sdk-v6.js"></script>
|
||
<script type="text/javascript" src="/layer/layer.js"></script>
|
||
<script type="text/javascript" src="/Scripts/long.js"></script>
|
||
<link href="/css/bootstrap.min.css" type="text/css" rel="stylesheet" />
|
||
|
||
<!-- Basic Styles -->
|
||
|
||
<meta name="description" content="">
|
||
<meta name="author" content="">
|
||
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
|
||
|
||
<link rel="stylesheet" type="text/css" media="screen" href="/css/bootstrap.css">
|
||
<!--[if IE 7]>
|
||
<link rel="stylesheet" type="text/css" media="screen" href="/css/font-awesome-ie7.min.css">
|
||
<![endif]-->
|
||
<link rel="stylesheet" type="text/css" media="screen" href="/css/smartadmin-production.css">
|
||
<link rel="stylesheet" type="text/css" media="screen" href="/css/smartadmin-skins.css">
|
||
|
||
|
||
<link rel="stylesheet" type="text/css" media="screen" href="/css/your_style.css">
|
||
|
||
<!-- Demo purpose only: goes with demo.js, you can delete this css when designing your own WebApp -->
|
||
<link rel="stylesheet" type="text/css" media="screen" href="/css/demo.css">
|
||
|
||
|
||
<!-- FAVICONS -->
|
||
<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon">
|
||
<link rel="icon" href="/favicon.ico" type="image/x-icon">
|
||
|
||
|
||
<link rel="stylesheet" type="text/css" href="/css/cjadd.css">
|
||
<style type="text/css">
|
||
|
||
.addggbox
|
||
{
|
||
float:left;
|
||
margin:0;
|
||
padding:0;
|
||
width:100%;
|
||
border-top:0;
|
||
}
|
||
.addggbox ul
|
||
{
|
||
float:left;
|
||
margin:0;
|
||
padding:0;
|
||
width:100%;
|
||
}
|
||
.addggbox ul.addggbox_title
|
||
{
|
||
background-color:#eee;
|
||
}
|
||
.addggbox ul li
|
||
{
|
||
float:left;
|
||
margin:0;
|
||
padding:0;
|
||
width:8%;
|
||
border:1px solid #f5f5f5;
|
||
text-align:center;
|
||
line-height:3.2em;
|
||
height:3.2em;
|
||
overflow:hidden;
|
||
box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;
|
||
overflow:hidden;
|
||
}
|
||
.addggbox ul li.textgg
|
||
{
|
||
width:20%;
|
||
}
|
||
.addggbox ul li.textcz
|
||
{
|
||
width:15%;
|
||
}
|
||
.addggbox ul li input
|
||
{
|
||
margin:0;
|
||
height:2.3em;
|
||
width:100%;
|
||
text-align:center;
|
||
}
|
||
.addggbox ul.addggbox_boxed li input
|
||
{
|
||
border:0;
|
||
outline:none;
|
||
box-shadow: none;
|
||
|
||
}
|
||
.addggbox ul li input[type="button"]
|
||
{
|
||
margin:0 5%;
|
||
width:40%;
|
||
line-height:1.5em;
|
||
}
|
||
.addggbox ul li.textcolor,.addggbox ul li.texttp
|
||
{
|
||
color:Blue;
|
||
cursor:pointer;
|
||
}
|
||
.addcolor_box
|
||
{
|
||
float:left;
|
||
width:100%;
|
||
}
|
||
.addcolor_box ul
|
||
{
|
||
float:left;
|
||
margin:0;
|
||
padding:0;
|
||
width:100%;
|
||
}
|
||
.addcolor_box ul.addcolor_title
|
||
{
|
||
background-color:#eee;
|
||
}
|
||
.addcolor_box ul li
|
||
{
|
||
float:left;
|
||
margin:0;
|
||
padding:0;
|
||
width:30%;
|
||
border:1px solid #f5f5f5;
|
||
text-align:center;
|
||
line-height:3.2em;
|
||
height:3.2em;
|
||
overflow:hidden;
|
||
box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;
|
||
overflow:hidden;
|
||
}
|
||
.addcolor_box ul li.textcolor
|
||
{
|
||
width:40%;
|
||
}
|
||
.addcolor_box ul li input
|
||
{
|
||
margin:0;
|
||
height:2.3em;
|
||
width:100%;
|
||
}
|
||
.addcolor_box ul.addcolor_boxed li input
|
||
{
|
||
border:0;
|
||
outline:none;
|
||
box-shadow: none;
|
||
}
|
||
.addcolor_box ul li input[type="button"]
|
||
{
|
||
margin:0 5%;
|
||
width:40%;
|
||
line-height:1.8em;
|
||
}
|
||
.addimage_box
|
||
{
|
||
float:left;
|
||
width:100%;
|
||
}
|
||
.addimage_box ul
|
||
{
|
||
float:left;
|
||
margin:0;
|
||
padding:0;
|
||
width:100%;
|
||
}
|
||
.addimage_box ul.addimage_title
|
||
{
|
||
background-color:#eee;
|
||
}
|
||
.addimage_box ul li
|
||
{
|
||
float:left;
|
||
margin:0;
|
||
padding:0;
|
||
width:25%;
|
||
border:1px solid #f5f5f5;
|
||
text-align:center;
|
||
line-height:6em;
|
||
height:6em;
|
||
overflow:hidden;
|
||
box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;
|
||
overflow:hidden;
|
||
}
|
||
.addimage_box ul li.colorname
|
||
{
|
||
width:50%;
|
||
}
|
||
.addimage_box ul li.uploadimage
|
||
{
|
||
line-height:1.6em;
|
||
text-align:center;
|
||
}
|
||
.addimage_box ul li.uploadimage img
|
||
{
|
||
width:5em;
|
||
height:5em;
|
||
}
|
||
|
||
|
||
.addimage_box ul.addimage_title li
|
||
{
|
||
line-height:3.2em;
|
||
height:3.2em;
|
||
}
|
||
|
||
.addimage_box ul li input
|
||
{
|
||
margin:0;
|
||
height:2.3em;
|
||
width:100%;
|
||
}
|
||
.addimage_box ul.addimage_boxed li input
|
||
{
|
||
border:0;
|
||
outline:none;
|
||
box-shadow: none;
|
||
}
|
||
.addimage_box ul li input[type="button"]
|
||
{
|
||
margin:0 5%;
|
||
width:40%;
|
||
line-height:1.8em;
|
||
}
|
||
#inputTips2 li{ height:160px; }
|
||
|
||
.uploadvideobox{ display:inline-block; width:15em;}
|
||
.uploadvideobtnbox{ position:relative;
|
||
float:left;
|
||
width: 8em;
|
||
height: 2em;
|
||
line-height: 2em;
|
||
margin: 1em auto;
|
||
background: linear-gradient(to right, #fec02e, #fc9b06);
|
||
border-radius: 0.5em;
|
||
|
||
color:#fff;}
|
||
.uploadvideobtnbox span{width: 100%;height: 100%; display:block;text-align:center;}
|
||
.uploadvideobtnbox input#videofile{position: absolute;
|
||
top: 0;
|
||
left: 0;
|
||
width: 100%;
|
||
height: 100%;
|
||
opacity: 0;
|
||
border:0;
|
||
background-color:#000;}
|
||
.processbox{ width: 100%;height: 0.5em;border-radius: 10px;background: #999;margin: 10px auto;border: 1px solid #ff6780; display:none}
|
||
.child{position: relative;height:100%;border-radius:inherit; background-color:#ff4500;}
|
||
|
||
.process-animate{background: #ff6780;position: absolute;left: 0;top: 0;bottom: 0;border-radius:inherit;
|
||
animation: process 1s linear forwards ;
|
||
}
|
||
@keyframes process
|
||
{
|
||
0%{
|
||
left:0;right:100%;
|
||
}
|
||
20%{
|
||
right:80%
|
||
}
|
||
40%{
|
||
right:60%;
|
||
}
|
||
60%{right:40%;}
|
||
80%{right:20%;}
|
||
100%{right:0;}
|
||
}
|
||
.delvideobtnbox{display:inline-block; margin-left:1em; margin-top:1em; width:2em; height:2em; background-color:#fff; cursor:pointer; display:none}
|
||
.delvideobtnbox img{display:inline-block; width:100%; height:100%;}
|
||
</style>
|
||
<link href="artDialog/themes/default/css/umeditor.css" type="text/css" rel="stylesheet">
|
||
<script type="text/javascript" charset="utf-8" src="/artDialog/umeditor.config.js?t=0"></script>
|
||
<script type="text/javascript" charset="utf-8" src="/artDialog/umeditor.min.js?t=0"> </script>
|
||
<!--建议手动加在语言，避免在ie下有时因为加载语言失败导致编辑器加载失败-->
|
||
<!--这里加载的语言文件会覆盖你在配置项目里添加的语言类型，比如你在配置项目里配置的是英文，这里加载的中文，那最后就是中文-->
|
||
<script type="text/javascript" charset="utf-8" src="/artDialog/lang/zh-cn/zh-cn.js"></script>
|
||
<script type="text/javascript">
|
||
var checkForm = function () {
|
||
if ($('#select_p1').val() == "") {
|
||
alert('请选择分类一'); return false;
|
||
}
|
||
|
||
if ($('#Text_P_NAME').val() == '') {
|
||
alert('请输入商品名称'); return false;
|
||
}
|
||
|
||
|
||
|
||
return true;
|
||
}
|
||
window.UMEDITOR_CONFIG.toolbar = [
|
||
// 加入一个 test
|
||
' bold italic underline strikethrough superscript subscript forecolor removeformat ', ' fontfamily fontsize',
|
||
'| justifyleft justifycenter justifyright justifyjustify', 'image', 'source'
|
||
];
|
||
|
||
UM.registerUI('image',
|
||
function (name) {
|
||
var me = this;
|
||
var $btn = $.eduibutton({
|
||
icon: "image",
|
||
click: function () {
|
||
art.dialog.open("insertimage0.aspx?t=1", {
|
||
title: '插入图片',
|
||
width: '600px',
|
||
height: '400px',
|
||
lock: true,
|
||
id: 'dg_test34243'
|
||
});
|
||
},
|
||
title: '插入图片'
|
||
});
|
||
|
||
this.addListener('selectionchange', function () {
|
||
//切换为不可编辑时，把自己变灰
|
||
var state = this.queryCommandState(name);
|
||
$btn.edui().disabled(state == -1).active(state == 1)
|
||
});
|
||
return $btn;
|
||
}
|
||
);
|
||
UM.registerUI('upvideo',
|
||
function (name) {
|
||
var me = this;
|
||
var $btn = $.eduibutton({
|
||
icon: "video",
|
||
click: function () {
|
||
art.dialog.open("insertvideo.aspx", {
|
||
title: '插入视频',
|
||
width: '600px',
|
||
height: '400px',
|
||
lock: true,
|
||
id: 'dg_test34243'
|
||
});
|
||
},
|
||
title: '插入视频'
|
||
});
|
||
|
||
this.addListener('selectionchange', function () {
|
||
//切换为不可编辑时，把自己变灰
|
||
var state = this.queryCommandState(name);
|
||
$btn.edui().disabled(state == -1).active(state == 1)
|
||
});
|
||
return $btn;
|
||
}
|
||
);
|
||
</script>
|
||
<script type="text/javascript">
|
||
var ProductLB1 = '<%=ProductLB1 %>';
|
||
$(document).ready(function () {
|
||
showphotos();
|
||
$('#select_p1').val(ProductLB1);
|
||
GetProductLB();
|
||
if ($("#hidden_video").val() != "") {
|
||
//$(".uploadvideobtnbox span").html("已上传");
|
||
$(".delvideobtnbox").show();
|
||
}
|
||
})
|
||
|
||
function GetProductLB() {
|
||
if ($('#select_p1').val() != '') {
|
||
|
||
var p1 = $('#select_p1').val().split("|");
|
||
$.post("/Ajax.ashx", { action: 'GetProductLB', ProductLB1: p1[0], ProductLB2: ProductLB2 }, function (data) {
|
||
if (data != 'false') {
|
||
$('#select_p2').html(data);
|
||
//GetProductLB2();
|
||
}
|
||
});
|
||
|
||
}
|
||
}
|
||
|
||
function GetProductLB2() {
|
||
if ($('#select_p2').val() != '') {
|
||
|
||
$.post("/Ajax.ashx", { action: 'GetProductLB2', ProductLB2: $('#select_p2').val(), ProductLB3: ProductLB3 }, function (data) {
|
||
|
||
if (data != 'false')
|
||
$('#select_p3').html(data);
|
||
|
||
});
|
||
}
|
||
}
|
||
</script>
|
||
<script src="/artDialog/artDialog.js?skin=default" type="text/javascript"></script>
|
||
<script src="/artDialog/iframeTools.js" type="text/javascript"></script>
|
||
<script type="text/javascript">
|
||
var open = function (url) {
|
||
art.dialog.open(url, {
|
||
title: '插入图片',
|
||
width: '600px',
|
||
height: '400px',
|
||
lock: true,
|
||
id: 'dg_test34243'
|
||
});
|
||
};
|
||
var open0 = function (url) {
|
||
art.dialog.open(url, {
|
||
title: '插入视频',
|
||
width: '700px',
|
||
height: '500px',
|
||
lock: true,
|
||
id: 'dg_test34244'
|
||
});
|
||
};
|
||
</script>
|
||
<script type="text/javascript">
|
||
|
||
var DeletePic = function (pic, i) {
|
||
$("#inputTips2 #picli" + i).hide(300);
|
||
if ($("#hiddenphotos").val() != "") {
|
||
$("#hiddenphotos").val($("#hiddenphotos").val().replace(pic + "|", ""));
|
||
|
||
}
|
||
};
|
||
var SetPic = function (pic, i) {
|
||
$("#hiddenphotos").val(pic + "|" + $("#hiddenphotos").val().replace(pic + "|", ""));
|
||
var imgurl = "";
|
||
var strjiaoyouPhotoA = $("#hiddenphotos").val().split("|");
|
||
|
||
|
||
var j = 0;
|
||
for (var i = 0; i < strjiaoyouPhotoA.length; i++) {
|
||
if (strjiaoyouPhotoA[i] != "") {
|
||
var strPhoto = strjiaoyouPhotoA[i].split(",");
|
||
var src=(strPhoto[0].indexOf("http")!=-1?strPhoto[0]:"/GetFiles.ashx?image=" + strPhoto[0] + "&itsize=100x100&itmode=cut");
|
||
imgurl += "<li id='picli" + i + "'><img src='"+src+"' width='100' class='pic'/><a href=javascript:DeletePic('" + strjiaoyouPhotoA[i] + "'," + i + ")>删除</a>";
|
||
if (i == 0) {
|
||
imgurl += " 已设为封面";
|
||
}
|
||
else {
|
||
imgurl += " <a href=javascript:SetPic('" + strjiaoyouPhotoA[i] + "'," + i + ")>设为封面</a>";
|
||
}
|
||
|
||
imgurl += "</li>";
|
||
j += 1;
|
||
}
|
||
}
|
||
$("#inputTips2").html(imgurl);
|
||
|
||
};
|
||
var len = 1;
|
||
function onaddgg() {//<li class="textjg"><input id="textjg3" type="text" /></li><li><input id="textjg0" type="text" /></li><li><input id="textjg1" type="text" /></li><li><input id="textjf" type="text" /></li>
|
||
var html = '<ul class="addggbox_box" id="addggbox_box' + len + '"><li class="textgg"><input id="textgg" type="text" /></li><li class="textjg"><input id="textjg" type="text" /></li><li class="textjg"><input id="textjg0" type="text" /></li><li class="textjg"><input id="textjg1" type="text" /></li><li class="textjg"><input id="textjg2" type="text" /></li><li class="textkc"><input id="textkc" type="text" /></li><li class="textcz"><input id="editbtn" class="abtn" type="button" value="保存" onclick="showedit(' + len + ')" /><input id="delbtn" class="abtn" type="button" value="删除" onclick="ondelgg(' + len + ')" /></div></li></ul>';
|
||
$(".addggbox").append(html);
|
||
len += 1;
|
||
}
|
||
function ondelgg(id) {
|
||
var gg = fTrim($("#addggbox_box" + id + " #textgg").val());
|
||
var jg = fTrim($("#addggbox_box" + id + " #textjg").val());
|
||
if (gg != "" && jg != "") {
|
||
if (confirm("您确定要删除吗？")) {
|
||
$("#addggbox_box" + id + " #delbtn").val("请稍候...");
|
||
|
||
$.post("/Ajax.ashx", { action: 'delguige', id: id }, function (data) {
|
||
$("#addggbox_box" + id + " #delbtn").val("删除");
|
||
$("#addggbox_box" + id).hide();
|
||
});
|
||
}
|
||
} else {
|
||
$("#addggbox_box" + id + " #delbtn").val("删除");
|
||
$("#addggbox_box" + id).hide();
|
||
}
|
||
}
|
||
function showedit(id) {
|
||
|
||
if ($("#addggbox_box" + id + " #editbtn").val() == "编辑") {
|
||
$("#addggbox_box" + id).removeClass("addggbox_boxed");
|
||
$("#addggbox_box" + id + " #editbtn").val("保存");
|
||
} else {
|
||
$("#addggbox_box" + id + " #editbtn").val("请稍候...");
|
||
var colors = "";//$("#addggbox_box" + id + " .textcolor").attr("colors");
|
||
var images = "";//$("#addggbox_box" + id + " .texttp").attr("tps");
|
||
var gg=fTrim($("#addggbox_box" + id + " #textgg").val());
|
||
var jg = fTrim($("#addggbox_box" + id + " #textjg").val());
|
||
var jg2 = fTrim($("#addggbox_box" + id + " #textjg2").val());
|
||
var jg3 = 0;//fTrim($("#addggbox_box" + id + " #textjg3").val());
|
||
var jg0 = fTrim($("#addggbox_box" + id + " #textjg0").val());
|
||
var jg1 = fTrim($("#addggbox_box" + id + " #textjg1").val());
|
||
var jf = 0;//fTrim($("#addggbox_box" + id + " #textjf").val());
|
||
var zl=0;//fTrim($("#addggbox_box" + id + " #textzl").val());
|
||
var kc = fTrim($("#addggbox_box" + id + " #textkc").val());
|
||
var b = true;
|
||
if (gg == "") {
|
||
b = false;
|
||
alert("规格名称不能为空")
|
||
}
|
||
|
||
if (b) {
|
||
if (jg == "") {
|
||
b = false;
|
||
alert("会员价不能为空")
|
||
}
|
||
}
|
||
if (b) {
|
||
if (jg0 == "") {
|
||
b = false;
|
||
alert("贡献值不能为空")
|
||
}
|
||
}
|
||
if (b) {
|
||
if (jg1 == "") {
|
||
b = false;
|
||
alert("播放次数不能为空")
|
||
}
|
||
}
|
||
if (b) {
|
||
if (jg2 == "") {
|
||
b = false;
|
||
alert("可上传视频数量不能为空")
|
||
}
|
||
}
|
||
/*if (b) {
|
||
if (jg3 == "") {
|
||
b = false;
|
||
alert("现金券不能为空")
|
||
}
|
||
}
|
||
|
||
|
||
if (b) {
|
||
if (jf == "") {
|
||
b = false;
|
||
alert("赠送产品券不能为空")
|
||
}
|
||
}*/
|
||
/*if (b) {
|
||
if (zl == "") {
|
||
b = false;
|
||
alert("重量不能为空")
|
||
}
|
||
}*/
|
||
if (b) {
|
||
if (kc == "") {
|
||
b = false;
|
||
alert("库存不能为空")
|
||
}
|
||
}
|
||
if (b) {
|
||
|
||
|
||
$.post("/Ajax.ashx", { action: "addguige", gg: gg, jg: jg, jg0: jg0,jg1: jg1, jg2: jg2, jg3: jg3, jf: jf, zl: zl, kc: kc, colors: colors, images: images, pid: $("#hidpid").val(), id: id }, function (data) {
|
||
if (data == "保存成功") {
|
||
$("#addggbox_box" + id).addClass("addggbox_boxed");
|
||
$("#addggbox_box" + id + " #editbtn").val("编辑");
|
||
|
||
if(colors!= ""){
|
||
var ZKC = 0;
|
||
|
||
var acolors = colors.split(",");
|
||
|
||
for (var jj = 0; jj < acolors.length; jj++)
|
||
{
|
||
if (acolors[jj] != "")
|
||
{
|
||
var ac = acolors[jj].split("|");
|
||
|
||
if (ac.length > 1)
|
||
{
|
||
if (ac[1] != "")
|
||
{
|
||
var intNum = parseInt(ac[1]);
|
||
ZKC += intNum;
|
||
|
||
}
|
||
}
|
||
}
|
||
}
|
||
$("#addggbox_box" + id + " #textkc").val(ZKC);
|
||
}
|
||
} else if (data.indexOf("returnid=") != -1) {
|
||
var returnid = data.replace("returnid=", "");
|
||
$("#addggbox_box" + id).addClass("addggbox_boxed");
|
||
$("#addggbox_box" + id + " .textcolor").attr("onclick", "showcolor(" + returnid + ")");
|
||
$("#addggbox_box" + id + " .texttp").attr("onclick", "showtp(" + returnid + ")");
|
||
$("#addggbox_box" + id + " #editbtn").val("编辑");
|
||
$("#addggbox_box" + id + " #editbtn").attr("onclick", "showedit(" + returnid + ")");
|
||
$("#addggbox_box" + id + " #addbtn").attr("onclick", "onaddgg(" + returnid + ")");
|
||
|
||
$("#addggbox_box" + id).attr("id", "addggbox_box" + returnid);
|
||
} else {
|
||
$("#addggbox_box" + id + " #editbtn").val("保存");
|
||
alert(data);
|
||
}
|
||
|
||
});
|
||
}
|
||
}
|
||
}
|
||
var len2 = 1;
|
||
function showcolor(id) {
|
||
$("#txtid").val(id);
|
||
var colors = $("#addggbox_box" + id + " .textcolor").attr("colors");
|
||
|
||
var html = '<ul class="addcolor_title"><li class="textcolor">颜色名称</li><li>库存</li><li><input id="addbtn0" class="abtn" type="button" value="添加" onclick="onaddcolor()" /></li></ul>';
|
||
if (colors != "") {
|
||
var acolor = colors.split(",");
|
||
len2 = acolor.length;
|
||
|
||
for (var i = 0; i < len2; i++) {
|
||
var ac = acolor[i].split('|');
|
||
html += '<ul class="addcolorbox_box" id="addcolorbox_box' + i + '"><li class="textcolor"><input id="textcolor" type="text" value="' + ac[0] + '" /></li><li class="textkc"><input id="textkc" type="text" value="' + (ac.length > 1 ? ac[1] : '') + '" /></li><li class="textcz"><input id="delbtn" class="abtn" type="button" value="删除" onclick="ondelcolor(' + i + ')" /></div></li></ul>';
|
||
}
|
||
len2 += 1;
|
||
} else {
|
||
|
||
html += '<ul class="addcolorbox_box" id="addcolorbox_box' + len2 + '"><li class="textcolor"><input id="textcolor" type="text" /></li><li class="textkc"><input id="textkc" type="text" value="" /></li><li class="textcz"><input id="delbtn" class="abtn" type="button" value="删除" onclick="ondelcolor(' + len2 + ')" /></div></li></ul>';
|
||
len2 += 1;
|
||
}
|
||
$(".addcolor_box").html(html);
|
||
$('#successModal').modal('show');
|
||
|
||
}
|
||
function onaddcolor() {
|
||
var html = '<ul class="addcolorbox_box" id="addcolorbox_box' + len2 + '"><li class="textcolor"><input id="textcolor" type="text" /></li><li class="textkc"><input id="textkc" type="text" value="" /></li><li class="textcz"><input id="delbtn" class="abtn" type="button" value="删除" onclick="ondelcolor(' + len2 + ')" /></div></li></ul>';
|
||
$(".addcolor_box").append(html);
|
||
len2 += 1;
|
||
}
|
||
|
||
function ondelcolor(id) {
|
||
var color = fTrim($("#addcolorbox_box" + id + " #textcolor").val());
|
||
if (color != "") {
|
||
if (confirm("您确定要删除吗？")) {
|
||
$("#addcolorbox_box" + id + " #delbtn").val("删除");
|
||
$("#addcolorbox_box" + id).hide();
|
||
}
|
||
} else {
|
||
$("#addcolorbox_box" + id + " #delbtn").val("删除");
|
||
$("#addcolorbox_box" + id).hide();
|
||
}
|
||
}
|
||
function savecolor() {
|
||
var colors = $(".addcolorbox_box");
|
||
var b = true;
|
||
var strcolor = "";
|
||
var zkc=0;
|
||
for (var i = 0; i < colors.length; i++) {
|
||
if ($(colors[i]).css("display") != "none") {
|
||
var color = $(colors[i]).find("#textcolor").val();
|
||
var kc = $(colors[i]).find("#textkc").val();
|
||
zkc+=parseInt(kc);
|
||
if (color != "") {
|
||
if (strcolor != "") {
|
||
strcolor += "," + color + "|" + kc;
|
||
} else {
|
||
strcolor += color + "|" + kc;
|
||
}
|
||
} else {
|
||
if (b) {
|
||
b = false;
|
||
alert("颜色不能为空");
|
||
}
|
||
}
|
||
}
|
||
}
|
||
|
||
if (b) {
|
||
var id = $("#txtid").val();
|
||
$("#btn-continue").text("请稍候...");
|
||
|
||
$.post("/Ajax.ashx", { action: "savecolor", colors: strcolor, id: id }, function (data) {
|
||
|
||
if (data == "保存成功") {
|
||
$("#addggbox_box" + id + " .textcolor").attr("colors", strcolor);
|
||
$("#addggbox_box" + id + " #textkc").val(zkc);
|
||
$("#btn-continue").text("保存");
|
||
$('#successModal').modal('hide');
|
||
} else {
|
||
$("#btn-continue").text("保存");
|
||
alert(data);
|
||
}
|
||
|
||
});
|
||
}
|
||
}
|
||
var len3 = 1;
|
||
function showtp(id) {
|
||
$("#txtid").val(id);
|
||
var colors = $("#addggbox_box" + id + " .textcolor").attr("colors");
|
||
var images = $("#addggbox_box" + id + " .texttp").attr("tps");
|
||
var html = '<ul class="addimage_title"><li class="uploadimage">上传图片</li><li class="colorname">颜色名称</li><li><input id="addbtn1" class="abtn" type="button" value="添加" onclick="onaddimage()" /></li></ul>';
|
||
var selectcolor = "";
|
||
var acolor = null;
|
||
if (images != "") {
|
||
var aimage = images.split("|");
|
||
len3 = aimage.length;
|
||
for (var i = 0; i < len3; i++) {
|
||
if (aimage[i] != "") {
|
||
var image = aimage[i].split(",");
|
||
selectcolor = "";
|
||
if (colors != "") {
|
||
selectcolor += "<select id='selectcolor'><option value=''>请选择颜色</option>";
|
||
acolor = colors.split(",");
|
||
for (var ii = 0; ii < acolor.length; ii++) {
|
||
if (acolor[ii] != "") {
|
||
var selected = "";
|
||
var ac = acolor[ii].split('|');
|
||
if (image.length > 1) {
|
||
if (image[1] == ac[0]) {
|
||
selected = "selected";
|
||
}
|
||
}
|
||
selectcolor += "<option value='" + ac[0] + "' " + selected + ">" + ac[0] + "</option>";
|
||
}
|
||
}
|
||
selectcolor += "</select>";
|
||
} else {
|
||
selectcolor += "未添加颜色";
|
||
}
|
||
|
||
html += '<ul class="addimagebox_box" id="addimagebox_box' + i + '"><li class="uploadimage" onclick="uploadimage(' + i + ')"><img src="/GetFiles.ashx?image=' + image[0] + '&itsize=100x100&itmode=cut" /><input type="hidden" id="hiddenphoto" value="' + image[0] + '" /></li><li class="colorname">' + selectcolor + '</li><li class="textcz"><input id="delbtn" class="abtn" type="button" value="删除" onclick="ondelimage(' + i + ')" /></div></li></ul>';
|
||
}
|
||
}
|
||
len3 += 1;
|
||
} else {
|
||
selectcolor = "";
|
||
if (colors != "") {
|
||
selectcolor += "<select id='selectcolor'><option value=''>请选择颜色</option>";
|
||
acolor = colors.split(",");
|
||
for (var ii = 0; ii < acolor.length; ii++) {
|
||
if (acolor[ii] != "") {
|
||
var selected = "";
|
||
var ac = acolor[ii].split('|');
|
||
selectcolor += "<option value='" + ac[0] + "' " + selected + ">" + ac[0] + "</option>";
|
||
}
|
||
}
|
||
selectcolor += "</select>";
|
||
} else {
|
||
selectcolor += "未添加颜色";
|
||
}
|
||
|
||
html += '<ul class="addimagebox_box" id="addimagebox_box' + len3 + '"><li class="uploadimage" onclick="uploadimage(' + len3 + ')"><img src="images/num_add_visited.png"/><input type="hidden" id="hiddenphoto" /></li><li class="colorname">' + selectcolor + '</li><li class="textcz"><input id="delbtn" class="abtn" type="button" value="删除" onclick="ondelimage(' + len3 + ')" /></div></li></ul>';
|
||
len3 += 1;
|
||
}
|
||
$(".addimage_box").html(html);
|
||
$('#successModal1').modal('show');
|
||
|
||
}
|
||
function onaddimage() {
|
||
var id = $("#txtid").val();
|
||
var selectcolor = "";
|
||
var colors = $("#addggbox_box" + id + " .textcolor").attr("colors");
|
||
if (colors != "") {
|
||
selectcolor += "<select id='selectcolor'><option value=''>请选择颜色</option>";
|
||
var acolor = colors.split(",");
|
||
for (var ii = 0; ii < acolor.length; ii++) {
|
||
if (acolor[ii] != "") {
|
||
var selected = "";
|
||
var ac = acolor[ii].split('|');
|
||
selectcolor += "<option value='" + ac[0] + "' " + selected + ">" + ac[0] + "</option>";
|
||
}
|
||
}
|
||
selectcolor += "</select>";
|
||
} else {
|
||
selectcolor += "未添加颜色";
|
||
}
|
||
|
||
var html = '<ul class="addimagebox_box" id="addimagebox_box' + len3 + '"><li class="uploadimage" onclick="uploadimage(' + len3 + ')"><img src="images/num_add_visited.png"/><input type="hidden" id="hiddenphoto" /></li><li class="colorname">' + selectcolor + '</li><li class="textcz"><input id="delbtn" class="abtn" type="button" value="删除" onclick="ondelimage(' + len3 + ')" /></div></li></ul>';
|
||
$(".addimage_box").append(html);
|
||
len3 += 1;
|
||
}
|
||
function uploadimage(id) {
|
||
open('insertimage0.aspx?id=' + id);
|
||
}
|
||
function ondelimage(id) {
|
||
var photo = fTrim($("#addimagebox_box" + id + " #hiddenphoto").val());
|
||
if (photo != "") {
|
||
if (confirm("您确定要删除吗？")) {
|
||
$("#addimagebox_box" + id + " #delbtn").val("删除");
|
||
$("#addimagebox_box" + id).hide();
|
||
}
|
||
} else {
|
||
$("#addimagebox_box" + id + " #delbtn").val("删除");
|
||
$("#addimagebox_box" + id).hide();
|
||
}
|
||
}
|
||
function saveimage() {
|
||
var images = $(".addimagebox_box");
|
||
var b = true;
|
||
var strimage = "";
|
||
for (var i = 0; i < images.length; i++) {
|
||
if ($(images[i]).css("display") != "none") {
|
||
var image = $(images[i]).find("#hiddenphoto").val();
|
||
var color = "";
|
||
if ($(images[i]).find("#selectcolor").length > 0) {
|
||
color = $(images[i]).find("#selectcolor").val();
|
||
}
|
||
if (image != "") {
|
||
if (strimage != "") {
|
||
strimage += "|" + image + "," + color;
|
||
} else {
|
||
strimage += image + "," + color;
|
||
}
|
||
} else {
|
||
if (b) {
|
||
b = false;
|
||
alert("有图片未上传");
|
||
}
|
||
}
|
||
}
|
||
}
|
||
if (b) {
|
||
var id = $("#txtid").val();
|
||
$("#btn-continue1").text("请稍候...");
|
||
$.post("/Ajax.ashx", { action: "saveimage", images: strimage, id: id }, function (data) {
|
||
|
||
if (data == "保存成功") {
|
||
$("#addggbox_box" + id + " .texttp").attr("tps", strimage);
|
||
$("#btn-continue1").text("保存");
|
||
$('#successModal1').modal('hide');
|
||
} else {
|
||
$("#btn-continue1").text("保存");
|
||
alert(data);
|
||
}
|
||
|
||
});
|
||
}
|
||
}
|
||
function showphotos() {
|
||
var strphotos = $("#hiddenphotos").val();
|
||
var j = 0;
|
||
var imgurl = "";
|
||
var Aphotos = strphotos.split("|");
|
||
for (var i = 0; i < Aphotos.length; i++) {
|
||
|
||
if (Aphotos[i] != "") {
|
||
|
||
var strPhoto = Aphotos[i].split(",");
|
||
var src=(strPhoto[0].indexOf("http")!=-1?strPhoto[0]:"/GetFiles.ashx?image=" + strPhoto[0] + "&itsize=100x100&itmode=cut");
|
||
|
||
imgurl += "<li id='picli" + i + "'><img src='"+src+"' width='100' class='pic' /><a href=javascript:DeletePic('" + Aphotos[i] + "'," + i + ")>删除</a>";
|
||
if (j == 0) {
|
||
imgurl += " 已设为封面";
|
||
}
|
||
else {
|
||
imgurl += " <a href=javascript:SetPic('" + Aphotos[i] + "'," + i + ")>设为封面</a>";
|
||
}
|
||
|
||
imgurl += "</li>";
|
||
j += 1;
|
||
}
|
||
}
|
||
$("#inputTips2").html(imgurl);
|
||
|
||
}
|
||
function DeletePic0(delpics) {
|
||
if (delpics != "") {
|
||
$.post("/ajax.ashx", { action: "deleteimage", delpics: escape(delpics) }, function (data) {
|
||
if (data.success) {
|
||
} else {
|
||
|
||
}
|
||
});
|
||
}
|
||
}
|
||
function DeletePic(delpics, i) {
|
||
if (delpics != "") {
|
||
$.post("/ajax.ashx", { action: "deleteimage", delpics: escape(delpics) }, function (data) {
|
||
if (data.success) {
|
||
$("#inputTips2 #picli" + i).hide(300);
|
||
if ($("#hiddenphotos").val() != "") {
|
||
$("#hiddenphotos").val($("#hiddenphotos").val().replace(delpics + "|", ""));
|
||
}
|
||
showphotos();
|
||
} else {
|
||
$("#inputTips2 #picli" + i).hide(300);
|
||
if ($("#hiddenphotos").val() != "") {
|
||
$("#hiddenphotos").val($("#hiddenphotos").val().replace(delpics + "|", ""));
|
||
}
|
||
showphotos();
|
||
}
|
||
});
|
||
}
|
||
}
|
||
function deletefile(t) {
|
||
var filepath = "";
|
||
if (t == 1) {
|
||
filepath = $("#hiddenvideo").val();
|
||
}
|
||
if (filepath != "") {
|
||
$.post("/ajax.ashx", { action: "deleteimage", delpics: escape(filepath) }, function (data) {
|
||
if (data.success) {
|
||
|
||
}
|
||
});
|
||
}
|
||
}
|
||
</script>
|
||
</head>
|
||
<body>
|
||
<form runat="server">
|
||
<!-- RIBBON -->
|
||
<div id="ribbon">
|
||
|
||
<span class="ribbon-button-alignment"> <span id="refresh" class="btn btn-ribbon" data-title="refresh" rel="tooltip" data-placement="bottom" data-original-title="<i class='text-warning fa fa-warning'></i> 注意！这会重新设置小工具的排位." data-html="true" data-reset-msg="刷新网站?"><i class="fa fa-refresh"></i></span> </span>
|
||
|
||
<!-- breadcrumb -->
|
||
<ol class="breadcrumb">
|
||
<li><a href="/" target="_top">主页</a></li>
|
||
<li><a href="/Member_Index.aspx">会员中心首页</a></li>
|
||
<li><a href="/Admin_Member_config.aspx">后台管理</a></li>
|
||
<li>品牌展示列表</li>
|
||
</ol>
|
||
<!-- end breadcrumb -->
|
||
</div>
|
||
<!-- END RIBBON -->
|
||
<!-- MAIN CONTENT -->
|
||
<div style="opacity: 1;" id="content">
|
||
<div class="frontMain">
|
||
|
||
<h1 class="title01"><span class="semi-bold"><%=strTitle %></span></h1>
|
||
<div class="MainContent">
|
||
<table width="100%" class=" data_table2">
|
||
<tr>
|
||
<th>商品分类：</th>
|
||
<td>
|
||
<select name="select_p1" id="select_p1" class="k1">
|
||
<option value="">请选择分类一</option>
|
||
<%=getProductLB()%>
|
||
</select>
|
||
|
||
</td>
|
||
</tr>
|
||
<tr>
|
||
<th width="12%">商品名称：</th>
|
||
<td>
|
||
<asp:TextBox ID="Text_P_NAME" runat="server" Width="400px"></asp:TextBox>
|
||
</td>
|
||
</tr>
|
||
|
||
|
||
|
||
<!--tr class="showjg" style=" display:none;">
|
||
<th>零售价：</th>
|
||
<td>
|
||
<asp:TextBox ID="P_Market_P" runat="server" Width="60">0</asp:TextBox>
|
||
</td>
|
||
</tr>
|
||
<tr class="showjg" style=" display:none;">
|
||
<th>会员价：</th>
|
||
<td>
|
||
<asp:TextBox ID="P_VIP_P" runat="server" Width="60">0</asp:TextBox>
|
||
</td>
|
||
</tr>
|
||
<tr>
|
||
<th>推荐人：</th>
|
||
<td>
|
||
<asp:TextBox ID="P_VIP_P1" runat="server" Width="60">0</asp:TextBox>元
|
||
</td>
|
||
</tr>
|
||
<tr>
|
||
<th>县级代理：</th>
|
||
<td>
|
||
<asp:TextBox ID="P_VIP_P2" runat="server" Width="60">0</asp:TextBox>元
|
||
</td>
|
||
</tr>
|
||
<tr>
|
||
<th>省级代理：</th>
|
||
<td>
|
||
<asp:TextBox ID="P_CB_P" runat="server" Width="60">0</asp:TextBox>元
|
||
</td>
|
||
</tr>
|
||
<tr>
|
||
<th>全国代理：</th>
|
||
<td>
|
||
<asp:TextBox ID="P_YH_P" runat="server" Width="60">0</asp:TextBox>元
|
||
</td>
|
||
</tr>
|
||
<tr>
|
||
<th>赠送积分：</th>
|
||
<td>
|
||
<asp:TextBox ID="P_JiangLi" runat="server" Width="60">0</asp:TextBox>积分
|
||
</td>
|
||
</tr-->
|
||
|
||
<tr>
|
||
<th>规格参数：</th>
|
||
<td>
|
||
|
||
<div class="addggbox">
|
||
<ul class="addggbox_title"><li class="textgg">规格</li><li>投放价格</li><li>贡献值</li><li>展示次数</li><li>可上传视频数量</li><li>库存</li><li class="textcz"><input id="addbtn" class="abtn" type="button" value="添加" onclick="onaddgg()" /></li></ul>
|
||
<%=guige%>
|
||
<%if (guige == "")
|
||
{%>
|
||
<ul class="addggbox_box" id="addggbox_box0"><li class="textgg"><input id="textgg" type="text" /></li><li class="textjg"><input id="textjg" type="text" /></li><li class="textjg"><input id="textjg0" type="text" /></li><li class="textjg"><input id="textjg1" type="text" /></li><li class="textjg"><input id="textjg2" type="text" /></li><li class="textkc"><input id="textkc" type="text" /></li><li class="textcz"><input id="editbtn" class="abtn" type="button" value="保存" onclick="showedit(0)" /><input id="delbtn" class="abtn" type="button" value="删除" onclick="ondelgg(0)" /><input id="ggids" type="hidden" value="" runat="server" /></li></ul>
|
||
<%} %>
|
||
</div>
|
||
</td>
|
||
</tr>
|
||
<!--tr>
|
||
<th>重量：</th>
|
||
<td>
|
||
<asp:TextBox ID="P_M_P" runat="server" Width="60">0</asp:TextBox>千克
|
||
</td>
|
||
</tr>
|
||
-->
|
||
<tr>
|
||
<th>商品编号：</th>
|
||
<td>
|
||
<asp:TextBox ID="Text_bianhao" runat="server" Width="400px"></asp:TextBox>
|
||
</td>
|
||
</tr>
|
||
|
||
|
||
|
||
|
||
|
||
<!--tr>
|
||
<th>介绍人奖励：</th>
|
||
<td>
|
||
<asp:TextBox ID="P_JiangLi2" runat="server" Width="60">50</asp:TextBox>%
|
||
</td>
|
||
</tr>
|
||
|
||
<tr>
|
||
<th>连接网址：</th>
|
||
<td>
|
||
<asp:TextBox ID="P_M_Web" runat="server"></asp:TextBox>
|
||
</td>
|
||
</tr>
|
||
<tr>
|
||
<th width="10%"> 上传视频：</th>
|
||
<td>
|
||
<asp:TextBox ID="hidden_video" Width="500px" runat="server"></asp:TextBox>
|
||
<a href="javascript:open0('Admin_Member_livefile.aspx?xz=1')" class="selectpica">插入视频</a>
|
||
<div class="delvideobtnbox" onclick="delvideo()"><img src="/images/close.png" /></div>
|
||
</td>
|
||
</tr-->
|
||
<tr>
|
||
<th>预览图片：</th>
|
||
<td><input name="IFUpload2" id="IFUpload2" type="hidden" value="0" />
|
||
<input name="hiddenphotos" id="hiddenphotos" type="hidden" value="" runat="server" />
|
||
<input name="hiddenyanse" id="hiddenyanse" type="hidden" value="" runat="server"/>
|
||
<div id="inputTips2"></div><br><br><a href="javascript:open('insertimage.aspx')" class="selectpica">插入图片</a> <span id="spanImg">较好的效果长宽比例为：720*720像素</span>
|
||
</td>
|
||
</tr>
|
||
<!--<tr>
|
||
<th>分享标题：</th>
|
||
<td>
|
||
<asp:TextBox ID="txtContent" runat="server" Width="400px"></asp:TextBox>
|
||
</td>
|
||
</tr>
|
||
<tr>
|
||
<th>分享描述：</th>
|
||
<td>
|
||
<asp:TextBox ID="txtContent2" runat="server" Width="400px"></asp:TextBox>
|
||
</td>
|
||
</tr>
|
||
<tr>
|
||
<th>详细内容：</th>
|
||
<td>
|
||
<script id="editor" type="text/plain" style="width:720px;height:400px;"><%=strBody %></script>
|
||
<asp:HiddenField ID="Hidd_myEditor" runat="server" />
|
||
</td>
|
||
</tr>-->
|
||
|
||
<tr><th></th>
|
||
<td>
|
||
<asp:Button ID="Btn_Insert" runat="server" Text="添加" OnClientClick="return checkForm();" CssClass="abtn" />
|
||
<asp:Button ID="Btn_Update" runat="server" Text="修改" OnClientClick="return checkForm();" CssClass="abtn" />
|
||
<input id="btn_back" type="button" value="返回" class="returnbtn" onclick="history.go(-1)" />
|
||
<input id="hidpid" type="hidden" value="0" runat="server" />
|
||
<input id="hidid" type="hidden" value="" runat="server" />
|
||
<asp:HiddenField ID="Hidd_Url" runat="server" />
|
||
</td>
|
||
</tr>
|
||
</table>
|
||
</div>
|
||
|
||
</div>
|
||
</div>
|
||
<!-- 颜色框（Modal） -->
|
||
<div class="modal fade" id="successModal" tabindex="-1" role="dialog" aria-labelledby="successLab" aria-hidden="true">
|
||
<div class="modal-dialog">
|
||
<div class="modal-content">
|
||
<div class="modal-header">
|
||
<h5 class="modal-title"><span id="modal-title">编辑颜色</span><span class="close" onclick="$('#successModal').modal('hide');">x</span></h5>
|
||
|
||
</div>
|
||
<div class="modal-body2" style="height:300px; overflow-y:auto;">
|
||
<div class="addcolor_box">
|
||
|
||
</div>
|
||
</div>
|
||
<div class="modal-footer">
|
||
<button type="button" class="btn btn-default text-right" onclick="$('#successModal').modal('hide');" id="Button1">取消</button>
|
||
<button type="button" class="btn btn-success" id="btn-continue" onclick="savecolor()">保存</button>
|
||
|
||
<input id="txtid" type="hidden" />
|
||
</div>
|
||
</div><!-- /.modal-content -->
|
||
</div>
|
||
</div>
|
||
<!-- 图片框（Modal） -->
|
||
<div class="modal fade" id="successModal1" tabindex="-1" role="dialog" aria-labelledby="successLab" aria-hidden="true">
|
||
<div class="modal-dialog">
|
||
<div class="modal-content">
|
||
<div class="modal-header">
|
||
<h5 class="modal-title"><span id="Span1">编辑图片</span><span class="close" onclick="$('#successModal1').modal('hide');">x</span></h5>
|
||
|
||
</div>
|
||
<div class="modal-body2">
|
||
<div class="addimage_box" style="height:300px; overflow-y:auto;">
|
||
|
||
|
||
</div>
|
||
</div>
|
||
<div class="modal-footer">
|
||
<button type="button" class="btn btn-default text-right" onclick="$('#successModal1').modal('hide');" id="Button3">取消</button>
|
||
<button type="button" class="btn btn-success" id="btn-continue1" onclick="saveimage()">保存</button>
|
||
|
||
|
||
</div>
|
||
</div><!-- /.modal-content -->
|
||
</div>
|
||
</div>
|
||
<!-- 上传视频（Modal） -->
|
||
<div class="modal fade" id="uploadvideosuccessModal" tabindex="-1" role="dialog" aria-labelledby="successLab" aria-hidden="true">
|
||
<div class="modal-dialog">
|
||
<div class="modal-content">
|
||
<div class="modal-header">
|
||
<h5 class="modal-title"><span id="uploadvideomodal-title">上传视频</span><span class="close" onclick="$('#uploadvideosuccessModal').modal('hide');">x</span></h5>
|
||
|
||
</div>
|
||
<div class="modal-body0">
|
||
<div class="uploadvideobox">
|
||
<div class="processbox">
|
||
<div class="child" style="width:0%">
|
||
<p class="process-animate"></p>
|
||
</div>
|
||
</div>
|
||
<div class="uploadvideobtnbox"><span>上传</span><input type="file" id="videofile" value="" onchange="videoUploading()" accept="video/*" /></div>
|
||
|
||
</div>
|
||
<div class="uploadvideo_msgbox">仅支持mp4格式文件，上传其它文件无法播放。</div>
|
||
</div>
|
||
<div class="modal-footer">
|
||
<button type="button" class="btn btn-default text-right" onclick="$('#uploadvideosuccessModal').modal('hide');" id="uploadvideobtn-qx">取消</button>
|
||
<button type="button" class="btn btn-success" id="uploadvideobtn-continue" onclick="InsertVideo()">确认</button>
|
||
<input id="hidden_file" type="hidden" />
|
||
<input id="file_id" type="hidden" />
|
||
<input id="show_fileurl" type="hidden" />
|
||
</div>
|
||
</div><!-- /.modal-content -->
|
||
</div>
|
||
</div>
|
||
</form>
|
||
|
||
|
||
</body></html>
|