absolute position messen

[Kaktus]

Hallo

Ich such schon seit tegen wie ich die absolute position von einer ebene messen kann damit ich sie um x pixel verschieben kann.

hab schon viel Probiert aber nichts richtiges gefunden.
hier mal ein beispielscript:

ax = document.getElementById(a).offsetLeft
ay = document.getElementById(a).offsetTop
ah = document.getElementById(a).offsetHeight
ab = document.getElementById(a).offsetWidth

ax = ax - 2;  //Pixel pro Aufruf
document.getElementById(a).style.left = ax + "px";
ay = ay - 1;  //Pixel pro Aufruf
document.getElementById(a).style.top = ay + "px";
ah = ah + 2;  //Pixel pro Aufruf
document.getElementById(a).style.height = ah + "px";
ab = ab + 2;  //Pixel pro Aufruf
document.getElementById(a).style.width = ab + "px";

leider ist der abstand zwischen offsetLeft und style.left nicht gleich und deshalb bekomme ich es nicht so hin wie ich es möchte.

Hoffe mir kann jemand helfen.

MfG
Kaktus

[wahsaga]

hi,

Ich such schon seit tegen wie ich die absolute position von einer ebene messen kann damit ich sie um x pixel verschieben kann.

Muss die "Ebene" denn überhaupt absolut positioniert sein?
Andernfalls hättest du es ja mit relativer Positionierung einfacher ...

hab schon viel Probiert aber nichts richtiges gefunden.
hier mal ein beispielscript:

ax = document.getElementById(a).offsetLeft
ay = document.getElementById(a).offsetTop

Da soolltest du noch die jeweiligen Offset eventueller offsetParents hinzuaddieren.

gruß,
wahsaga

[Kaktus]

Hi

Die ebenen sind im css relativ zur Seitenmitte ausgerichtet aber ich will ja die größe und position ändern somit brauche ich die absolute position.
Oder gibt es eine möglichkeit die Ebenen zur relativen position zu verschieben?

MfG
Kaktus

[wahsaga]

hi,

Oder gibt es eine möglichkeit die Ebenen zur relativen position zu verschieben?

Was glaubst du, was position:relative macht?

gruß,
wahsaga

[Kaktus]

hm nun weiß ich grnicht mehr weiter kannst du mal das script verändern?
Ich hab die tagbereiche angedeutet.

Css

#Impressum { position: relative; left:50%; top:50%; width:54px; height:11px; margin-left:-323px; margin-top:-117px;
  text-align:left; background-color:#FFFFFF;border:px solid #000000; overflow: hidden;}

/Css

javascript

function rein(a){
  ax = document.getElementById(a).offsetLeft
  ay = document.getElementById(a).offsetTop
  ah = document.getElementById(a).offsetHeight
  ab = document.getElementById(a).offsetWidth

ax = ax - 2;  //Pixel pro Aufruf
 document.getElementById(a).style.left = ax + "px";
 ay = ay - 1;  //Pixel pro Aufruf
 document.getElementById(a).style.top = ay + "px";
  ah = ah + 2;  //Pixel pro Aufruf
 document.getElementById(a).style.height = ah + "px";
 ab = ab + 2;  //Pixel pro Aufruf
 document.getElementById(a).style.width = ab + "px";

}

/javascript

body

<div align='center' id='Impressum' width='100%' height='100%' >
 <img src="Bilder/Impressum_gruen_1024x768.gif" width="100%" height="100%" onmouseover=rein("Impressum")>
 </div>

/body

DANKE

[wahsaga]

hi,

hm nun weiß ich grnicht mehr weiter kannst du mal das script verändern?

Ja, und Nein.
(Theorie, Praxis)

#Impressum { position: relative; left:50%; top:50%;

Du positionierst also relativ 50% "von oben" und 50% "von links" entfernt.
Ergibst das erst mal ohne das Script die gewünschte Startposition?

ax = ax - 2;  //Pixel pro Aufruf
document.getElementById(a).style.left = ax + "px";

Welchen Wert hat ax?

ay = ay - 1;  //Pixel pro Aufruf
document.getElementById(a).style.top = ay + "px";

Welchen Wert hat ay?

Wie sieht der Effekt aus, wie weicht er von dem ab, was du erwartest?

gruß,
wahsaga

[Kaktus]

hi,

hm nun weiß ich grnicht mehr weiter kannst du mal das script verändern?

Ja, und Nein.
(Theorie, Praxis)

#Impressum { position: relative; left:50%; top:50%;

Du positionierst also relativ 50% "von oben" und 50% "von links" entfernt.
Ergibst das erst mal ohne das Script die gewünschte Startposition?

»»
wenn ich die postition auf relativ setze wird nichts meht angezeigt.

ax = ax - 2;  //Pixel pro Aufruf
document.getElementById(a).style.left = ax + "px";

Welchen Wert hat ax?

ay = ay - 1;  //Pixel pro Aufruf
document.getElementById(a).style.top = ay + "px";

Welchen Wert hat ay?

ax = document.getElementById(a).offsetLeft
ay = document.getElementById(a).offsetTop
ah = document.getElementById(a).offsetHeight
ab = document.getElementById(a).offsetWidth

Wie sieht der Effekt aus, wie weicht er von dem ab, was du erwartest?

Ich will eigentlich das wenn ich über einen navigationspunkt fahre dass dann sich der navigationspunkt vergrößert.

Ich bin mir sicher das es da eine bessere Lössung gibt aber ich hab leider noch keine Gefunden.

DANKE

[wahsaga]

hi,

Du positionierst also relativ 50% "von oben" und 50% "von links" entfernt.
Ergibst das erst mal ohne das Script die gewünschte Startposition?
»»
wenn ich die postition auf relativ setze wird nichts meht angezeigt.

Und so eine Information hältst du nicht für relevant, wenn du ein Codebeispiel hier hinstellst?

Welchen Wert hat ay?
Welchen Wert hat ax?
Wie sieht der Effekt aus, wie weicht er von dem ab, was du erwartest?

Ich will eigentlich das wenn ich über einen navigationspunkt fahre dass dann sich der navigationspunkt vergrößert.

Und auf welchen von den Fragen soll das jetzt die Antwort sein?

Ich bin mir sicher das es da eine bessere Lössung gibt aber ich hab leider noch keine Gefunden.

Ich würde vermutlich initial absolute mit relativem Bezugspunkt bei top/left 0 positionieren, und dann top/left ins Negative verringern, und dabei Höhe/Breite erhöhen.

gruß,
wahsaga

[Kaktus]

Hi

Ich glaub wir haben uns ein bißchen verfahren und fangen nochmal von vorn an.

ich hab die seite mal online gestellt.
www.growen.homeip.net/axl

am besten mit auflößung 1024x768 und Firefox zu sehen.

Ich will das der menüpunkt größer wird wo die maus drüberfährt und die menüpunkte drüber und drunter ein bißchen größer wird.

Ich denke das mein Problem ist das ich mit dem offset befehl nicht die absolute position gemessen wird.

ich weiß da sind noch ein haufen fehler drin aber is ja noch in der startphase.

Wäre sehr cool wenn jemand das Problem lösen kann.