在某表格中，点击显示图片，再点击隐藏隐藏图片 - 编程论坛

#2

anjincheng2011-05-19 08:40

老师们，怎么实现呢？

#3

anjincheng2011-05-19 18:08

自己顶？

#4

anjincheng2011-05-24 09:52

自己顶？

#5

dzt00012011-05-24 10:14

#6

anjincheng2011-05-24 16:16

<td width="200" style="cursor:pointer;" onClick="show('div1');">><div id="div1">将这里的文字替换成图片就行了</div></td>
改为以下方式还可以实现：
<%
For i=1 to 10
%>
<td width="200" style="cursor:pointer;" onClick="show('div<%=i%>');"><div id="div<%=i%>">将这里的文字替换成图片就行了</div></td>
<%next%>

但改为以下方式就不行了：
<%
For i=1 to 10
response.Write "<td align='center' valign='middle' style='cursor:pointer;' onClick='show('div"&i&"');' nowrap><div id='div"&i&"'>将这里的文字替换成图片就行了</div></td>"
next
%>
怎么改呢？谢谢！

[ 本帖最后由 anjincheng 于 2011-5-24 16:29 编辑 ]

#7

dzt00012011-05-24 16:28

div"<%=i%>"改成div<%=i%>

#8

anjincheng2011-05-24 16:37

<td width="200" style="cursor:pointer;" onClick="show('div1');">><div id="div1">将这里的文字替换成图片就行了</div></td>
改为以下方式还可以实现：
<%
For i=1 to 10
%>
<td width="200" style="cursor:pointer;" onClick="show('div<%=i%>');"><div id="div<%=i%>">将这里的文字替换成图片就行了</div></td>
<%next%>

但改为以下方式就不行了：
<%
For i=1 to 10
response.Write "<td align='center' valign='middle' style='cursor:pointer;' onClick='show('div"&i&"');' nowrap><div id='div"&i&"'>将这里的文字替换成图片就行了</div></td>"
next
%>
怎么改呢？谢谢！

#9

dzt00012011-05-24 16:54

<%
For i=1 to 10
response.Write "<td align=""center"" valign=""middle"" style=""cursor:pointer;"" onClick=""show('div"&i&"');"" nowrap><div id=""div"&i&""">将这里的文字替换成图片就行了</div></td>"
next
%>

#10

anjincheng2011-05-24 16:59

感谢dzt0001老师！成功！！

#11

anjincheng2011-05-27 16:08

老师：
    以下代码打开时先是显示状态，怎么改成先是隐藏状态，点击后再显示？
=========================================
<script language="JavaScript" type="text/javascript">
function $(id)
{
    return document.getElementById(id);
}

function show(obj)
{
    var s=$(obj).style;
    s.display=s.display=="none" ? "" : "none";
}
</script>
<table width="500" border="1">
  <tr>
    <td width="200" style="cursor:pointer;" onClick="show('div1');">点击单元格显示文字或图片</td>
    <td><div id="div1">将这里的文字替换成图片就行了</div></td>
  </tr>
  <tr>
    <td> </td>
    <td> </td>
  </tr>
  <tr>
    <td> </td>
    <td> </td>
  </tr>
</table>

#12

dzt00012011-05-27 16:23

<div id="div1" style="display:none;">将这里的文字替换成图片就行了</div>