em có tham khảo vài đoạn script trên mạng và chỉnh lại 1 chút,nội dung thì là thay đổi độ rộng cột của 1 bảng html,chạy trên chrome thì ok nhưng trên firefox thì ko thấy gì (em đang dùng bản firefox 5.0 eng)
đây là code mong mọi người xem và giải đáp giúp
Mã:
var ob; var obLeft; var obRight; var over = false; var iEdgeThreshold = 10; function findPos(obj) { var curleft = curtop = 0; if (obj.offsetParent) { curleft = obj.offsetLeft; curtop = obj.offsetTop; } return [curleft,curtop]; } function isOnBorderRight(objTable,objTh,event){ var width = objTh.offsetWidth; var left = objTh.offsetLeft; var pos = findPos(objTable); var absRight = pos[0] + left + width; if(( event.clientX > (absRight - iEdgeThreshold) )&&( event.clientX < absRight )){ return true; } return false; } function getNodeName(objReference,nodeName){ var oElement = objReference; while (oElement != null && oElement.tagName != null && oElement.tagName != "BODY") { if (oElement.tagName.toUpperCase() == nodeName) { return oElement; } oElement = oElement.parentNode; } return null; } function doResize(objTh,event){ if(!event) event = window.event; var objTable = getNodeName(objTh,"TABLE"); if( isOnBorderRight(objTable,objTh,event)){ over=true; objTh.style.cursor="e-resize"; } else{ over=false; objTh.style.cursor=""; } return over; } function doneResizing(){ over=false; } function MD(event) { if(!event) event = window.event; MOUSTSTART_X=event.clientX; MOUSTSTART_Y=event.clientY; if (over){ ob = event.srcElement; obwidth=parseInt(ob.style.width); } } function MM(event) { if(!event) event = window.event; st=event.clientX-MOUSTSTART_X+obwidth; ob.style.width=st; } function MU(event) { if(!event) event = window.event; if(ob){ if(document.selection) document.selection.empty(); else if(window.getSelection)window.getSelection().removeAllRanges(); ob = null; } } document.onmousedown = MD; document.onmousemove = MM; document.onmouseup = MU;
đây là file html test:
<div>HTML Code:
<html>
<head>
<style type="text/css">
table.tabular thead {
COLOR: #ffffff;
FONT-WEIGHT: bold;
}
table.tabular th{
;
padding: 0px;
}
table.tabular td {
;
padding: 0px;
}
</style>
<SCRIPT SRC="in.js" LANGUAGE="JavaScript">
</script>
</head>
<BODY>
<!--
YOU MUST HAVE TO DEFINE WIDTH ON STYLE TAB.. if you leave NULL
IT RETURNS .. ERROR..
-->
<H1>Table</H1>
<table resizable tabular">
<tr>
<th onmousemove="doResize(this,event)" onmouseover="doResize(this,event)" onmouseout='doneResizing()'style='width:60px'>A</th>
<td>1</td>
<td>5</td>
</tr>
<tr>
<th onmousemove="doResize(this,event)" onmouseover="doResize(this,event)" onmouseout='doneResizing()'style='width:60px'>B</th>
<td>9</td>
<td>10</td>
</tr>
</table>
</body>
</html>
</div>
View more random threads:
Bất chấp những lầm tưởng phổ quát, hồ hết những người có âm đạo đều khó lên đỉnh khi bị kích thích âm đạo. Tuy nhiên, điều đó không có tức thị nó không thể vui được! Việc xâm nhập vào âm đạo bằng...
Quý bà giải tỏa bằng việc kích...