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

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

Web 开发 > JavaScript

收藏回复

[问题点数：50分，结帖人dln1234]

⋅firefox CS样式兼容问题 ⋅求1个JS树结构最好能编辑修改删除！！！！！！！！！！ ⋅求 JS做1个标签处理程序！！基本页面已经有了！！ 更多帖子 关注私信空间博客 dln1234 本版专家分：1058 结帖率 80%: <!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">

</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里以前的数据。
希望高手帮忙看看。代码有点乱。小弟谢谢了

2008-11-20 13:52:31

点赞 0 只看楼主引用举报楼主

⋅firefox CS样式兼容问题 ⋅求1个JS树结构最好能编辑修改删除！！！！！！！！！！ ⋅求 JS做1个标签处理程序！！基本页面已经有了！！ 更多帖子 关注私信空间博客 dln1234 本版专家分：1058: <!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">

</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>
这个是页面  刚才发的页面有错误不好意思啊

2008-11-20 13:54:57

点赞 0 只看TA 引用举报 #1得分 0

⋅不知不觉，就是CSDN十年会员了，感恩送分！ ⋅很久不见大家，来散分了。。。 ⋅今年行情真的不好吗？ 更多帖子 关注私信空间博客 兔子党-连长 本版专家分：32113 蓝花 2008年2月 Web 开发大版内专家分月排行榜第三 2007年12月 Web 开发大版内专家分月排行榜第三: 飘过~~

2008-11-20 15:38:44

点赞 0 只看TA 引用举报 #2得分 25

⋅我们在做y2的项目，我们是面向对象面向接口编程？我想问下一下除了利于维护，便于访问，标准，还有那些有点呢？大家发表你们的看法 ⋅在powerDesiger中生成的脚本导入mysql中出现乱码怎么办? ⋅j2ee 更多帖子 关注私信空间博客 zhangkejia102 本版专家分：32: 顶！

2008-11-20 18:14:49

点赞 0 只看TA 引用举报 #3得分 25

收藏回复

dln1234

等级：

关注私信 TA的帖子

我要发贴

微信小程序-微信小程序的多tab实现: 写每个页面的wxml和wxss,模板化,并在具体页面导入   引入js: var netUtil=require("../../utils/netUtil.js"); var tabUtil=require("../../lib/...

微信小程序、小程序html富文本转换插件、html富文本标签转换: 提供微信小程序中因为需要展示html富文本文件而出现的问题

javascript 高级程序设计第二版中文版含源代码: javascript名著，最新第二版（中文版）绝对完整中文版 2010年7月最新版包括第二版配套源代码，第二版重写了第一版80%的内容，更深入浅出的讲明javascript难点及核心技术，清晰PDF中文版，非常难得的资源，不多说了...

网页跳转小程序: 实现跳转页面的一个小程序，也就是a标签的一个最简单的应用

使用JSP内置对象：1、设计教师与学生不同登陆界面：在同一页面上设计两个单选按钮（教师、学生），当点击...: 学习JAVA内置对象实验，1、设计教师与学生不同登陆界面：在同一页面上设计两个单选按钮（教师、学生），当点击提交按钮后，进入相应的教师或学生登录JSP页面。...3、编写程序，实现3秒后自动跳转到指定的某页面的功能。

写个一个简单的web项目,把前端技术:html、css、JavaScript、jQuery，ajax，bootstrop等都放在这个web项目上...: 写个一个简单的web项目,把html、css、JavaScript、jQuery，ajax，bootstrop前端技术的dome。

从后台传来的接口,小程序的转义: 从后台传来的接口,小程序的转义,完美解决转义字符出现标签的问题

php表白程序: 情人节已经过去几天了，不知道博友有没有吃到巧克力馅的汤圆。几天前，为了预热情人节，麦葱二次开发了个表白程序。程序放在BAE上面，因为本地写这个原因，生成的页面过段时间就找不到了，导致链接页面404，麦葱在...

JavaScript高级程序设计（附源码）: 第1章 JavaScript是什么 1 1.1 历史简述 1 1.2 JavaScript实现 2 1.2.1 ECMAScript 3 1.2.2 DOM 5 1.2.3 BOM 8 1.3 小结 8 第2章 ECMAScript基础 9 2.1 语法 9 2.2 变量 10 2.3 关键字 12 2.4 保留字 12 ...

源文件程序天下JAVASCRIPT实例自学手册随书代码: 第1章 JavaScript语言概述 1.1 JavaScript是什么 1.1.1 JavaScript简史 1.1.2 JavaScript有何特点 1.2 JavaScript能做什么 1.2.1 表单数据合法性验证 1.2.2 页面特效 1.2.3 交互式菜单 1.2.4 动态页面 1.2.5 数值...

JavaScript王者归来: 11.4.5.2 页签的实现--创建一个包含页签的页面 11.5 表单和表单对象 11.5.1 Form对象及其范例 11.5.2 定义表单元素 11.5.3 客户端表单校验及其例子 11.5.4 创建一款通用的客户端表单校验组件 11.6 其他内置对象 ...

微信小程序-第一个微信小程序demo: 4、wxml最外层是有个page标签的，编辑看不到，调试的时候可以看到，必要的时候可以对这个标签设置样式；小程序技巧 1、app.json中注册页面后，会直接在所设置的路径位置自动生成对应的文件夹和文件； 2、最好使用...

带自动生成的php表白程序 v1.0: 若更改，请同时修改love.php里的路径/js/love.min.js 字段获取js压缩文件 /js/love.src.js 是未压缩的love.php 核心处理文件，love.min.js传参给此文件处理并生成相应静态页面loveNote.txt 数据记录loveTpl.html ...

JavaScript学习指南.pdf: 　本书系统地介绍了JavaScript的基本语法、基本对象、调试工具与排错技术、事件处理机制、浏览器对象模型/文档对象模型（BOM/DOM）等方面的知识，并通过一个复杂的示例深入探讨了Ajax应用。本书提供了许多简单易懂、...

微信小程序-微信小程序渲染html: 在页面的js/wxml/wxss中, 引入代码: index.js // 引入HtmlParser const HtmlParser = require('../../html-view/index') // ... // 解析HTML字符串 const html = new HtmlParser('<p>hello world</p>').nodes this...

【必看】2020年新型前端HTML5+CSS3+JS+Canvas+AJAX+Http前后端交互: 希望学习本课程的学员认真学习每一个课时的视频，跟着视频练习和做作业，只有多写多练才能灵活变通，掌握真正的核心技术。课程包含HTML5新标签新规范，DIV+CSS设计、Canvas绘画；CSS样式设计，其中有动画特效、...

用DIV+CSS布局网页的一个实例HTML代码: 用DIV+CSS布局网页的一个实例HTML代码! 值得下载看看!资源免费,大家分享!! 更多免费资源 http://ynsky.download.csdn.net/

微信小程序-微信小程序 HTML 富文本解析: 把 wxParser 目录放到小程序项目的根目录下在需要富文本解析的的 WXML 内引入 wxParser/index.wxml 在页面 JS 文件内使用 wxParser.parse(options) 方法解析 HTML 内容在小程序项目根目录的 app.wxss 内引入 ...

小程序悬浮按钮源码: 小程序悬浮按钮源码

示例一个web应用如何实现像一个本地应用的界面和行为: 示例一个web应用如何实现像一个本地应用的“界面和行为”

相关热词 c# cad插入影像 c#设计思想 c#正则表达式转换 c#form复制 c#写web c# 柱形图 c# wcf 服务库 c#应用程序管理器 c#数组如何赋值给数组 c#序列化应用目的博客园

我们是很有底线的