程序处理上,适用动态数组
现在的方法对firefox支持不是很好。
<!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>
<link href="Images/Manage/Manage.css" rel="stylesheet" type="text/css" />
<script language="javascript" src="Admin_Js.js"></script>
</head>
<body>
<div id="BodyContent"><div id="BodyNav"><div id="PageLoc">当前位置 >> 产品标签管理</div><div id="PageNavBar"><ul>
</ul></div></div>
<div id="BodyWork">
<Script language="javascript">
//onblur="CheckLabelName(this);" onfocus="CheckLabelName(this);"
var id=1;
var fileid=1;
function CheckVerfyName(uname){ //检测是否为数字,英文字母大小写
var re=/^[0-9a-z][\w-.]*[0-9a-z]$/i;
if(re.test(uname))
return true;
else
return false;
}
function CheckLabelName(obj){
if(obj.value=="")
return;
if(!CheckVerfyName(obj.value)){
alert("标签名称必须为数字、大小写字母的组合!");
obj.value="";
obj.focus();
return;
}
var tempStr = ",";
var LabelNames = document.getElementsByName("LabelName");
for(var i=0; i<LabelNames.length;i++){
if(LabelNames != obj)
tempStr += LabelNames.value + ",";
}
if(tempStr.indexOf("," + obj.value + ",")>=0){
alert("标签名称必须唯一!");
obj.value="";
obj.focus();
}
}
function CheckFileName(obj){
if(obj.value=="")
return;
if(!obj.value.length>5){
alert("生成文件名必须是.html或.htm格式!");
obj.value="";
obj.focus();
return;
}
if(!(obj.value.substr(obj.value.length-4)==".htm" || obj.value.substr(obj.value.length-5)==".html")){
alert("生成文件名必须是.html或.htm格式!");
obj.value="";
obj.focus();
return;
}
var tempStr = ",";
var LabelNames = document.getElementsByName("FileName");
for(var i=0; i<LabelNames.length;i++){
if(LabelNames != obj)
tempStr += LabelNames.value + ",";
}
if(tempStr.indexOf("," + obj.value + ",")>=0){
alert("生成文件名必须唯一!");
obj.value="";
obj.focus();
}
}
function AddFiles(){
var objp = document.getElementById("CreateFiles");
while(document.getElementById("CreateFile"+fileid)){
fileid += 1;
}
objp.innerHTML += '<div id="CreateFile'+fileid+'">使用模板 <input type="hidden" name="Template" id="Template'+fileid+'" value="0" style="width:30px;" /> <input type="text" name="Templatevalue" id="Template'+fileid+'value" value="请先选择模板" style="width:120px;" /> [<a href="#" onclick="NoticeForm(\'选择模板\',\'Admin_Template.asp?action=select&tid=Template'+fileid+'\',true,450,350);">选择</a>] 生成文件名称 <input type="text" style="width:220px;" name="FileName" size="25" onblur="CheckFileName(this);" value=""><sup style="cursor:pointer;" onClick="RemoveFiles(' + fileid + ',this);">×</sup></div>';
return false;
}
function RemoveFiles(FileId,theobj){
try{
if(navigator.appName == "Microsoft Internet Explorer")
document.getElementById("CreateFile" + FileId).removeNode(true);
else{
var node = document.getElementById("CreateFile" + FileId);
node.parentNode.removeChild(node);
}
}catch(e){}
return false;
}
function AddLabels(typeid){
var objp = document.getElementById("labels");
objp.innerHTML += getLabel(id,typeid,"","","");
return false;
}
function RemoveLabels(Labelid,theobj){
try{
if(navigator.appName == "Microsoft Internet Explorer")
document.getElementById("label" + Labelid).removeNode(true);
else{
var node = document.getElementById("label" + Labelid);
node.parentNode.removeChild(node);
}
}catch(e){}
return false;
}
function getLabel(id,typeid,LabelTitle,LabelValue,LabelContent){
var tmpstr="",tmpstr2="",tmpstr3="";
switch(typeid){
case 1 :
tmpstr = "数字";
break;
case 2 :
tmpstr = "价格";
break;
case 3 :
tmpstr = "文本";
break;
case 4 :
tmpstr = "说明";
case 5 :
tmpstr = "选项";
break;
default :
id += 1;
return "";
break;
}
tmpstr2 = "说明";
tmpstr3 = '<input name="LabelType" value="'+typeid+'" type="hidden">'+tmpstr;
while(document.getElementById("label"+id)){
id += 1;
}
if(LabelTitle=="")
LabelTitle = "项名称" + id;
if(LabelValue=="")
LabelValue = "Label" + id;
if(LabelTitle=="")
LabelContent = "定义" + id;
var ReStr;
ReStr = '<div id="label'+id+'">类型 '+tmpstr3+' 项名称 <input type="text" name="LabelTitle" size="14" style="width:120px;" value="'+LabelTitle+'"> 标签名称 <input type="text" style="width:120px;" name="LabelName" size="14" onblur="CheckLabelName(this);" value="'+LabelValue+'"> '+tmpstr2+' <input type="text" style="width:200px;" name="LabelContent" size="20" value="'+LabelContent+'"><input type="hidden" name="LabelSelectID" value="0"><sup style="cursor:pointer;" onClick="RemoveLabels(' + id + ',this);">×</sup></div>';
if (typeid==5)
ReStr = '<div id="label'+id+'">类型 '+tmpstr3+' 项名称 <input type="text" name="LabelTitle" size="14" style="width:120px;" value="'+LabelTitle+'"> 标签名称 <input type="text" style="width:120px;" name="LabelName" size="14" onblur="CheckLabelName(this);" value="'+LabelValue+'"> 说明 <input type="text" style="width:200px;" name="LabelContent" size="20" value="'+LabelContent+'"> 选项 <select name="LabelSelectID" id="LabelSelectID" size="1"><option value="1">颜色选项</option><option value="2">包装类型</option><option value="3">包装中含的附件</option><option value="4">货币汇率</option><option value="5">适用机型</option></select><sup style="cursor:pointer;" onClick="RemoveLabels(' + id + ',this);">×</sup></div>';
return ReStr;
}
</script>
<table width="100%" align="center" cellpadding="3" cellspacing="1" bgcolor="#EFEFEF" >
<tr>
<td align="center" bgcolor="#FFFFFF"><a href="Admin_PCata.asp?id=0">产品类别管理</a>
<a href="Admin_PCata.asp?action=edit&id=0">添加产品类别</a></td>
</tr>
<form action="Admin_ProductLabel.asp?action=save&id=0" method="post" name="type" id="type">
<tr>
<td bgcolor="#FFFFFF"><strong>添加产品信息项:</strong> <a href="#" onclick="AddLabels(1);">添加数字项</a>
<a href="#" onclick="AddLabels(2);">添加价格项</a>
<a href="#" onclick="AddLabels(3);">添加文本项</a>
<a href="#" onclick="AddLabels(4);">添加说明项</a>
<a href="#" onclick="AddLabels(5);">添加可选项</a> (标签名请使用数字、大小写字母的组合。)</td></tr>
<tr>
<td id="labels" bgcolor="#FFFFFF"><div id="label1">类型 <input name="OldLabelType" type="hidden" value="5" />
选项
项名称 <input type="hidden" name="OldId" value="1"><input type="text" name="OldLabelTitle" style="width:120px;" size="14" value="产品颜色"> 标签名称 <input type="text" name="OldLabelName" style="width:120px;" onblur="CheckLabelName(this);" size="14" value="Colors"> 说明 <input type="text" name="OldLabelContent" size="20" style="width:200px;" value="产品颜色"> 选项 <select name="OldLabelSelectID" id="OldLabelSelectID" size="1"><option value="1" selected="selected">颜色选项</option><option value="2">包装类型</option><option value="3">包装中含的附件</option><option value="4">货币汇率</option><option value="5">适用机型</option></select><sup style="cursor:pointer;" onClick="RemoveLabels(1,this);">×</sup></div><div id="label2">类型 <input name="OldLabelType" type="hidden" value="5" />
选项
项名称 <input type="hidden" name="OldId" value="2"><input type="text" name="OldLabelTitle" style="width:120px;" size="14" value="包装类型"> 标签名称 <input type="text" name="OldLabelName" style="width:120px;" onblur="CheckLabelName(this);" size="14" value="TypeOfPacking"> 说明 <input type="text" name="OldLabelContent" size="20" style="width:200px;" value="包装类型"> 选项 <select name="OldLabelSelectID" id="OldLabelSelectID" size="1"><option value="1">颜色选项</option><option value="2" selected="selected">包装类型</option><option value="3">包装中含的附件</option><option value="4">货币汇率</option><option value="5">适用机型</option></select><sup style="cursor:pointer;" onClick="RemoveLabels(2,this);">×</sup></div><div id="label3">类型 <input name="OldLabelType" type="hidden" value="5" />
选项
项名称 <input type="hidden" name="OldId" value="3"><input type="text" name="OldLabelTitle" style="width:120px;" size="14" value="包装中含的附件"> 标签名称 <input type="text" name="OldLabelName" style="width:120px;" onblur="CheckLabelName(this);" size="14" value="PackageIncludes"> 说明 <input type="text" name="OldLabelContent" size="20" style="width:200px;" value="包装中含的附件"> 选项 <select name="OldLabelSelectID" id="OldLabelSelectID" size="1"><option value="1">颜色选项</option><option value="2">包装类型</option><option value="3" selected="selected">包装中含的附件</option><option value="4">货币汇率</option><option value="5">适用机型</option></select><sup style="cursor:pointer;" onClick="RemoveLabels(3,this);">×</sup></div><script>id=4;</script>
</td></tr>
<tr>
<td bgcolor="#FFFFFF"><strong>生成文件:</strong> <a href="#" onclick="AddFiles();">添加生成文件列表</a> </td></tr>
<tr>
<td bgcolor="#FFFFFF" id="CreateFiles">
<div id="CreateFile1"><input type="hidden" name="OldFileId" value="1"> 使用模板
<input type="hidden" name="OldFileTemplate" id="OldFileTemplate1" value="4" style="width:30px;" /> <input type="text" name="OldFileTemplatevalue" id="OldFileTemplate1value" value="默认产品模板" style="width:120px;" /> [<a href="#" onclick="NoticeForm('选择模板','Admin_Template.asp?action=select&tid=OldFileTemplate1',true,450,350);">选择</a>] 生成文件名称 <input type="text" style="width:220px;" name="OldFileName" size="25" onblur="CheckFileName(this);" value="index.htm"><sup style="cursor:pointer;" onClick="RemoveFiles(1,this);">×</sup></div>
<div id="CreateFile2"><input type="hidden" name="OldFileId" value="3"> 使用模板
<input type="hidden" name="OldFileTemplate" id="OldFileTemplate2" value="10" style="width:30px;" /> <input type="text" name="OldFileTemplatevalue" id="OldFileTemplate2value" value="产品relate" style="width:120px;" /> [<a href="#" onclick="NoticeForm('选择模板','Admin_Template.asp?action=select&tid=OldFileTemplate2',true,450,350);">选择</a>] 生成文件名称 <input type="text" style="width:220px;" name="OldFileName" size="25" onblur="CheckFileName(this);" value="relate.htm"><sup style="cursor:pointer;" onClick="RemoveFiles(2,this);">×</sup></div>
<script>fileid=3;</script></td></tr>
<tr>
<td align="left" bgcolor="#FFFFFF">
<input type="submit" class="Btn_Ok" name="Submit" value="修改">
<input type="reset" name="reset" class="Btn_Cancel" value="取消"> </td>
</tr>
</form>
</table>
生成文件格式为,文件名,例:index.html。</div></div>
</body>
</html>
上一篇:PayPal全中文详解现在的方法对firefox支持不是很好。
<!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>
<link href="Images/Manage/Manage.css" rel="stylesheet" type="text/css" />
<script language="javascript" src="Admin_Js.js"></script>
</head>
<body>
<div id="BodyContent"><div id="BodyNav"><div id="PageLoc">当前位置 >> 产品标签管理</div><div id="PageNavBar"><ul>
</ul></div></div>
<div id="BodyWork">
<Script language="javascript">
//onblur="CheckLabelName(this);" onfocus="CheckLabelName(this);"
var id=1;
var fileid=1;
function CheckVerfyName(uname){ //检测是否为数字,英文字母大小写
var re=/^[0-9a-z][\w-.]*[0-9a-z]$/i;
if(re.test(uname))
return true;
else
return false;
}
function CheckLabelName(obj){
if(obj.value=="")
return;
if(!CheckVerfyName(obj.value)){
alert("标签名称必须为数字、大小写字母的组合!");
obj.value="";
obj.focus();
return;
}
var tempStr = ",";
var LabelNames = document.getElementsByName("LabelName");
for(var i=0; i<LabelNames.length;i++){
if(LabelNames != obj)
tempStr += LabelNames.value + ",";
}
if(tempStr.indexOf("," + obj.value + ",")>=0){
alert("标签名称必须唯一!");
obj.value="";
obj.focus();
}
}
function CheckFileName(obj){
if(obj.value=="")
return;
if(!obj.value.length>5){
alert("生成文件名必须是.html或.htm格式!");
obj.value="";
obj.focus();
return;
}
if(!(obj.value.substr(obj.value.length-4)==".htm" || obj.value.substr(obj.value.length-5)==".html")){
alert("生成文件名必须是.html或.htm格式!");
obj.value="";
obj.focus();
return;
}
var tempStr = ",";
var LabelNames = document.getElementsByName("FileName");
for(var i=0; i<LabelNames.length;i++){
if(LabelNames != obj)
tempStr += LabelNames.value + ",";
}
if(tempStr.indexOf("," + obj.value + ",")>=0){
alert("生成文件名必须唯一!");
obj.value="";
obj.focus();
}
}
function AddFiles(){
var objp = document.getElementById("CreateFiles");
while(document.getElementById("CreateFile"+fileid)){
fileid += 1;
}
objp.innerHTML += '<div id="CreateFile'+fileid+'">使用模板 <input type="hidden" name="Template" id="Template'+fileid+'" value="0" style="width:30px;" /> <input type="text" name="Templatevalue" id="Template'+fileid+'value" value="请先选择模板" style="width:120px;" /> [<a href="#" onclick="NoticeForm(\'选择模板\',\'Admin_Template.asp?action=select&tid=Template'+fileid+'\',true,450,350);">选择</a>] 生成文件名称 <input type="text" style="width:220px;" name="FileName" size="25" onblur="CheckFileName(this);" value=""><sup style="cursor:pointer;" onClick="RemoveFiles(' + fileid + ',this);">×</sup></div>';
return false;
}
function RemoveFiles(FileId,theobj){
try{
if(navigator.appName == "Microsoft Internet Explorer")
document.getElementById("CreateFile" + FileId).removeNode(true);
else{
var node = document.getElementById("CreateFile" + FileId);
node.parentNode.removeChild(node);
}
}catch(e){}
return false;
}
function AddLabels(typeid){
var objp = document.getElementById("labels");
objp.innerHTML += getLabel(id,typeid,"","","");
return false;
}
function RemoveLabels(Labelid,theobj){
try{
if(navigator.appName == "Microsoft Internet Explorer")
document.getElementById("label" + Labelid).removeNode(true);
else{
var node = document.getElementById("label" + Labelid);
node.parentNode.removeChild(node);
}
}catch(e){}
return false;
}
function getLabel(id,typeid,LabelTitle,LabelValue,LabelContent){
var tmpstr="",tmpstr2="",tmpstr3="";
switch(typeid){
case 1 :
tmpstr = "数字";
break;
case 2 :
tmpstr = "价格";
break;
case 3 :
tmpstr = "文本";
break;
case 4 :
tmpstr = "说明";
case 5 :
tmpstr = "选项";
break;
default :
id += 1;
return "";
break;
}
tmpstr2 = "说明";
tmpstr3 = '<input name="LabelType" value="'+typeid+'" type="hidden">'+tmpstr;
while(document.getElementById("label"+id)){
id += 1;
}
if(LabelTitle=="")
LabelTitle = "项名称" + id;
if(LabelValue=="")
LabelValue = "Label" + id;
if(LabelTitle=="")
LabelContent = "定义" + id;
var ReStr;
ReStr = '<div id="label'+id+'">类型 '+tmpstr3+' 项名称 <input type="text" name="LabelTitle" size="14" style="width:120px;" value="'+LabelTitle+'"> 标签名称 <input type="text" style="width:120px;" name="LabelName" size="14" onblur="CheckLabelName(this);" value="'+LabelValue+'"> '+tmpstr2+' <input type="text" style="width:200px;" name="LabelContent" size="20" value="'+LabelContent+'"><input type="hidden" name="LabelSelectID" value="0"><sup style="cursor:pointer;" onClick="RemoveLabels(' + id + ',this);">×</sup></div>';
if (typeid==5)
ReStr = '<div id="label'+id+'">类型 '+tmpstr3+' 项名称 <input type="text" name="LabelTitle" size="14" style="width:120px;" value="'+LabelTitle+'"> 标签名称 <input type="text" style="width:120px;" name="LabelName" size="14" onblur="CheckLabelName(this);" value="'+LabelValue+'"> 说明 <input type="text" style="width:200px;" name="LabelContent" size="20" value="'+LabelContent+'"> 选项 <select name="LabelSelectID" id="LabelSelectID" size="1"><option value="1">颜色选项</option><option value="2">包装类型</option><option value="3">包装中含的附件</option><option value="4">货币汇率</option><option value="5">适用机型</option></select><sup style="cursor:pointer;" onClick="RemoveLabels(' + id + ',this);">×</sup></div>';
return ReStr;
}
</script>
<table width="100%" align="center" cellpadding="3" cellspacing="1" bgcolor="#EFEFEF" >
<tr>
<td align="center" bgcolor="#FFFFFF"><a href="Admin_PCata.asp?id=0">产品类别管理</a>
<a href="Admin_PCata.asp?action=edit&id=0">添加产品类别</a></td>
</tr>
<form action="Admin_ProductLabel.asp?action=save&id=0" method="post" name="type" id="type">
<tr>
<td bgcolor="#FFFFFF"><strong>添加产品信息项:</strong> <a href="#" onclick="AddLabels(1);">添加数字项</a>
<a href="#" onclick="AddLabels(2);">添加价格项</a>
<a href="#" onclick="AddLabels(3);">添加文本项</a>
<a href="#" onclick="AddLabels(4);">添加说明项</a>
<a href="#" onclick="AddLabels(5);">添加可选项</a> (标签名请使用数字、大小写字母的组合。)</td></tr>
<tr>
<td id="labels" bgcolor="#FFFFFF"><div id="label1">类型 <input name="OldLabelType" type="hidden" value="5" />
选项
项名称 <input type="hidden" name="OldId" value="1"><input type="text" name="OldLabelTitle" style="width:120px;" size="14" value="产品颜色"> 标签名称 <input type="text" name="OldLabelName" style="width:120px;" onblur="CheckLabelName(this);" size="14" value="Colors"> 说明 <input type="text" name="OldLabelContent" size="20" style="width:200px;" value="产品颜色"> 选项 <select name="OldLabelSelectID" id="OldLabelSelectID" size="1"><option value="1" selected="selected">颜色选项</option><option value="2">包装类型</option><option value="3">包装中含的附件</option><option value="4">货币汇率</option><option value="5">适用机型</option></select><sup style="cursor:pointer;" onClick="RemoveLabels(1,this);">×</sup></div><div id="label2">类型 <input name="OldLabelType" type="hidden" value="5" />
选项
项名称 <input type="hidden" name="OldId" value="2"><input type="text" name="OldLabelTitle" style="width:120px;" size="14" value="包装类型"> 标签名称 <input type="text" name="OldLabelName" style="width:120px;" onblur="CheckLabelName(this);" size="14" value="TypeOfPacking"> 说明 <input type="text" name="OldLabelContent" size="20" style="width:200px;" value="包装类型"> 选项 <select name="OldLabelSelectID" id="OldLabelSelectID" size="1"><option value="1">颜色选项</option><option value="2" selected="selected">包装类型</option><option value="3">包装中含的附件</option><option value="4">货币汇率</option><option value="5">适用机型</option></select><sup style="cursor:pointer;" onClick="RemoveLabels(2,this);">×</sup></div><div id="label3">类型 <input name="OldLabelType" type="hidden" value="5" />
选项
项名称 <input type="hidden" name="OldId" value="3"><input type="text" name="OldLabelTitle" style="width:120px;" size="14" value="包装中含的附件"> 标签名称 <input type="text" name="OldLabelName" style="width:120px;" onblur="CheckLabelName(this);" size="14" value="PackageIncludes"> 说明 <input type="text" name="OldLabelContent" size="20" style="width:200px;" value="包装中含的附件"> 选项 <select name="OldLabelSelectID" id="OldLabelSelectID" size="1"><option value="1">颜色选项</option><option value="2">包装类型</option><option value="3" selected="selected">包装中含的附件</option><option value="4">货币汇率</option><option value="5">适用机型</option></select><sup style="cursor:pointer;" onClick="RemoveLabels(3,this);">×</sup></div><script>id=4;</script>
</td></tr>
<tr>
<td bgcolor="#FFFFFF"><strong>生成文件:</strong> <a href="#" onclick="AddFiles();">添加生成文件列表</a> </td></tr>
<tr>
<td bgcolor="#FFFFFF" id="CreateFiles">
<div id="CreateFile1"><input type="hidden" name="OldFileId" value="1"> 使用模板
<input type="hidden" name="OldFileTemplate" id="OldFileTemplate1" value="4" style="width:30px;" /> <input type="text" name="OldFileTemplatevalue" id="OldFileTemplate1value" value="默认产品模板" style="width:120px;" /> [<a href="#" onclick="NoticeForm('选择模板','Admin_Template.asp?action=select&tid=OldFileTemplate1',true,450,350);">选择</a>] 生成文件名称 <input type="text" style="width:220px;" name="OldFileName" size="25" onblur="CheckFileName(this);" value="index.htm"><sup style="cursor:pointer;" onClick="RemoveFiles(1,this);">×</sup></div>
<div id="CreateFile2"><input type="hidden" name="OldFileId" value="3"> 使用模板
<input type="hidden" name="OldFileTemplate" id="OldFileTemplate2" value="10" style="width:30px;" /> <input type="text" name="OldFileTemplatevalue" id="OldFileTemplate2value" value="产品relate" style="width:120px;" /> [<a href="#" onclick="NoticeForm('选择模板','Admin_Template.asp?action=select&tid=OldFileTemplate2',true,450,350);">选择</a>] 生成文件名称 <input type="text" style="width:220px;" name="OldFileName" size="25" onblur="CheckFileName(this);" value="relate.htm"><sup style="cursor:pointer;" onClick="RemoveFiles(2,this);">×</sup></div>
<script>fileid=3;</script></td></tr>
<tr>
<td align="left" bgcolor="#FFFFFF">
<input type="submit" class="Btn_Ok" name="Submit" value="修改">
<input type="reset" name="reset" class="Btn_Cancel" value="取消"> </td>
</tr>
</form>
</table>
生成文件格式为,文件名,例:index.html。</div></div>
</body>
</html>
[1] [2]
下一篇:PHP初级程序员面试题及答案
