求 JS做1个标签处理程序！！基本页面已经有了！！

dln1234 2008-11-20 01:52:31
<!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=$charset" />
<style type="text/css">
<!--
body,tr,td {
font: 宋体;
font-size: 12px;
}
a:link,a:visited {
color: #0000FF;
}
a:hover {
color: #FF0000;
}
.STYLE1 {
font-size: 16px;
font-weight: bold;
}
.STYLE2
{
float:left;
width: auto;
margin:0px;
padding:0px;
}
-->
</style>
<script type="text/javascript">
$ = function(id){ return document.getElementById(id) ;}
var p=0, p1=0 ,ids;
function pp() { p=p+1; return p;}
function pp_1(){ p=p; return p;}
function pp1()
{
if(val_name() =="" ||val_tagURL() =="" || $("c1").innerHTML =="")
p1=p1;
else
p1=p1+1;
return p1;
}
function pp1_1(){p1=p1; return p1;}
function pp1_2(){p1=pp1(); return p1;}
function val_name(){ var a=$("tagname").value; return a;}
function val_tagURL(){ var b=$("tagURL").value; return b;}
function clean_input(){$("tagname").value="";$("tagURL").value="";}
function url_ab(a,b){ return '<a href='+b+'><span class="STYLE1">'+a+'</span></a>';}

