樱之花

叶散的时候,你明白欢聚;花谢的时候,你明白青春.

日志

关于我

yinzhihua2008

分类中“我的实验室”是我在日常工作中的一些知识总结,有些写的比较匆忙,可能大家在阅读时会产生困扰,后期有时间我会重新整理编辑,谢谢大家的到访,您们的支持是我前进的动力！

文章分类

LOFTER精选

八招诀窍，教你实力撩妹 >

纯DHTML编写的可编辑增删的表格

2007-03-16 17:19:35| 分类：网页界面 | 标签： |举报 |字号大中小订阅

下载LOFTER 我的照片书 |

<HTML>

<HEAD>

<STYLE type=text/css>BODY {

BACKGROUND: white; COLOR: black; FONT-FAMILY: verdana,arial,helvetica; FONT-SIZE: 12px

}

.tableData {

BACKGROUND: white; BORDER-BOTTOM: white 1px dashed; BORDER-LEFT: white 1px dashed; BORDER-RIGHT: white 1px dashed; BORDER-TOP: white 1px dashed; COLOR: black; CURSOR: hand; FONT-FAMILY: verdana,arial,helvetica; FONT-SIZE: 12px

}

.tableDataSel {

BACKGROUND: #6090d0; BORDER-BOTTOM: #6090d0 1px dashed; BORDER-LEFT: #6090d0 1px dashed; BORDER-RIGHT: #6090d0 1px dashed; BORDER-TOP: #6090d0 1px dashed; COLOR: white; CURSOR: hand; FONT-FAMILY: verdana,arial,helvetica; FONT-SIZE: 12px

}

.tableDataHit {

BACKGROUND: #d0e0ff; BORDER-BOTTOM: #d0e0ff 1px dashed; BORDER-LEFT: #d0e0ff 1px dashed; BORDER-RIGHT: #d0e0ff 1px dashed; BORDER-TOP: #d0e0ff 1px dashed; COLOR: black; CURSOR: hand; FONT-FAMILY: verdana,arial,helvetica; FONT-SIZE: 12px

}

.tableDataOver {

BACKGROUND: #d0e0ff; BORDER-BOTTOM: #d0e0ff 1px dashed; BORDER-LEFT: #d0e0ff 1px dashed; BORDER-RIGHT: #d0e0ff 1px dashed; BORDER-TOP: #d0e0ff 1px dashed; COLOR: black; CURSOR: hand; FONT-FAMILY: verdana,arial,helvetica; FONT-SIZE: 12px

}

.controlPanel {

BACKGROUND: silver; COLOR: black; CURSOR: hand; FONT-FAMILY: verdana,arial,helvetica; FONT-SIZE: 14px

}

.controlPanelMouseOver {

BACKGROUND: #d0e0ff; COLOR: black; CURSOR: hand; FONT-FAMILY: verdana,arial,helvetica; FONT-SIZE: 14px

}

.delMouseOver {

BACKGROUND: #d0e0ff; COLOR: black; CURSOR: hand; FONT-FAMILY: verdana,arial,helvetica; FONT-SIZE: 14px

}

.scheduleButtonVisible {

BACKGROUND: silver; BORDER-BOTTOM: gray 1px dashed; BORDER-LEFT: white 1px dashed; BORDER-RIGHT: gray 1px dashed; BORDER-TOP: white 1px dashed; COLOR: black; CURSOR: hand; FONT-FAMILY: Webdings; FONT-SIZE: 12px

}

</STYLE>

var modified=0

var currentLine=-1

function lightOn(ln)

