Hallo,
ich bastel gerade ein einer bewege Funktion,
da ich aus fehlern gelernt habe, habe ich bis zu dem Kommentar alle Werte
immer mit alert() ausgeben lassen Funktioniert also bis dahin Perfekt,
nur das eigentliche verschieben geht dann nicht :-(
Bitte keine fertigen Scrip Lösungen mehr die interessieren mich = Null,
ich möchte Javascript selber lernen, da kann ich so einen dreck nicht gebrauchen,
suche kompetente hilfe auf bestehenden Problemen mehr nicht ;ugl
gruß.Take
ich bastel gerade ein einer bewege Funktion,
da ich aus fehlern gelernt habe, habe ich bis zu dem Kommentar alle Werte
immer mit alert() ausgeben lassen Funktioniert also bis dahin Perfekt,
nur das eigentliche verschieben geht dann nicht :-(
HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" type="text/css" href="chat-fenster.css" />
<title>Chat-Fenster</title>
<script type="text/javascript">
function mauszeiger_position(uebergabe_wert){
if(!uebergabe_wert){
uebergabe_wert = window.event;
}
m_links = uebergabe_wert.clientX;
m_oben = uebergabe_wert.clientY;
document.getElementById("hoehe").innerHTML = uebergabe_wert.clientY;
document.getElementById("weite").innerHTML = uebergabe_wert.clientX;
}
document.onmousemove = mauszeiger_position
function zeiger(){
document.getElementById("button").style.cursor = "se-resize";
}
function bewegen(){
a_links = document.getElementById("chat_fenster").offsetLeft;
a_oben = document.getElementById("chat_fenster").offsetTop;
r_left = a_links - m_links;
r_oben = a_oben - m_oben;
// Ab hier geht nichts mehr
document.getElementById("chat_fenster").style.width = r_left + "px";
document.getElementById("chat_fenster").style.height = r_oben + "px";
}
</script>
</head>
<body>
<table>
<td id="weite"></td><td id="hoehe"></td>
</table>
<table id="chat_fenster" class="chat_fenster" cellpadding="0" cellspacing="0">
<tr>
<td class="links_oben"></td>
<td class="mitte_oben"></td>
<td class="rechts_oben"></td>
</tr>
<tr>
<td class="links_mitte"></td>
<!-- Start Content -->
<td class="content">
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat,
sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem
ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore
magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata
sanctus est Lorem ipsum dolor sit amet. </td>
<!-- Ende Content -->
<td class="rechts_mitte"></td>
</tr>
<tr>
<td class="links_unten"></td>
<td class="mitte_unten"></td>
<td class="rechts_unten">
<img onmousedown="bewegen()" onmouseover="zeiger()" id="button" src="bilder/button_anpassen.png" /> </td>
</tr>
</table>
</body>
</html>ich möchte Javascript selber lernen, da kann ich so einen dreck nicht gebrauchen,
suche kompetente hilfe auf bestehenden Problemen mehr nicht ;ugl
gruß.Take