function bianj(id)
{
ids=Number(id)+1;
alert(ids);
var d =$("text_"+ids).value;
if(!d =="")
{
$("tagname").value =d.split(",")[0];
$("tagURL").value =d.split(",")[0];
}
else
alert("信息有错误");
//$("tagname").value =
}
function addRow()
{
var html ="";
html+='<div id=row_'+pp_1()+'><div style="height:50; background-color:#33FFCC;overflow:hidden; " id=c_'+pp()+'>1</div></div>'
alert(html);
$("c1").innerHTML += html;
}
function delRow()
{
if(pp_1()>=1)
{
$("c_"+pp_1()).innerHTML ="";
$("c_"+pp_1()).style.display ="none";
}
else
{
$("c_"+pp_1()).style.display ="none";
}
}
function addTag()
{
var html ="";
html+='<div CLASS="STYLE2" id=div_'+pp1_1()+'>{<a href="#"><span class="STYLE1" val='+val_name()+' url='+val_tagURL()+' id='+pp1_1()+' onclick=bianj(this.id) >'+val_name()+'</span></a>'
html+='<input type="hidden" id=text_'+pp1()+' value='+val_name()+','+val_tagURL()+'>}</div>';
var ids ="c_"+pp_1();
var cbx = document.getElementsByTagName("span");
if(cbx.length>0)
{
for(var i =0; i<=cbx.length; i++)
{
if(cbx[i].val == val_name() || val_name() =="" || val_tagURL() =="") return alert("不能插入重复标签或空值");
else break;
}
alert(html);
alert(ids);
$(ids).innerHTML += html;
clean_input();
}
else
{
if(val_name() =="" || val_tagURL() =="") return alert("不能插入空值");
alert(html);
alert(ids);
$(ids).innerHTML +=html;
clean_input();
}
}
function delTag()
{
var a =$("tagname").value;
alert(a);
if(val_name() =="" || val_tagURL() =="") return alert("不能插入空值");
else
{
var cbx = document.getElementsByTagName("span");
alert(cbx.length);
if(cbx.length>1)
{
for(var i =0; i<cbx.length; i++)
{
if(cbx[i].val == a)
{
$("div_"+cbx[i].id).innerHTML="";
}
}
}
else
{
alert("失败");
}
}
}
function testURL()
{
window.location=val_tagURL();
}
function tagValidate()
{
var a =$("tagname").value;
alert(a);
if(val_name() =="" || val_tagURL() =="") return alert("不能插入空值");
else
{
var cbx = document.getElementsByTagName("span");
alert(cbx.length);
if(cbx.length>1)
{
for(var i =0; i<cbx.length; i++)
{
if(cbx[i].val == a)
{
$("div_"+cbx[i].id).innerHTML="";

}

}
}
else
{
alert("失败");
}
}
}
function addSubmit()
{
var cbx = document.getElementsByTagName("span");
alert(cbx.length);
var sub = $("arr_Submit").value;
if(cbx.length>1)
{
for(var i =0; i<cbx.length; i++)
{
if(cbx[i].val == a)
{
$("div_"+cbx[i].id).innerHTML="";

}

}
}
</script>
</head>
<tr> <td height="20" colspan="2"> <strong>“学客热门标签”管理</strong></td></tr>
<table>
<td>标签</td>
<td>
<input type="text" id="tagname" value="" size="15" name="tagname" />
</td>
<td>链接</td>
<td>
<input type="text" id="tagURL" value="" size="20" name="tagURL" />
</td>
<td>
<input type="button" name="testURL" value="链接测试" onclick="testURL();" />
</td>
</table>
<div id="c1">
<div><div style="height:50; background-color:#33FFCC;overflow:hidden; display:none">
<div CLASS="STYLE2" style="display:none"><a href="#"><span class="STYLE1" val=0 url=0 id=0 ></span></a><input type="hidden" >
</div>
</div></div>
</div>
<tr>
<td><input type="button" name="addRow" value="添加一行" onclick="addRow();" /></td>
<td><input type="button" name="delRow" value="删除一行" onclick="delRow();" /></td>
<td><input type="button" name="addTag" value="添加标签" onclick="addTag();" /></td>
<td><input type="button" name="delTag" value="删除标签" onclick="delTag();" /></td>
<td><input type="button" name="tagValidate" value="编辑标签" onclick="tagValidate();" /></td>
</tr>
<tr>
<td height="20" colspan="2"><hr color="#DEEFFA" style="height:5px" /></td>
</tr>
<tr>
<td height="50" align="left"> </td>
<td height="50" align="left"><p>
<input type="button" name="Make" id="Make" value="立即生成" />
 
<input type="submit" name="Submit" id="Submit" value="保存配置" onclick="" />
<input type="hidden" id="arr_Submit"/>
<p> </p></td>
</tr>
</body>
</html>
基本功能 就是这样
但是编辑和删除行还是做的很不完善。
希望JS高手能帮我改改代码。
编辑是有人点DIV里的数据，数据先显示在文本框里，然后可以在文本框修改里面的值，
值修改完 点编辑 自动更新 DIV里以前的数据。
希望高手帮忙看看。代码 有点乱。小弟谢谢了
...全文
101 3 打赏 收藏 转发到动态 举报
写回复
用AI写文章
3 条回复
切换为时间正序
请发表友善的回复…
发表回复
zhangkejia102 2008-11-20
  • 打赏
  • 举报
 回复
顶！
tantaiyizu 2008-11-20
  • 打赏
  • 举报
 回复
飘过~~
dln1234 2008-11-20
  • 打赏
  • 举报
 回复
<!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=$charset" />
<style type="text/css">
<!--
body,tr,td {
font: 宋体;
font-size: 12px;
}
a:link,a:visited {
color: #0000FF;
}
a:hover {
color: #FF0000;
}
.STYLE1 {
font-size: 16px;
font-weight: bold;
}
.STYLE2
{
float:left;
width: auto;
margin:0px;
padding:0px;
}
-->
</style>
<script type="text/javascript">
$ = function(id){ return document.getElementById(id) ;}
var p=0, p1=0 ,ids;
function pp() { p=p+1; return p;}
function pp_1(){ p=p; return p;}
function pp1()
{
if(val_name() =="" ||val_tagURL() =="" || $("c1").innerHTML =="")
p1=p1;
else
p1=p1+1;
return p1;
}
function pp1_1(){p1=p1; return p1;}
function pp1_2(){p1=pp1(); return p1;}
function val_name(){ var a=$("tagname").value; return a;}
function val_tagURL(){ var b=$("tagURL").value; return b;}
function clean_input(){$("tagname").value="";$("tagURL").value="";}
function url_ab(a,b){ return '<a href='+b+'><span class="STYLE1">'+a+'</span></a>';}

function bianj(id)
{
ids=Number(id)+1;
alert(ids);
var d =$("text_"+ids).value;
if(!d =="")
{
$("tagname").value =d.split(",")[0];
$("tagURL").value =d.split(",")[0];
}
else
alert("信息有错误");
//$("tagname").value =
}
function addRow()
{
var html ="";
html+='<div id=row_'+pp_1()+'><div style="height:50; background-color:#33FFCC;overflow:hidden; " id=c_'+pp()+'>1</div></div>'
alert(html);
$("c1").innerHTML += html;
}
function delRow()
{
if(pp_1()>=1)
{
$("c_"+pp_1()).innerHTML ="";
$("c_"+pp_1()).style.display ="none";
}
else
{
$("c_"+pp_1()).style.display ="none";
}
}
function addTag()
{
var html ="";
html+='<div CLASS="STYLE2" id=div_'+pp1_1()+'>{<a href="#"><span class="STYLE1" val='+val_name()+' url='+val_tagURL()+' id='+pp1_1()+' onclick=bianj(this.id) >'+val_name()+'</span></a>'
html+='<input type="hidden" id=text_'+pp1()+' value='+val_name()+','+val_tagURL()+'>}</div>';
var ids ="c_"+pp_1();
var cbx = document.getElementsByTagName("span");
if(cbx.length>0)
{
for(var i =0; i<=cbx.length; i++)
{
if(cbx[i].val == val_name() || val_name() =="" || val_tagURL() =="") return alert("不能插入重复标签或空值");
else break;
}
alert(html);
alert(ids);
$(ids).innerHTML += html;
clean_input();
}
else
{
if(val_name() =="" || val_tagURL() =="") return alert("不能插入空值");
alert(html);
alert(ids);
$(ids).innerHTML +=html;
clean_input();
}
}
function delTag()
{
var a =$("tagname").value;
alert(a);
if(val_name() =="" || val_tagURL() =="") return alert("不能插入空值");
else
{
var cbx = document.getElementsByTagName("span");
alert(cbx.length);
if(cbx.length>1)
{
for(var i =0; i<cbx.length; i++)
{
if(cbx[i].val == a)
{
$("div_"+cbx[i].id).innerHTML="";
}
}
}
else
{
alert("失败");
}
}
}
function testURL()
{
window.location=val_tagURL();
}
function tagValidate()
{
var a =$("tagname").value;
alert(a);
if(val_name() =="" || val_tagURL() =="") return alert("不能插入空值");
else
{
var cbx = document.getElementsByTagName("span");
alert(cbx.length);
if(cbx.length>1)
{
for(var i =0; i<cbx.length; i++)
{
if(cbx[i].val == a)
{
$("div_"+cbx[i].id).innerHTML="";

}

}
}
else
{
alert("失败");
}
}
}
function addSubmit()
{

}
</script>
</head>
<tr> <td height="20" colspan="2"> <strong>“学客热门标签”管理</strong></td></tr>
<table>
<td>标签</td>
<td>
<input type="text" id="tagname" value="" size="15" name="tagname" />
</td>
<td>链接</td>
<td>
<input type="text" id="tagURL" value="" size="20" name="tagURL" />
</td>
<td>
<input type="button" name="testURL" value="链接测试" onclick="testURL();" />
</td>
</table>
<div id="c1">
<div><div style="height:50; background-color:#33FFCC;overflow:hidden; display:none">
<div CLASS="STYLE2" style="display:none"><a href="#"><span class="STYLE1" val=0 url=0 id=0 ></span></a><input type="hidden" >
</div>
</div></div>
</div>
<tr>
<td><input type="button" name="addRow" value="添加一行" onclick="addRow();" /></td>
<td><input type="button" name="delRow" value="删除一行" onclick="delRow();" /></td>
<td><input type="button" name="addTag" value="添加标签" onclick="addTag();" /></td>
<td><input type="button" name="delTag" value="删除标签" onclick="delTag();" /></td>
<td><input type="button" name="tagValidate" value="编辑标签" onclick="tagValidate();" /></td>
</tr>
<tr>
<td height="20" colspan="2"><hr color="#DEEFFA" style="height:5px" /></td>
</tr>
<tr>
<td height="50" align="left"> </td>
<td height="50" align="left"><p>
<input type="button" name="Make" id="Make" value="立即生成" />
 
<input type="submit" name="Submit" id="Submit" value="保存配置" onclick="" />
<input type="hidden" id="arr_Submit"/>
<p> </p></td>
</tr>
</body>
</html>
这个是页面 刚才发的页面有错误 不好意思啊
【Koopman 算子】深度学习用于非线性动力学的通用线性嵌入研究（Python、Matlab代码实现）
内容概要：本文围绕Koopman算子理论展开，探讨其作为非线性动力学系统线性嵌入工具的核心思想与实现方法，结合深度学习技术构建通用的非线性系统建模框架。文中详细阐述了Koopman算子的基本原理及其在高维观测空间中将非线性动态转化为线性演化过程的能力，并通过Python和Matlab代码实例演示如何利用神经网络学习Koopman模态分解、动态模式预测及可观测函数的构造，从而实现对复杂非线性系统的有效建模与长期预测。研究强调方法的通用性与可扩展性，适用于多类科学与工程问题中的动力学建模任务。; 适合人群：具备一定数学基础（如线性代数、微分方程）和编程能力（熟悉Python/Matlab），从事系统建模、控制理论、物理信息建模或数据驱动科学研究的研究生、科研人员及工程师。; 使用场景及目标：① 掌握Koopman算子在非线性系统分析中的理论基础与数值实现路径；② 学习如何结合深度学习构建可解释性强的动力学模型，应用于流体力学、机器人控制、气候建模等领域；③ 借助提供的代码资源快速复现并拓展至具体科研项目中。; 阅读建议：建议读者结合理论推导与代码实践同步学习，重点关注Koopman观测函数的设计、神经网络架构选择与训练策略，并尝试将其应用于实际非线性系统数据以加深理解。
【汽车行业发展】基于高管调研的未来战略分析：中国区人工智能与供应链优化驱动盈利增长
内容概要：本报告基于毕马威第25届全球汽车高管中国调研，深入分析了中国汽车行业在未来十年实现突破所需的五大战略要务，提出“五T”领导力框架——引领转型、掌握技术、赢取信任、应对摩擦、携手共进。报告指出，中国高管普遍认为可持续发展、供应链转型、人工智能应用和战略联盟是关键驱动力，尤其在技术投入、供应链优化和研发合作方面显著领先。此外，报告强调区域化布局、数字化转型、客户洞察升级及生态合作将成为企业构建竞争优势的核心路径。; 适合人群：汽车行业企业管理者、战略决策者、政策制定者及关注汽车产业变革的研究机构与投资者。; 使用场景及目标：①帮助企业识别未来三年内的核心颠覆因素并制定应对策略；②指导企业在人工智能、电动化、供应链韧性等领域进行战略性投资；③推动跨行业合作以加速电动汽车普及与商业模式创新；④为高管提供全球视野下的中国差异化洞察与行动蓝图。; 阅读建议：建议结合全球与中国的对比数据进行深度解读，重点关注“五T”框架在实际战略规划中的落地应用，并参考毕马威在数字化、可持续发展、税务贸易及金融等领域的专业服务建议，以全面提升企业韧性与竞争力。
云开发快速入门指南与实战演示项目_微信小程序云开发三大基础能力详细解析与操作示例_数据库文档型JSON存储读写操作前端与云函数双向交互文件存储云端上传下载管理控制台可视化云函数业务.zip
云开发快速入门指南与实战演示项目_微信小程序云开发三大基础能力详细解析与操作示例_数据库文档型JSON存储读写操作前端与云函数双向交互文件存储云端上传下载管理控制台可视化云函数业务.zip
专业眼底血管分割数据集
专业眼底血管分割数据集 本数据集包含600张高质量彩色眼底图像，涵盖多种常见眼底疾病（如糖尿病视网膜病变、高血压视网膜病变、青光眼等）及正常视网膜血管形态。所有图像均经由眼底病专科医生进行像素级精细标注，确保视网膜血管网络分割的完整性与连续性，符合临床血管形态学分析的精度要求。 数据集已完成标准化预处理流程，包括图像尺寸统一、对比度增强、光照不均校正，并严格按8:2比例划分为训练集与验证集。所有数据以PNG无损格式存储，配套的二值标注掩膜明确区分以下两类分割目标： • 0: 背景 • 255: 血管 本数据集专为先进的视网膜血管分割模型（如U-Net、CS-Net、DRIU）优化，可用于训练高精度、高泛化性的血管网络自动提取系统，为血管直径测量、分支分析、动静脉分类及疾病相关血管变化（如微动脉瘤、新生血管）检测提供关键基础。 随附的专业分析工具，支持一键生成血管密度统计、血管骨架提取、分支点检测、以及分割性能的敏感性/特异性分析图表，为研究者提供全面的血管形态学量化与模型评估能力。 该数据集具有标注专业、图像清晰、病理覆盖全面的特点，是开展眼科影像AI、心血管风险眼部生物标志物研究、以及视网膜疾病计算机辅助诊断的理想基准数据。基于本数据集训练的模型，可为自动化、定量化的眼底血管分析提供可靠支持。 在人工智能与精准眼健康管理深度融合的当下，高质量、精细标注的眼底血管数据是推动相关筛查与诊断工具临床转化的重要基石。我们提供这套经专科医师严格标注的眼底血管分割数据集，致力于助力临床与科研工作者开发可靠、高效的智能眼底分析系统。
MATLAB图像归一化处理系统：灰度映射与几何变换技术实现
MATLAB图像归一化处理系统：灰度映射与几何变换技术实现
JavaScript

87,993

社区成员

224,688

社区内容

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今

加载中

查看更多榜单
社区公告
暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章