在这里不知所措。有相似的代码工作......
无法隐藏td或更改为div时,它不会显示... 这不是我想不到的冷血问题......
必需的Javascript
<script type="text/javascript">
function showElement(layer){
var myLayer = document.getElementById(layer);
if(myLayer.style.display=="none"){
myLayer.style.display="block";
myLayer.backgroundPosition="top";
} else {
myLayer.style.display="none";
}
}
</script>
这个Cold Fusion Code一切正常,表格很好...... 当我添加隐藏它的功能时 - 我无法显示它... 每次都是不同的... ...
<table cellpadding=2 cellspacing=2 align=center border=1>
<cfoutput query=list group="typeid">
<cfquery name="gl" datasource="#ds#">
select * from shindates
where sdate <= #monthdate# and stime >= #createODBCDateTime(timenow)# and typeid = '#typeid#'
order by typeid, sdate
</cfquery>
<cfquery name="type" datasource="#ds#">
select * from type
where typeid = '#typeid#'
</cfquery>
<tr>
<td><img src="../images/edit.png" alt="Edit" width=25 border=0 alt="Show List" onclick="javascript:showElement('#typeid#')"></td>
<td valign=middle class=verd10>#type.type#</td>
</tr>
<tr>
<td colspan=2 id="#typeid#" style="display: none">
<cfloop query="gl">
<table cellpadding=5 cellspacing=5 align=center class=general>
<tr>
<td colspan=2>
#type.type# - #Dateformat(gl.sdate, 'dddd - mmm dd, yyyy')# - #Timeformat(gl.stime, 'HH:mm')#<br>
</td>
</tr>
<tr>
<cfset csigned = signedup + gsignedup>
<cfif csigned is not 0>
<td class=verd9 align=center><b>Unable to Cancel - Users Signed Up</b></td>
<td class=verd9 align=center>
<cfform action="adminmanage.cfm?shinid=#gl.shinid#" method="post">
<input type="submit" value="Manage List" class="legal8">
<input type="hidden" value="#gl.shinid#" name="shinid">
</cfform>
</td>
<cfelse>
<td class=verd9 align=center>
<cfform action="adminlist.cfm?src=del" method="post">
<input type="submit" value="Cancel" class="legal8">
<input type="hidden" value="#gl.shinid#" name="shinid">
</cfform>
</td>
<td class=verd9 align=center>
<cfform action="adminmanage.cfm?shinid=#gl.shinid#" method="post">
<input type="submit" value="Manage List" class="legal8">
<input type="hidden" value="#gl.shinid#" name="shinid">
</cfform>
</td>
</cfif>
</tr>
</table>
</cfloop>
</td>
</tr>
</cfoutput>
</table>
任何帮助表示赞赏...
答案 0 :(得分:1)
我测试了你的JavaScript,它似乎在以下简化示例中正常工作:
<table cellpadding=2 cellspacing=2 align=center border=1>
<tr>
<td>
<img src="http://placehold.it/50x25" border=0 alt="Show List" onclick="showElement('#typeid#')">
</td>
<td valign=middle class=verd10>#type.type#</td>
</tr>
<tr>
<td colspan=2 id="#typeid#" style="display: none">The hidden content.</td>
</tr>
</table>
<script>
function showElement(layer) {
var myLayer = document.getElementById(layer);
if (myLayer.style.display == "none") {
myLayer.style.display = "table-cell";
myLayer.backgroundPosition = "top";
} else {
myLayer.style.display = "none";
}
}
</script>
请参阅第一个演示:http://jsfiddle.net/audetwebdesign/BPWR8/
我还按原样测试了您的HTML / ColdFusion代码段,但JavaScript仍可正常运行 请参阅第二个演示:http://jsfiddle.net/audetwebdesign/xK6jv/
你确定你的JavaScript在页面中吗?
次要点:您可能希望将显示设置为table-cell
而不是block
。
答案 1 :(得分:0)
ARRRGHHH
似乎它的编码方式低于我想要做的......
我做了一个CFABORT,一切正常......
下面 - 我有一个日历功能 - 拉日期等插入新条目...
看起来可能是......
这里的几个人提出的编码应该有效......
Thanx - 我的坏......