Проблема в Oper'a, раширяет но сжaть не может.Бился  ,но не как не могу понять по4ему.Если ктото разберётся по4ему пожлуйста напишите.
| Код |
<head>
<script type="text/javascript">
/**
Tjomi4 02.1.2007
ver $1.0
*/
function beginDrag(elementToDrag, event) {
elementToDrag.style.left = event.clientX+"px";
var pad = 0;
elementToDrag.style.position="absolute";
selEl = elementToDrag.parentNode.parentNode.parentNode.parentNode.parentNode;
selTR = selEl.parentNode;
arr = selTR.cells;
var total =0;
for(var i=0;i<selEl.cellIndex+1;i++){
total+=parseInt(arr[i].style.width);
}
pad = parseInt(event.clientX) - total;
if (document.addEventListener) {
document.addEventListener("mousemove", moveHandler, true);
document.addEventListener("mouseup", upHandler, true);
}else
if (document.attachEvent) {
document.attachEvent("onmousemove", moveHandler);
document.attachEvent("onmouseup", upHandler);
}
if (event.stopPropagation)
event.stopPropagation();
else
event.cancelBubble = true;
if (event.preventDefault)
event.preventDefault();
else
event.returnValue = false;
function moveHandler(e) {
if (!e) e = window.event;
elementToDrag.style.left = e.clientX+"px";
var selEl = elementToDrag.parentNode.parentNode.parentNode.parentNode.parentNode;
var selTR = selEl.parentNode;
var arr = selTR.cells;
var total = 0;
for(var i=0;i<selEl.cellIndex;i++){
total+=parseInt(arr[i].style.width);
}
selEl.style.width = (parseInt(e.clientX) - total - parseInt(pad))+"px";
window.status = (parseInt(e.clientX) - total - parseInt(pad))+"px";
if (e.stopPropagation)
e.stopPropagation();
else
e.cancelBubble = true;
if (e.preventDefault)
e.preventDefault();
else
e.returnValue = false;
}
function upHandler(e) {
if (!e) e = window.event;
var el = e.target||e.srcElement;
elementToDrag.style.position="static";
if (document.removeEventListener) {
document.removeEventListener("mouseup", upHandler, true);
document.removeEventListener("mousemove", moveHandler, true);
}
else
if (document.detachEvent) {
document.detachEvent("onmouseup", upHandler);
document.detachEvent("onmousemove", moveHandler);
}
if (e.stopPropagation)
e.stopPropagation();
else
e.cancelBubble = true;
}
}
</script>
</head>
<body>
<div style="padding-left:100px">
<table border="1" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td style="width:400px">
<table width="100%" border="1" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td>
killer
</td>
<td width="3">
<img src="spacer.gif" width="3" height="15" onmousedown="beginDrag(this, event); return false;" style="cursor:w-resize">
</td>
</tr>
</tbody>
</table>
</td>
<td style="width:200px">
<table width="100%" border="0" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td>
killer
</td>
<td width="3">
<img src="spacer.gif" width="3" height="15" onmousedown="beginDrag(this, event); return false;" style="cursor:w-resize">
</td>
</tr>
</tbody>
</table>
</td>
<td style="width:200px">
<table width="100%" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td>
killer
</td>
<td width="3">
<img src="spacer.gif" width="3" height="15" onmousedown="beginDrag(this, event); return false;" style="cursor:w-resize">
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</div>
</body>
|
|
.Как быть с Оперой?
удачи короче