hilfdirselbst.ch
Facebook Twitter gamper-media
"Funktioniert nicht" ist keine hinreichende Fehlerbeschreibung.
Simon.Duss
Beiträge: 64
4. Mär 2004, 21:07
Beitrag #1 von 8
Bewertung:
(1166 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen

Position eines beliebigen Elementes feststellen.


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[+] Top
 
X
SabineP  M 
Beiträge: 7586
4. Mär 2004, 21:49
Beitrag #2 von 8
Beitrag ID: #73531
Bewertung:
(1166 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen

Position eines beliebigen Elementes feststellen.


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
als Antwort auf: [#73527] Top
 
Simon.Duss
Beiträge: 64
5. Mär 2004, 21:05
Beitrag #3 von 8
Beitrag ID: #73783
Bewertung:
(1166 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen

Position eines beliebigen Elementes feststellen.


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[+]
als Antwort auf: [#73527] Top
 
SabineP  M 
Beiträge: 7586
5. Mär 2004, 22:34
Beitrag #4 von 8
Beitrag ID: #73800
Bewertung:
(1166 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen

Position eines beliebigen Elementes feststellen.


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
als Antwort auf: [#73527] Top
 
oesi50  A  S
Beiträge: 2315
5. Mär 2004, 23:16
Beitrag #5 von 8
Beitrag ID: #73809
Bewertung:
(1166 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen

Position eines beliebigen Elementes feststellen.


hi Simon,

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

Grüße Oesi
Ich weiß, dass ich nichts weiß... (Sokrates)
als Antwort auf: [#73527] Top
 
Simon.Duss
Beiträge: 64
9. Mär 2004, 12:47
Beitrag #6 von 8
Beitrag ID: #74293
Bewertung:
(1166 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen

Position eines beliebigen Elementes feststellen.


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[+]
als Antwort auf: [#73527] Top
 
Anonym
Beiträge: 22827
9. Mär 2004, 13:27
Beitrag #7 von 8
Beitrag ID: #74306
Bewertung:
(1166 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen

Position eines beliebigen Elementes feststellen.


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
als Antwort auf: [#73527] Top
 
Simon.Duss
Beiträge: 64
9. Mär 2004, 16:14
Beitrag #8 von 8
Beitrag ID: #74332
Bewertung:
(1166 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen

Position eines beliebigen Elementes feststellen.


Sali Sabine

Mit deinem Link kontest du mir sehr helfen !!

Danke Vielmals Simon
[+]Gruess us Sämpach[+]
als Antwort auf: [#73527] Top
 
X