{

if (ln==null)

ln=parseInt(event.srcElement.ln,10)

for (i=1;i<PLList.rows.length;i++)

if (tdt[i].ln==ln)

line=i

cln=currentLine

oldLine=-1

for (i=1;i<PLList.rows.length;i++)

if (tdt[i].ln==cln)

oldLine=i

if (line==oldLine)

return

//if td <0 then only clear all title

if (line>0)

{

document.all.tdt[line].className="tableDataHit";

document.ecform("date")[line].className="tableDataHit";

document.ecform("diagnosis")[line].className="tableDataHit";

document.ecform("medication")[line].className="tableDataHit";

if (oldLine>0)

{

document.all.tdt[oldLine].className="tableData";

document.ecform("date")[oldLine].className="tableData";

document.ecform("diagnosis")[oldLine].className="tableData";

document.ecform("medication")[oldLine].className="tableData";

}

currentLine=ln

}

function delIt()

{

line=parseInt(event.srcElement.ln,10)

if (line>0)

for (i=1;i<PLList.rows.length;i++)

if (tdt[i].ln==line)

{

if (document.ecform.diagnosis[i].value.length>0 || document.ecform.medication[i].value.length>0 || document.ecform.date[i].value.length>0)

if (!confirm("Are you sure you want to delete this record?"))

return

PLList.deleteRow(i)

}

function modifiedIt(field)

{

// field.value=checkText(field.value);

modified=1

line=parseInt(event.srcElement.ln,10)

if (line>0)

for (i=1;i<PLList.rows.length;i++)

if (tdt[i].ln==line)

document.ecform.edit[i].value=1

}

function newHospitalVisit()

{

newRow=PLList.insertRow(PLList.rows.length);

newRow.id="tdt";

newRow.ln=allCount;

newRow.bgColor="#e0e0e0";

newRow.className="tableData";

newRow.onclick=lightOn;

c1=newRow.insertCell(0);

c1.id="delItem";

c1.ln=allCount;

c1.className="scheduleButtonVisible";

c1.onclick=delIt;

c1.onmouseover=mouseOver;

c1.onmouseout=mouseOut;

c1.innerHTML="<input type=hidden value=0><input type='hidden' value=0>";

c2=newRow.insertCell(1);

c2.ln=allCount;

c2.innerHTML="<input type=text size=10 maxlength=10 ln="+allCount+" >"

c3=newRow.insertCell(2);

c3.ln=allCount;

c3.innerHTML="<input type=text size=25 maxlength=50 ln="+allCount+" >"

c4=newRow.insertCell(3);

c4.ln=allCount;

c4.innerHTML="<input type=text size=58 maxlength=100 ln="+allCount+" >"

allCount++

}

function mouseOver()

{

event.srcElement.className="delMouseOver"

}

function mouseOut()

{

event.srcElement.className="scheduleButtonVisible"

}

</SCRIPT>

</HEAD>

<DIV

style="LEFT: 0px; ; TOP: 0px; VISIBILITY: visible; WIDTH: 658px">

<TABLE bgColor=silver border=2 borderColorDark=gray borderColorLight=silver

cellPadding=2 cellSpacing=1 cols=1 rules=rows width="100%">

<TBODY>

<TR bgColor=#0a6846

<TH width=10><FONT color=white>X

<INPUT

name=edit type=hidden>

</FONT></TH>

<FONT

color=white>Diagnosis </FONT>

<FONT

color=white>Medication </font>

</TR>

<TD

onmouseover=mouseOver() ln="1"><FONT size=2>

<INPUT type=hidden

value=54 ln="1">

</FONT></TD>

<INPUT maxLength=10

onkeyup=modifiedIt(this) size=10 ln="1">

</TD>

<INPUT maxLength=50

onkeyup=modifiedIt(this) size=25 value="what do you think of it?"

ln="1">

</TD>

<INPUT maxLength=100

onkeyup=modifiedIt(this) size=58 value="like it?" ln="1">

</TD>

</TR>

<TD

onmouseover=mouseOver() ln="2"><FONT size=2>

<INPUT type=hidden

value=55 ln="2">

</FONT></TD>

<INPUT maxLength=10

onkeyup=modifiedIt(this) size=10 value=01/01/1999 ln="2">

</TD>

<INPUT maxLength=50

onkeyup=modifiedIt(this) size=25 value="it`s a test" ln="2">

</TD>

<INPUT maxLength=100

onkeyup=modifiedIt(this) size=58 value="how about it?" ln="2">

</TD>

</TR>

<TD

onmouseover=mouseOver() ln="3"><FONT size=2>

<INPUT type=hidden

value=56 ln="3">

</FONT></TD>

<INPUT maxLength=10

onkeyup=modifiedIt(this) size=10 value=02/01/2000 ln="3">

</TD>

<INPUT maxLength=50

onkeyup=modifiedIt(this) size=25 value="another test" ln="3">

</TD>

<INPUT maxLength=100

onkeyup=modifiedIt(this) size=58 ln="3">

</TD>

</TR>

</TBODY>

</TABLE>

allCount=4

</SCRIPT>

<TABLE align=center border=1 borderColorDark=white borderColorLight=gray

cellPadding=1 cellSpacing=1 cols=4 rules=all width="100%"

nowrap>

<TBODY>

<TR>

<TD align=middle

onmouseout="this.className='controlPanel'"

onmouseover="this.className='controlPanelMouseOver'"><FONT size=2>Add a New

Record, click here</FONT></TD>

</TR>

</TBODY>

</TABLE>

</DIV>

</FORM>

</BODY>

</HTML>

评论这张

转发至微博

阅读(558)| 评论(0)

历史上的今天

this.p={  m:2,
              b:2,
              loftPermalink:'',
              id:'fks_085070081095083074084080074068093082082067082081',
              blogTitle:'纯DHTML编写的可编辑增删的表格',
              blogAbstract:'<P style=\"TEXT-INDENT: 2em\"\><HTML></P\>\r\n<P style=\"TEXT-INDENT: 2em\"\><HEAD></P\>\r\n<P style=\"TEXT-INDENT: 2em\"\><META content=\"text/html; charset=gb2312\" http-equiv=Content-Type></P\>\r\n<P style=\"TEXT-INDENT: 2em\"\><STYLE type=text/css>BODY {</P\>\r\n<P style=\"TEXT-INDENT: 2em\"\>BACKGROUND: white; COLOR: black; FONT-FAMILY: verdana,arial,helvetica; FONT-SIZE: 12px</P\>\r\n<P style=\"TEXT-INDENT: 2em\"\>}</P\>\r\n<P style=\"TEXT-INDENT: 2em\"\>.tableData {</P\>\r\n<P style=\"TEXT-INDENT: 2em\"\>BACKGROUND: white; BORDER-BOTTOM: white 1px dashed; BORDER-LEFT: white 1px dashed; BORDER-RIGHT: white 1px</P\>',
              blogTag:'',
              blogUrl:'blog/static/7943067200721651935228',
              isPublished:1,
              istop:false,
              type:2,
              modifyTime:0,
              publishTime:1174036775228,
              permalink:'blog/static/7943067200721651935228',
              commentCount:0,
              mainCommentCount:0,
              recommendCount:0,
              bsrk:-100,
              publisherId:0,
              recomBlogHome:false,
              currentRecomBlog:false,
              attachmentsFileIds:[],
              vote:{},
              groupInfo:{},
              friendstatus:'none',
              followstatus:'unFollow',
              pubSucc:'',
              visitorProvince:'',
              visitorCity:'',
              visitorNewUser:false,
              postAddInfo:{},
              mset:'000',
              mcon:'',
              srk:-100,
              remindgoodnightblog:false,
              isBlackVisitor:false,
              isShowYodaoAd:true,
              hostIntro:'分类中“我的实验室”是我在日常工作中的一些知识总结,有些写的比较匆忙,可能大家在阅读时会产生困扰,后期有时间我会重新整理编辑,谢谢大家的到访,您们的支持是我前进的动力！',
              hmcon:'1',
              selfRecomBlogCount:'0',
              lofter_single:'<iframe width="140" height="560" style="overflow:hidden;" src="http://www.lofter.com/mailEntry.do?blogad=1&blog" frameBorder="0"></iframe>'
            }

{list a as x}
    {if !!x}
    <div class="iblock nbw-fce nbw-f40">
      <a class="fc03 noul" target="_blank" hidefocus="true" href="http://blog.163.com/${x.visitorName}/">
      {if x.visitorName==visitor.userName}
      <img alt="${x.visitorNickname|escape}" onerror="this.src=location.f40" class="cwd bdwa bdc0" src="${fn1(x.visitorName)}&r=${visitor.imageUpdateTime}"/>
      {else}
      <img alt="${x.visitorNickname|escape}" onerror="this.src=location.f40" class="cwd bdwa bdc0" src="${fn1(x.visitorName)}"/>
      {/if}
      </a>
      <div class="cwd vname thide">
        {if x.moveFrom=='wap'}
          <a class="noul pnt" target="_blank" href="http://blog.163.com/services/wapblog.html?frompersonalbloghome"><span title="来自网易手机博客" class="iblock wapIcon"> </span></a>
        {elseif x.moveFrom=='iphone'}
          <a class="noul pnt" target="_blank"><span title="来自iPhone客户端" class="iblock iphoneIcon"> </span></a>
        {elseif x.moveFrom=='android'}
          <a class="noul pnt" target="_blank"><span title="来自Android客户端" class="iblock androidIcon"> </span></a>
        {elseif x.moveFrom=='mobile'}
          <a class="noul pnt" target="_blank" href="http://blog.163.com/services/emsblog.html?frompersonalbloghome"><span title="来自网易短信写博" class="iblock wapIcon"> </span></a>
        {/if}
        <a class="fc03 m2a"  target="_blank" hidefocus="true" href="http://blog.163.com/${x.visitorName}/">
          ${fn(x.visitorNickname,8)|escape}
        </a>
      </div>
    </div>
    {/if}
    {/list}

<#--最新日志，群博日志--> <#--推荐日志-->

<p class="fc06">推荐过这篇日志的人：</p>
    <div>
      {list a as x}
      {if !!x}
      <div class="iblock nbw-fce nbw-f40">
        <a class="fc03 noul" target="_blank" hidefocus="true" href="http://blog.163.com/${x.recommenderName}/">
        <img alt="${x.recommenderNickname|escape}" onerror="this.src=location.f40" class="cwd bdwa bdc0" src="${fn1(x.recommenderName)}"/>
        </a>
        <div class="cwd thide">
          <a class="fc03 m2a" target="_blank" hidefocus="true" href="http://blog.163.com/${x.recommenderName}/">
            ${fn(x.recommenderNickname,6)|escape}
          </a>
        </div>
      </div>
      {/if}
      {/list}
    </div>
    {if !!b&&b.length>0}
    <p  class="fc06">他们还推荐了：</p>
    <ul>
    {list b as y}
      {if !!y}
        <li class="rrb"><span class="iblock">·</span><a class="fc03 m2a" target="_blank" href="http://blog.163.com/${y.recommendBlogPermalink}/?from=blog/static/7943067200721651935228">${y.recommendBlogTitle|escape}</a></li>
      {/if}
    {/list}
    </ul>
    {/if}

<#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇，下一篇--> <#-- 热度 -->

{list a as x}
    {if !!x}
    <div class="hotItem iblock nbw-fce nbw-f40">
      <a class="fc03 noul" target="_blank" hidefocus="true" href="http://blog.163.com/${x.publisherUsername}/">
      {if x.publisherUsername==visitor.userName}
      <img alt="${x.publisherNickname|escape}" onerror="this.src=location.f40" class="cwd bdwa bdc0" src="${fn1(x.publisherUsername)}&r=${visitor.imageUpdateTime}"/>
      {else}
      <img alt="${x.publisherNickname|escape}" onerror="this.src=location.f40" class="cwd bdwa bdc0" src="${fn1(x.publisherUsername)}"/>
      {/if}
      </a>
      <div class="cwd vname thide">
        <a class="fc03 m2a"  target="_blank" hidefocus="true" href="http://blog.163.com/${x.publisherUsername}/">
          ${fn(x.publisherNickname,8)|escape}
        </a>
      </div>
      <a class="f-myLikeIcons hottype {if x.type==1} js-liketype{elseif x.type==2} js-reblogtype{elseif x.type==3} js-sharetype{else}{/if}" target="_blank" hidefocus="true" href="http://blog.163.com/${x.publisherUsername}/"> </a>
    </div>
    {/if}
    {/list}

<#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->

页脚

我的照片书 - 博客风格 - 手机博客 - 下载LOFTER APP - 订阅此博客

樱之花

导航

日志

纯DHTML编写的可编辑增删的表格

历史上的今天

最近读者

热度

评论

页脚