[GastForen Programmierung/Entwicklung JavaScript Position eines beliebigen Elementes feststellen.

  • Suche
  • Hilfe
  • Lesezeichen
  • Benutzerliste
Themen
Beiträge
Moderatoren
Letzter Beitrag

Position eines beliebigen Elementes feststellen.

Simon.Duss
Beiträge gesamt: 64

4. Mär 2004, 21:07
Beitrag # 1 von 8
Bewertung:
(1409 mal gelesen)
URL zum Beitrag
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[+]
X

Position eines beliebigen Elementes feststellen.

SabineP
Beiträge gesamt: 7586

4. Mär 2004, 21:49
Beitrag # 2 von 8
Beitrag ID: #73531
Bewertung:
(1409 mal gelesen)
URL zum Beitrag
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


als Antwort auf: [#73527]

Position eines beliebigen Elementes feststellen.

Simon.Duss
Beiträge gesamt: 64

5. Mär 2004, 21:05
Beitrag # 3 von 8
Beitrag ID: #73783
Bewertung:
(1409 mal gelesen)
URL zum Beitrag
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[+]


als Antwort auf: [#73527]

Position eines beliebigen Elementes feststellen.

SabineP
Beiträge gesamt: 7586

5. Mär 2004, 22:34
Beitrag # 4 von 8
Beitrag ID: #73800
Bewertung:
(1409 mal gelesen)
URL zum Beitrag
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


als Antwort auf: [#73527]

Position eines beliebigen Elementes feststellen.

oesi50
  
Beiträge gesamt: 2315

5. Mär 2004, 23:16
Beitrag # 5 von 8
Beitrag ID: #73809
Bewertung:
(1409 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
hi Simon,

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

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


als Antwort auf: [#73527]

Position eines beliebigen Elementes feststellen.

Simon.Duss
Beiträge gesamt: 64

9. Mär 2004, 12:47
Beitrag # 6 von 8
Beitrag ID: #74293
Bewertung:
(1409 mal gelesen)
URL zum Beitrag
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[+]


als Antwort auf: [#73527]

Position eines beliebigen Elementes feststellen.

Anonym
Beiträge gesamt: 22827

9. Mär 2004, 13:27
Beitrag # 7 von 8
Beitrag ID: #74306
Bewertung:
(1409 mal gelesen)
URL zum Beitrag
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


als Antwort auf: [#73527]

Position eines beliebigen Elementes feststellen.

Simon.Duss
Beiträge gesamt: 64

9. Mär 2004, 16:14
Beitrag # 8 von 8
Beitrag ID: #74332
Bewertung:
(1409 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Sali Sabine

Mit deinem Link kontest du mir sehr helfen !!

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


als Antwort auf: [#73527]
X

Aktuell

Veranstaltungskalender

Hier können Sie Ihre Anlässe eintragen, welche einen Zusammenhang mit den Angeboten von HilfDirSelbst.ch wie z.B. Adobe InDesign, Photoshop, Illustrator, PDF, Pitstop, Affinity, Marketing, SEO, Büro- und Rechtsthemen etc. haben. Die Einträge werden moderiert freigeschaltet. Dies wird werktags üblicherweise innert 24 Stunden erfolgen.

pdf-icon Hier eine kleine Anleitung hinsichtlich Bedeutung der auszufüllenden Formularfelder.

Veranstaltungen
01.12.2022

Online
Donnerstag, 01. Dez. 2022, 10.00 - 10.45 Uhr

Webinar

Die drei ColorLogic-Programme ZePrA, CoPrA und ColorAnt sind in neuen Versionen mit vielen neuen Funktionen im Jahr 2022 veröffentlich worden oder werden in Kürze veröffentlicht (ColorAnt 9). In unserem ca. 45 minütigen kostenlosen Webinar zeigen wir Ihnen einige dieser neuen Funktionen mit dem Schwerpunkt auf Automatisierung und Produktivitätssteigerungen.

Ja

Organisator: Impressed GmbH

Kontaktinformation: Silvia Noack, E-Mailsnoack AT impressed DOT de

https://www.impressed.de/schulung.php?c=sDetail&sid=311

ColorLogic Update-Webinar ZePrA 10, CoPrA 9 und ColorAnt 9
Veranstaltungen
02.02.2023

Prozesse optimieren und effizient gestalten

Zürich
Donnerstag, 02. Feb. 2023, 08.00 - 10.00 Uhr

Digitalisierung, Webauftritt

Digitalisierung mitgestalten - Worauf kommt es an? Wie wichtig ist die Webseite? Webseite mit Word Press? Interne Prozesse optimieren

Ja

Organisator: B. Isik - SNF Academy

Kontaktinformation: Birol Isik, E-Mailinfo AT bkcc DOT ch

https://digitalisierung-heute.ch/digitalisierung-informationstag-schweiz/