Forenindex » Programmierung/Entwicklung » JavaScript » Position eines beliebigen Elementes feststellen.

Position eines beliebigen Elementes feststellen.

Simon.Duss
Beiträge gesamt: 64

4. Mär 2004, 21:07
Bewertung:

gelesen: 1494

Beitrag als Lesezeichen
Sali zäme

Ich habe ein Problem. Ich möchte etwas auf meiner Hompage per JavaScript absolut verschieben. Doch da ich nicht ein "linke ecke design" bevorzuge, sondern center. Möchte ich mit JavaScript dynamisch den Standort der einzelnen Elemente auslesen.

Habe schon vieles probiert so z.B:
window.document.getElementById("menu").style.left;

doch leider führten diese Versuch wie manche andere ins Nirgendwo,...

Auf euche Vorschläge bin ich sehr gespannt.

Merci im Voraus

Simon

[+]Gruess us Sämpach[+]

Position eines beliebigen Elementes feststellen.

SabineP
Beiträge gesamt: 7586

4. Mär 2004, 21:49
Bewertung:

gelesen: 1494

Beitrag als Lesezeichen
Hallo Simon,

schau doch mal in den letzten Beitrag:

http://www.hilfdirselbst.ch/...7&topic_id=15255

Auf der Demo-Seite "Click to see details" anklicken.
Die Funktion dazu getDetails() findest Du in der DHTML Library.

Gruß Sabine

Position eines beliebigen Elementes feststellen.

Simon.Duss
Beiträge gesamt: 64

5. Mär 2004, 21:05
Bewertung:

gelesen: 1494

Beitrag als Lesezeichen
Zuerst möchte ich dir Sabine einmal ein grosses SORRY aussprechen,...

Doch leider kannst du mir mit deimem link nicht helfen. Das gewünste Ergebniss bekomme ich über diese lib.js schon. Doch was ich will ist eine "kleine" Funktion welche gerade die aktuelle position ausliest.

Ich begreiffe irgendwie den ganzen quelcode nicht,...

this.evnt=bw.dom? document.getElementById(obj):
this.x=parseInt(this.css.left)||this.css.pixelLeft||this.evnt.offsetLeft||0;

würde dieser code ausschnitt genügen, richtige definition vorausgesetz?
Wenn ja, was bewirken die oder Trennungen (||) nimmt es einfach den wert den der Browser versteht oder wird dort etwas anderes ausgerechnet?

Ich möchte doch noch einmal nachfragen, gibt es wirklich KEIN offizielles Attribut mit welchen, man in einem neuerem Browser, dies auslesen kann?

Vielen Dank für deine Bemühungen

Simon

[+]Gruess us Sämpach[+]

Position eines beliebigen Elementes feststellen.

SabineP
Beiträge gesamt: 7586

5. Mär 2004, 22:34
Bewertung:

gelesen: 1494

Beitrag als Lesezeichen
Hallo Simon,

hier mal ein Beispiel für die Positionsbestimmung eines <p> und eines <div>

<html><head><title>Test</title></head>
<body>
<div id="erstes">Erstes Element</div>
<p id="zweites">Zweites Element</p>

<script language="JavaScript" type="text/javascript">
<!--
alert(document.getElementById("erstes").offsetLeft); // Abstand von links
alert(document.getElementById("zweites").offsetLeft);
alert(document.getElementById("erstes").offsetTop); // Abstand von oben
alert(document.getElementById("zweites").offsetTop);

//-->
</script>
</body></html>

Gruß Sabine

Position eines beliebigen Elementes feststellen.

oesi50
  
Beiträge gesamt: 2315

5. Mär 2004, 23:16
Bewertung:

gelesen: 1494

Beitrag als Lesezeichen
hi Simon,

Die || bedeuten OR, die && bedeuten AND.

Grüße Oesi
Ich weiß, dass ich nichts weiß... (Sokrates)

Position eines beliebigen Elementes feststellen.

Simon.Duss
Beiträge gesamt: 64

9. Mär 2004, 12:47
Bewertung:

gelesen: 1494

Beitrag als Lesezeichen
Vielen Dank für euer Feedback, ihr habt mir sehr viel geholfen!

Doch zum Schluss häte ich noch eine Frage betreffend .offset:
Werden diese Artribute auch im NS und unter anderen Betriebsystemen Funktionieren?? (Ich habe zur zeit leider keine Möglichkeit dies zu testen,...)

Vielen Dank!


[+]Gruess us Sämpach[+]

Position eines beliebigen Elementes feststellen.

Anonym
Beiträge gesamt: 22827

9. Mär 2004, 13:27
Bewertung:

gelesen: 1494

Beitrag als Lesezeichen
Hallo Simon,

selfhtml sagt nichts dazu aus in welcher Javascript-Version offsetLeft verfügbar ist.

Du kannst in der Javascript Referenz nachschlagen:
http://devedge.netscape.com/central/javascript/

Die Methode getElementById() funktioniert erst ab Netscape 6 und IE 5.
http://selfhtml.teamone.de/...tm#get_element_by_id

Die Javascript-Bibliothek von dhtmlcentral.com berücksichtigt alle Browser ab Version 4.

Gruß Sabine

Position eines beliebigen Elementes feststellen.

Simon.Duss
Beiträge gesamt: 64

9. Mär 2004, 16:14
Bewertung:

gelesen: 1494

Beitrag als Lesezeichen
Sali Sabine

Mit deinem Link kontest du mir sehr helfen !!

Danke Vielmals Simon
[+]Gruess us Sämpach[+]