100分求助

iforem 2004-08-11 03:44:19

对web开发只是浅尝，一个问题始终不能解决，望高手出手。

问题描述：

页面初始状态下，包括一个table，显示在table中的一个图片，一个添加table的按钮，以及选择图片的按钮。

用户点击添加table的按钮，可以动态地添加一个table。
点击table对应的选择图片按钮，会打开一个新窗口，从中选择一个图片，图片会更新到对应的table中

现在的问题是，增加table可以实现了，但是在新增的table中选择图片后，更新的却是第一个table中的图片。

...全文

107 12 打赏收藏转发到动态举报

写回复

用AI写文章

12 条回复

切换为时间正序

请发表友善的回复…

发表回复

michael_monkey 2004-08-11

打赏
举报

两个文件
showImg.htm
------------------------------------
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<script language="javascript">
function createNewTable(i){
alert(i);
var tmpStr;
tmpStr="<table width='100%' border='0' cellspacing='0' cellpadding='0' name='table"+i+"' id='table"+i+"'><tr><td><img src='' id='img"+i+"' name='img"+i+"'></td></tr><tr><td><input type='button' name='Submit' value='更换图片' onClick=document.all.id.value='"+i+"';window.open('changImg.htm')></td></tr></table><div id='div1' name='div1'><input type='button' name='Submit' value='创建表格' onClick='createNewTable("+(i+1)+")'></div>"
document.all.div1.outerHTML=tmpStr;
}
</script>
</head>

<body>
<table width="100%" border="0" cellspacing="0" cellpadding="0" name="table1" id="table1">
<tr>
<td><img src="1.JPG" id="img1" name="img1"></td>
</tr>
<tr>
<td><input name="id" id="id" type="hidden"><input type="button" name="Submit" value="更换图片" onClick="document.all.id.value='1';window.open('changImg.htm')">
</td>
</tr>
</table><div id='div1' name='div1'><input type="button" name="Submit" value="创建表格" onClick="createNewTable(2)"></div>
</body>
</html>

changImg.htm
-------------------------------------
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<script language="javascript">
function setImg(sel){
var obj;
obj=window.opener.document.all;
var currentImgId;
currentImgId="img"+obj.id.value;
obj(currentImgId).src=sel.options(sel.selectedIndex).value;
}
</script>
</head>

<body>
<select name="select" onChange="setImg(this)">
<option value="1.jpg">1.jpg</option>
<option value="2.jpg">2.jpg</option>
<option value="3.jpg">3.jpg</option>
</select>
</body>
</html>

zhongmao 2004-08-11

打赏
举报

同意无形
尽量用this

LxcJie 2004-08-11

打赏
举报

更新的是第一个表格？那这就是小问题了，肯定是你子窗口中回写是，把表格id写错了啊

brothder 2004-08-11

打赏
举报

楼主的问题在于不能找到当前的table，解决方法可以写一个具体的方法来解决
<script>
function changeimg(obj){
var arr=showModalDialog("选择页面","","");
if arr!=null{
obj.innerHTML+="<img src='"+arr+"'>";
}
}
<script>
在table里的按钮调用的时候 changeimg(this.parentElement);
在选择也面里使用window.returnValue="选择的图片路径";

这样可以解决楼主的问题。如果有问题，可以EMAIL给我，我的EMAIL是brothder@sina.com.

iforem 2004-08-11

打赏
举报

代码基本上都是从网上找到的，这个功能实现之后，贴出代码就是了

谢谢 BubbleInDiamond(钻石里的泡泡)

sheng9hhd 2004-08-11

打赏
举报

尽量用this

笨笨兔兔兔兔兔 2004-08-11

打赏
举报

code,谢谢

BubbleInDiamond 2004-08-11

打赏
举报

test.htm
<script>
var temp;
function openwindow(t)
{
temp = t;
window.open('test1.htm')
}
</script>
<span id="t1" onClick="openwindow(this)">t1</span><br>
<span id="t2" onClick="openwindow(this)">t2</span>

test1.htm
<a href="javascript:window.opener.temp.innerHTML = 'click'">click</a>