如题
解决方案 »
- table隔行添加class的问题
- prompt 怎样输入多行
- js 页面打开时 调用js
- Microsoft.XMLDOM拒绝访问
- 强大的导航系统,谁能告诉我这个是怎么实现的?
- frameset中如何动态设置iframe的高度?
- url如何加密,我做的是静态页面,a页面把视频地址传递给B页面,穿过去的地址如何加密,然后在B页面里解密,播放。谢谢!!!!
- 高分请教一个关于 js 解密的问题!!急!!
- XML读取某一个片段的循环求助
- 对你的小问题,对我的大问题,HELP~~~~~~~~
- 请问右键菜单只开放“复制”和“粘贴”功能怎么做?有人会吗,给个例子吧,谢谢
- 关于javascript的调试定位
<tr>
<td>asdasd</td>
<td>asdasd</td>
</tr>
<tr>
<td>asdasd</td>
<td>asdasd</td>
</tr></table>
<input name="button1" type="button" value="按" onclick="show()">
<script>
function show()
{
document.getElementById("table1").style.height="500"
}
</script>
<tr id="tr1">
<td>asdasd</td>
<td>asdasd</td>
</tr>
<tr>
<td>asdasd</td>
<td>asdasd</td>
</tr></table>
<input name="button1" type="button" value="按" onclick="show()">
<script>
function show()
{
document.getElementById("table1").style.height="500"
document.getElementById("tr1").style.height="500"
}
</script>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>JK:支持民族工业,尽量少买X货</title>
<script language="javascript">
var ResizeTable_CurrentTdObj=null;
function ResizeTable_MouseDown(event,obj){
obj=obj||this;
event=event||window.event;
ResizeTable_CurrentTdObj=obj;
obj.mouseDownX=event.clientX;
obj.mouseDownY=event.clientY;
obj.tdW=obj.offsetWidth;
obj.tdH=obj.offsetHeight;
if(obj.setCapture) obj.setCapture();
else event.preventDefault();
}
function ResizeTable_MouseMove(event){
if(!ResizeTable_CurrentTdObj) return ;
var obj=ResizeTable_CurrentTdObj;
event=event||window.event;
if(!obj.mouseDownX) return false;
if(obj.parentNode.rowIndex==0) {
var newWidth=obj.tdW*1+event.clientX*1-obj.mouseDownX;
if(newWidth>0) obj.style.width = newWidth;
else obj.style.width =1;
}
if(obj.cellIndex==0){
var newHeight=obj.tdH*1+event.clientY*1-obj.mouseDownY;
if(newHeight>0) obj.style.height = newHeight;
else obj.style.height =1;
}
}
function ResizeTable_MouseUp(){
if(!ResizeTable_CurrentTdObj) return;
if (ResizeTable_CurrentTdObj.releaseCapture) ResizeTable_CurrentTdObj.releaseCapture();
ResizeTable_CurrentTdObj=null;
}
function ResizeTable_Init(table,needChangeWidth,needChangeHeight)
{
if(!needChangeWidth && !needChangeHeight) return;
var oTh=table.rows[0];
if(needChangeWidth){
for(var i=0;i<oTh.cells.length;i++) {
var cell=oTh.cells[i];
cell.style.cursor="e-resize";
cell.style.width=cell.offsetWidth;
cell.onmousedown =ResizeTable_MouseDown;
}
}
if(needChangeHeight){
for(var j=0;j<table.rows.length;j++) {
var cell=table.rows[j].cells[0];
cell.style.cursor="s-resize";
cell.onmousedown =ResizeTable_MouseDown;
}
}
if(needChangeWidth && needChangeHeight) oTh.cells[0].style.cursor="se-resize";
table.style.width=null;
table.style.tableLayout="fixed";
}</script></head><body onmousemove="ResizeTable_MouseMove(event);" onmouseup="ResizeTable_MouseUp();" >
<div style="font-size:10pt;">
注1:改变Table的列宽<br/>
注2:部分代码来自csdn网友bluedoctor:http://community.csdn.net/Expert/topic/5282/5282361.xml<br/>
<br/>
注:本页面仅在IE6/Firefox1.5下测试过(效果不一致)。其它浏览器或其它版本未经测试。<br/>
注-----:JK:<a href="mailTo:[email protected]?subject=About%20ChangeColumnWidth">[email protected]</a><br/>
<hr/>
</div>
<table border="1" id="table1" style="width:100%;background-color:#eeeeee;" >
<tr >
<td >&nbps;</td>
<td >header1</td>
<td >header2</td>
<td >header3</td>
<td >hello hello hello</td>
</tr>
<tr>
<td >1</td>
<td >1</td>
<td >thank you thank you </td>
<td >男儿气壮</td>
<td ><select><option>hello Hello</option></select></td>
</tr>
<tr>
<td >2</td>
<td >2</td>
<td >you are welcome </td>
<td >胸中吐万丈长虹</td>
<td ><input type="text" name="T4" size="20" value="Hello Hello"></td>
</tr>
</table>
<script language ="javascript">
ResizeTable_Init(document.getElementById("table1"),true,true);
</script>
</body></html>