Hallo an alle
Ich wünsche euch ersteinmal ein schönes neues Jahr und viel erfolg.
Ich wende mich an euch miteinem Problem aus dem ich keinen Ausweg mehr sehe. Meine js-kenntnisse sind dafür noch nicht ausreichend.
Folgendes:
Ich habe einen Div-Container. Dieses Div möchte ich mittels onmousedown vergrößern. Durch ziehen. Ich habe en Script gefunden und dieses umgeschrieben. Aber es klappt nicht. Egal was ich mache, ich ziehe mit der Maus und wenn ich klicke dann vergrößert sich das Div. Aber nicht so wie ich es wollte und schon gar nicht durch ziehen.
Folgender Code:
Hier rufe ich die function auf:
<td onmousedown="fnc_anfassen()" class="mauszeiger" height="15" width="15"><img src="./images/resize.gif"></td>
Das ist das js-script:
function init()
{
if(IE)
ieBody = getBody();
hy = window.event.clientY;
wx = window.event.clientX;
parent.document.onmousemove = getMousePos;
}
//Variablen für die Mausposition
var moX = 0;
var moY = 0;
var hy;
var wx;
var mhy;
var mwx;
function getBody()
{
return (window.document.compatMode == "CSS1Compat") ?
window.document.documentElement : window.document.body || null;
}
var ieBody = null;
/*
function fnc_groesse()
{
document.onmousemove = getMousePos;
if(IE)
ieBody = getBody();
}
*/
// Funktion zum Ermitteln der Mausposition
function getMousePos(ereignis)
{
// Aktuelle Mauskoordinaten bei Mausbewegung ermitteln
moX = (IE) ? window.event.clientX : ereignis.pageX;
//moY = (IE) ? (window.event.clientY + ieBody.scrollTop) : ereignis.pageY;
moY = (IE) ? window.event.clientY : ereignis.pageY;
//mhy = window.event.clientY;
//mwx = window.event.clientX;
window.status = "Mauskoordinaten (x, y): (" + moX + ", " + moY +")";
}
function fnc_anfassen()
{
getMousePos()
if (hy != moY || wx != moX)
{
getMousePos()
parent.document.onmousemove = fnc_anpassen;
parent.document.onmousedown = fnc_anpassen;
}
//alert ( hy + " , " + moY);
}
function fnc_anpassen()
{
var apy;
var apx;
var sy = 600;
var sx = 980;
apy = sy + (moY - hy) + "px";
apx = sx + (moX - wx) + "px";
//alert (apx + "," + apy);
//alert (wx + "," + hy + " , " + moX + " , " + moY);
parent.document.getElementById('divzwei').style.height = apy;
parent.document.getElementById('divzwei').style.width = apx;
}
Alles anzeigen
Könnt ihr mir bei meinem Problem helfen?
Ich danke euch im vorraus
Dicker1
