jeg har lige et lille problem med mit script
hey eksperter, jeg har et script der gøt man kan flytte et div object rundt på sin side: http://mads1.wi2.ots.dk/datelog/.jeg mangler at definere at den kun skal bruge functions når man rykker i div objektet, og det skal jeg bruge lid hjæl til.
Kode:
<script type="text/javascript">
var curObj;
function init() {
document.onmousedown = grbObj;
document.onmousemove = drgObj;
document.onmouseup = relObj;
document.onkeypress = testObj;
}
function testObj() {
alert(String.fromCharCode(event.keyCode));
document.focus();
}
function setZindex(obj,zOrder) {
obj.zIndex = zOrder;
}
function shiftTo(obj,x,y) {
obj.pixelLeft = x;obj.pixelTop = y;
}
function setObj() {
curObj = window.event.srcElement;
curObj = (curObj.id.indexOf('inf') != -1)? curObj.parentElement : curObj ;
if (curObj.nodeName != 'BODY') {
curObj = curObj.style;
curObj.filter = 'alpha(opacity=100)'
curObj.zIndex = '100';
curObj.border = '1px solid #0000ff';
return;
}
curObj = null;
return;
}
function drgObj() {
if (curObj) {
shiftTo(curObj,(window.event.clientX - offsetX),(window.event.clientY - offsetY));
return false;
}
}
function grbObj() {
setObj();
if (curObj) {
offsetX = window.event.offsetX;
offsetY = window.event.offsetY;
}
return false;
}
function relObj() {
if (curObj) {
curObj.filter = 'alpha(opacity=50)'
curObj.zIndex = '0';
curObj.border = '0px';
curObj = null;
}
}
</script>
<body onload="init()">
<div id="news" style="filter:alpha(opacity=100);left:100px;top:300px;position:absolute;width:202px;height:204px;background-image:url('billeder/newsbox.gif');">
</div>
__________________________________________
som i kan se tror den også den skal gøre det alle andre steder.
nogen der kan hjælpe?
på forhånd tak :)
