只要一位就足够了所以,400分垂手可得问题也不难,关键是我不会javascript:(
解决方案 »
- ◆◆◆◆◆ iframe 的疑问( 在页面取不到!) ◆◆◆◆◆
- js调用输出 网站源码乱码但显示没问题 如何解决?
- jquery 获取选中行中的相关列值
- 在JS中如何把字符串转成数字
- 问个小问题 马上给分
- 怎么取消listbox中已经被选中的项?
- Bxslider 怎么更改可以隐藏prev , next
- 如何在网页中建立红黄蓝三原色配色系统
- 在javascrip同一函数中,可不可以执行了一部分语句,中间的一句再重新将window.location重新load一次,紧接着执行函数后面全部的语句,这
- 提交页面之前的检测,放在form的onSubmit事件中,检测不通过,如何让它不提交呢?
- 求助
- 有没有什么好的工具可以检测JAVASCRIPT在不同的阅览器中的效果
xuzuning(唠叨) 那我给你400分来模拟个吧!
好吧!思考了半天才写了出来
如果出不来结果才叫百费事:(
多谢大家了要求就这么多了大概需要6个函数函数1,//实现的功能为,增加列表。
utable(5,text,value,isread)就是在第5行后插入一行
注意:如果5改为0则实现在最后一行添加一行
text为显示的内容
value为值可以是任意字符的字符串;
isread为1时增加的只能读,为0时增加的可以编辑
函数2,//实现功能为,删除列表
deletetable()默认为全部删除,deletetable(5)表示只删除第5行函数3,//当用户单击某行时,提取该行的text,然后修改该行,让该行中实现修改列表的数据(所以要把取到该行的数据后,再在该行中写如一个文本框,该文本框的数据则为前边提取到的数据!)[这样就可以修改数据了]
tableonclick()函数4,//设定某行为只读
onlread(4),为第4行为只读
注意:这个时候函数3对它就不能在修改和删除了函数5,//设定某行可以编辑
read(4),为第4行可编辑
注意:这个函数与函数4相反
函数6,//让指定的某行获得焦点
tablefocus()//默认为第一行 tablefocus(3)就是指第3行
注意:这个时候是可以输入信息的
[]下边的代码也许有用[]
[]下边的代码也许有用[]
[]下边的代码也许有用[]<html><head>
<STYLE type=TEXT/CSS>
.list1 {
FONT-SIZE: 100%; WIDTH: 100%;HEIGHT:100%; BORDER-TOP-STYLE: none; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; BORDER-BOTTOM-STYLE: none
}
.list {
FONT-SIZE: 100%; WIDTH: 100%;BORDER-TOP-STYLE: none; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; BORDER-BOTTOM-STYLE: none
}</STYLE>
<script language="JScript">
<!--
function AddTable(){
TableBox.insertRow().insertCell().innerHTML="1111111111111111111111111111111111111111111111111111111111111111111111111111";
}
function DeleteTr(){
var No=TableBox.rows.length;
for(i=0;i<No;i++)TableBox.deleteRow();
}
//-->
</script>
</head><body>
<input style="width:100%" id="AddInput" size="20" name="aa" ><input type="button" value="添加" onclick="AddTable()"><input type="button" value="全删" onclick="DeleteTr()">
<table width:10%;height:10 border id="TableBox" width="720" onclick='alert(this.rows.length)'>
</table>
</body>
</html>
//text为显示的内容
function AddTable(n,text) {
if(n >= 0 && n < TableBox.rows.length)
TableBox.insertRow(n).insertCell().innerHTML = text;
else
TableBox.insertRow().insertCell().innerHTML = text;
}
//实现功能为,删除列表。n缺省或大于总行数为全删
function deletetable(n) {
if(n >= 0 && n < TableBox.rows.length)
TableBox.deleteRow(n);
else
for(var i=TableBox.rows.length;i>0;i--)
TableBox.deleteRow();
}
obj=window.event.srcElement;
obj.cellIndex+1;
form1.Row.value=obj.parentElement.rowIndex+1; }
var obj=window.event.srcElement;
var rowindex = obj.parentElement.rowIndex;
return TableBox.rows[rowindex].innerHTML
}
onlread()和read()你可以设置一个变量,记录可编辑或不可编辑的行行号就行了
然后上面的函数判断一下当前行是否在你记录的变量中
注意:了按下了就可以修改内容了,一班要和函数4和函数5合用才行
函数3,//当用户单击某行时,提取该行的text,然后修改该行,让该行中实现修改列表的数据(所以要把取到该行的数据后,再在该行中写如一个文本框,该文本框的数据则为前边提取到的数据!)[这样就可以修改数据了]
tableonclick()
函数4,//设定某行为只读
onlread(4),为第4行为只读
注意:这个时候函数3对它就不能在修改和删除了函数5,//设定某行可以编辑
read(4),为第4行可编辑
注意:这个函数与函数4相反
//text为显示的内容
function AddTable(n,text,isread) {
if(n >= 0 && n < TableBox.rows.length)
var el = TableBox.insertRow(n);
else
var el = TableBox.insertRow();
el.insertCell().innerHTML = text;
el.isread = isread;}
//实现功能为,删除列表。n缺省或大于总行数为全删
function deletetable(n) {
if(n >= 0 && n < TableBox.rows.length)
TableBox.deleteRow(n);
else
for(var i=TableBox.rows.length;i>0;i--)
TableBox.deleteRow();
}
//当用户单击某行时,提取该行的text,然后修改该行,让该行中实现修改列表的数据(所以要把取到该行的数据后,再在该行中写如一个文本框,该文本框的数据则为前边提取到的数据!)
//输入回车或失去焦点时退出编辑
function tableonclick(o) {
if(typeof(o) == "object")
var el = o;
else
var el = event.srcElement;
if(el.tagName == "TD" && el.parentElement.isread==0) {
var s = el.innerHTML;
el.innerHTML = "<input type=text style='width:100%; border:0' onBlur='this.parentElement.innerHTML=this.value' onkeydown='if(event.keyCode==13) this.parentElement.innerHTML=this.value'>";
el.children[0].value = s;
el.children[0].focus();
}
}
//设定某行为只读 onlread(3),为第4行为只读
function onlread(n) {
if(n >= 0 && n < TableBox.rows.length)
TableBox.rows[n].isread = 1;
}
//设定某行可以编辑read(3),为第4行可编辑
function read(n) {
if(n >= 0 && n < TableBox.rows.length)
TableBox.rows[n].isread = 0;
}
//让指定的某行获得焦点 默认为第一行 tablefocus(2)就是指第3行
function tablefocus(n) {
if(n >= 0 && n < TableBox.rows.length)
el = TableBox.rows[n];
else
el = TableBox.rows[0];
el.isread = 0;
tableonclick(el.children[0]);
}
在增加个全局变量吧!让它能稳定点,不要鼠标一点字体都变小了:(
你先设置个色彩吧!漂亮点,我把分数全给了不漂亮不全给^*^呵呵
boders//为边框的粗细
fouse//为获得焦点后的背景颜色(包括当前text和table单元格)
fousecolor//设置获得焦点后文本的颜色stesstr//默认增加的项目中的文本的颜色
stesstr//默认字体的大小
bstr//设置字体是否为粗体字strwhite,,strheight//分别设置单元格的宽度和高度
马上给分:)boders//为边框的粗细
fouse//为获得焦点后的背景颜色(包括当前text和table单元格)
fousecolor//设置获得焦点后文本的颜色stesstr//默认增加的项目中的文本的颜色
stesstr//默认字体的大小
bstr//设置字体是否为粗体字strwhite,,strheight//分别设置单元格的宽度和高度