|
阅读：4817回复：10
FireFox 中 DIV 问题 求教
我写了DIV相关代码，在IE中正常，在firefox 中不正常，请指点。
下面是代码： <html> <head> <script language="javascript"> function DoChange() { var plan0 = document.getElementById( "price0" ); plan0.innerText = "Total US$3"; } </script> </head> <body> <div style="border:1px solid black; width:300px"> <table> <tr> <td> <input type="checkbox" id='cb0' onclick="DoChange();" NAME='cb0' value="test">test</input> </td> </tr> </table> </div> <br> <DIV name="price0" id="price0">Total US$0</DIV> </body> </html> |
|
|
1楼#
发布于：2005-07-22 15:26
Re: a
dave dai：我觉得已经写的非常标准了。 1. code应该坚持用小写 2. 属性用双引号括起来 3. checkbox的语法不对，input中间没有文字节点 你可以这样 <li id="cbli00">
<label>DaveDaiAdHoc<span>129</span>$</label>
<input name="cb00" type="checkbox" value="DaveDaiAdHoc" onclick="doSumPrice();" />
<input name="_cb00" type="hidden" value="3" />
</li>
4. span中间只能放文本节点，你怎么还往里面套div? 以上随便举了几个不规范的地方，还有一点我搞不懂，你放这么多input干什么，你不会把价格提交给服务器吧？如果我用monkey的话，我会把所有的价格改成0提交。 你的list的确很大，可以考虑用table布局，关于html校验，建议找个tidy使使，如果你很重视你的作品能被更多人访问的话。 |
|
|
|
2楼#
发布于：2005-07-22 15:26
你的 div height 漏了"px"，先补回看看有没有 scrollbar。
另外这格局是 xhtml 吧，那还是有些少问题的。例如不能用大草写 tag name，value=5/> 应写成 value=5 /> 等。可以 validate 一下。 |
|
|
|
3楼#
发布于：2005-07-22 15:26
a
我觉得已经写的非常标准了。
而且命名上面，是非常好的，利于javascript 各种计算。 所有对象都需要计算的。 几乎不能再写出更好的html了。 反正firefox div 是不支持scrollbar 的。 |
|
|
4楼#
发布于：2005-07-22 15:26
你这个html代码实在是太糟糕了，不兼容fx也罢～
|
|
|
|
5楼#
发布于：2005-07-22 15:26
a
当然我都是读几个数据库。
然后根据服务器代码生成的html, 导出的。 算了，都不使用scrollbar 大不了。 真是fuck firefox. |
|
|
6楼#
发布于：2005-07-22 15:26
是很多input
是很多input比如：
<span id="LabelCheckBoxList"><div style="overflow:auto;height: 200; width: 565px;"><Table><Tr><td class=normal valign=top><input type=checkbox id='cb0' onclick="DoChange();" NAME='cb0' value=DaveDaiAdHoc>DaveDaiAdHoc</input><input type=hidden id='_cb0' value=129/><input type=hidden id='__cb0' value=3/><BR/><input type=checkbox id='cb1' onclick="DoChange();" NAME='cb1' value=DaveDaiASPXpand>DaveDaiASPXpand</input><input type=hidden id='_cb1' value=79/><input type=hidden id='__cb1' value=1/><BR/><input type=checkbox id='cb2' onclick="DoChange();" NAME='cb2' value=DaveDaiBarCode>DaveDaiBarCode</input><input type=hidden id='_cb2' value=129/><input type=hidden id='__cb2' value=3/><BR/><input type=checkbox id='cb3' onclick="DoChange();" NAME='cb3' value=DaveDaiChart>DaveDaiChart</input><input type=hidden id='_cb3' value=199/><input type=hidden id='__cb3' value=3/><BR/><input type=checkbox id='cb4' onclick="DoChange();" NAME='cb4' value=DaveDaiEmail>DaveDaiEmail</input><input type=hidden id='_cb4' value=79/><input type=hidden id='__cb4' value=1/><BR/><input type=checkbox id='cb5' onclick="DoChange();" NAME='cb5' value=DaveDaiExcel>DaveDaiExcel</input><input type=hidden id='_cb5' value=449/><input type=hidden id='__cb5' value=5/><BR/><input type=checkbox id='cb6' onclick="DoChange();" NAME='cb6' value=DaveDaiExcel.Web>DaveDaiExcel.Web</input><input type=hidden id='_cb6' value=199/><input type=hidden id='__cb6' value=3/></TD> <td class=normal valign=top><input type=checkbox id='cb7' onclick="DoChange();" NAME='cb7' value=DaveDaiFlash>DaveDaiFlash</input><input type=hidden id='_cb7' value=99/><input type=hidden id='__cb7' value=1/><BR/><input type=checkbox id='cb8' onclick="DoChange();" NAME='cb8' value=DaveDaiiCalendar>DaveDaiiCalendar</input><input type=hidden id='_cb8' value=199/><input type=hidden id='__cb8' value=3/><BR/><input type=checkbox id='cb9' onclick="DoChange();" NAME='cb9' value=DaveDaiPdf>DaveDaiPdf</input><input type=hidden id='_cb9' value=329/><input type=hidden id='__cb9' value=5/><BR/><input type=checkbox id='cb10' onclick="DoChange();" NAME='cb10' value=DaveDaiPdf.Fo>DaveDaiPdf.Fo</input><input type=hidden id='_cb10' value=99/><input type=hidden id='__cb10' value=1/><BR/><input type=checkbox id='cb11' onclick="DoChange();" NAME='cb11' value=DaveDaiPdf.Form>DaveDaiPdf.Form</input><input type=hidden id='_cb11' value=119/><input type=hidden id='__cb11' value=3/><BR/><input type=checkbox id='cb12' onclick="DoChange();" NAME='cb12' value=DaveDaiPdf.Kit>DaveDaiPdf.Kit</input><input type=hidden id='_cb12' value=129/><input type=hidden id='__cb12' value=3/><BR/><input type=checkbox id='cb13' onclick="DoChange();" NAME='cb13' value=DaveDaiPowerPoint>DaveDaiPowerPoint</input><input type=hidden id='_cb13' value=399/><input type=hidden id='__cb13' value=5/></TD> <td class=normal valign=top><input type=checkbox id='cb14' onclick="DoChange();" NAME='cb14' value=DaveDaiProject>DaveDaiProject</input><input type=hidden id='_cb14' value=199/><input type=hidden id='__cb14' value=3/><BR/><input type=checkbox id='cb15' onclick="DoChange();" NAME='cb15' value=DaveDaiReport>DaveDaiReport</input><input type=hidden id='_cb15' value=99/><input type=hidden id='__cb15' value=1/><BR/><input type=checkbox id='cb16' onclick="DoChange();" NAME='cb16' value=DaveDaiSpell>DaveDaiSpell</input><input type=hidden id='_cb16' value=119/><input type=hidden id='__cb16' value=3/><BR/><input type=checkbox id='cb17' onclick="DoChange();" NAME='cb17' value=DaveDaiWord>DaveDaiWord</input><input type=hidden id='_cb17' value=495/><input type=hidden id='__cb17' value=5/><BR/><input type=checkbox id='cb18' onclick="DoChange();" NAME='cb18' value=DaveDaiWorkflow>DaveDaiWorkflow</input><input type=hidden id='_cb18' value=299/><input type=hidden id='__cb18' value=3/><BR/></TD></TR></Table><Table><Tr><td class=normal valign=top><input type=checkbox id='cb19' onclick="DoChange();" NAME='cb19' value=DaveDaiExcel>DaveDaiExcel for Java</input><input type=hidden id='_cb19' value=449/><input type=hidden id='__cb19' value=5/>&&&<input type=checkbox id='cb20' onclick="DoChange();" NAME='cb20' value=DaveDaiPdf>DaveDaiPdf for Java</input><input type=hidden id='_cb20' value=329/><input type=hidden id='__cb20' value=5/>&&&<input type=checkbox id='cb21' onclick="DoChange();" NAME='cb21' value=DaveDaiPowerPoint>DaveDaiPowerPoint for Java</input><input type=hidden id='_cb21' value=399/><input type=hidden id='__cb21' value=5/><BR/></TD> <td class=normal valign=top></TD></TR></Table></div></span> |
|
|
7楼#
发布于：2005-07-22 15:26
div套table再套一个input？
...无语 |
|
|
|
8楼#
发布于：2005-07-22 15:26
Thanks a lot
非常感谢。
另外，我在firefox 中使用DIV 就算里面的table 里面的内容很大，也不会出现scrollbar, 而在ie 中是会出现scrollbar 的。 |
|
|
9楼#
发布于：2005-07-22 15:26
同意上面的说法,还有就是你的元素都已经设置了id,为什么还要设置name?
|
|
|
10楼#
发布于：2005-07-22 15:26
非IE系的所有浏览器都没有innerText ！
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<!--ASDF-->
<title>test div</title>
<script language="javascript" type="text/javascript">
function DoChange()
{
var plan0 = document.getElementById( "price0" );
//plan0.innerText = "Total US$3";
plan0.innerHTML = "Total US$3";
}
</script>
</head>
<body>
<div style="border: 1px solid black; width: 300px">
<table>
<tr>
<td>
<input type="checkbox" id='cb0' onclick="DoChange();" name='cb0' value="test" />
</td>
</tr>
</table>
</div>
<br/>
<div id="price0">Total US$0</div>
</body>
</html> |
|
|
