求 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里以前的数据。
希望高手帮忙看看。代码 有点乱。小弟谢谢了
...全文
79 3 打赏 收藏 转发到动态 举报
AI 作业
写回复
用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>
这个是页面 刚才发的页面有错误 不好意思啊
langchain-demo python代码
langchain
计算机专业项目代码：ASP网上视频点播系统(源代码+论文+开题报告).7z
毕业设计：ASP相关源码
HRW编译原理课程设计基于python+numpy+pyqt5实现的带图形界面C语言编译器源代码+使用说明，支持查看词法分析结果，语法分析结果，语义分析，支持生成8086的汇编代码
HRW编译原理课程设计基于python+numpy+pyqt5实现的带图形界面C语言编译器源代码+使用说明，支持查看词法分析结果，语法分析结果，语义分析，支持生成8086的汇编代码 编译原理大作业，一款带图形界面编译器，HRW课设,使用python+numpy+pyqt5实现 需要的依赖 prettytable、numpy 使用时通过以下命令安装 pip install prettytable pip install numpy 启动 使用控制台 python main.py 使用图形界面 python graphics/main_GUI.py 文法的修改 在rule文件夹下的grammar.txt 按照格式添加自己所需要的文法即可 <语句> ::= <赋值语句> 注意：文法不能有左递归和回溯
基于Spring Boot的骑行路线规划与分享平台设计与实现.zip
标题基于Spring Boot的骑行路线规划与分享平台研究AI更换标题第1章引言介绍骑行路线规划与分享平台的研究背景、意义、国内外现状以及本论文的方法和创新点。1.1研究背景与意义分析骑行运动普及和路线分享需求，阐述平台设计的必要性。1.2国内外研究现状概述国内外在骑行路线规划与分享方面的技术发展和应用现状。1.3研究方法与创新点说明本文采用的研究方法和实现的创新功能。第2章相关理论与技术介绍Spring Boot框架、路线规划算法和分享技术的基础理论。2.1Spring Boot框架概述解释Spring Boot的核心概念和优势，以及在本平台中的应用。2.2路线规划算法原理阐述常用的路线规划算法，如Dijkstra、A等，并分析其适用场景。2.3分享技术实现方式介绍平台实现路线分享所采用的技术手段，如社交媒体集成、二维码生成等。第3章平台需求分析与设计详细阐述骑行路线规划与分享平台的需求分析、系统设计和数据库设计。3.1需求分析从用户角度出发，分析平台应具备的功能和性能要求。3.2系统设计设计平台的整体架构、模块划分以及各模块之间的交互方式。3.3数据库设计根据平台需求，设计合理的数据库表结构和数据存取方式。第4章平台实现与测试说明平台的开发环境、关键模块的实现过程，以及系统测试的方法与结果。4.1开发环境搭建介绍开发平台所需的软硬件环境及其配置方法。4.2关键模块实现详细描述路线规划、路线分享等核心功能的实现细节。4.3系统测试与性能评估对平台进行功能测试、性能测试，并分析结果以验证系统的稳定性和可靠性。第5章结论与展望总结本文的研究成果，指出不足之处，并展望未来的研究方向和改进措施。5.1研究结论概括性地阐述本文的主要研究内容和取得的成果。5.2未来工作展望针对当前研究的局限性，提出未来可能的改进方向和扩展功能。
Android多功能娱乐应用：音乐播放、知乎日报与段子阅读一站式解决方案
本项目是一个基于Android平台的多功能娱乐应用，整合了音乐播放、知乎日报阅读和段子图片浏览三大功能模块。音乐模块采用网易云音乐API实现，包含播放队列管理、进度控制和状态更新等功能；阅读模块整合了知乎日报内容展示和段子浏览，支持文章HTML渲染和图片缩放查看；收藏模块通过关系型数据库实现对象存储。项目采用MVP架构设计，使用RxJava、Retrofit等主流开源库，代码结构清晰易读。应用界面简洁美观，提供侧滑退出等交互体验，适合Android开发者学习参考或直接使用。
JavaScript

87,996

社区成员

224,708

社区内容

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

加载中

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

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

+ 用AI写文章