[GastForen Programmierung/Entwicklung JavaScript Werte mit getElementById holen

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

Werte mit getElementById holen

Anonym
Beiträge gesamt: 22827

30. Aug 2003, 21:32
Beitrag # 1 von 3
Bewertung:
(775 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Tach,

ich hole mir die Position eines Elementes mit
pos = document.getElementById("werbung").style.left;

wenn ich nun Pos mit alert() ausgebe, gibt er mir immer "Warning" an.
Mit typeof() sagt er mir das das ein String wäre, so habe ich versucht es via parseInt() umzuwandeln, leider ohne Erfolg. Aber die Fehlermeldung hat sich in "NaN" geändert.

Kann mir jemand sagen, wo ich einen Fehler mache. Ich möchte doch einfach nur die Position als Int in einer Variable speichern.

Gruß Thomas
X

Werte mit getElementById holen

exquisitus
Beiträge gesamt: 247

2. Sep 2003, 02:50
Beitrag # 2 von 3
Beitrag ID: #49458
Bewertung:
(775 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
hallo Thomas

style.left, top, width, height und co müssen nicht umbedingt zahlen sein. kann zb auch "auto" oder "100%" sein. wenn du dann zb versuchts einen "auto" wert mit parseInt umzuwandeln dann kommt eben NaN (Not a Number) raus.

das problem ist hier zudem dass du mit style.left nur einen wert zurückkriegst wenn das element eine inline css deklaration hat (style="left:50px").

beispiel dazu:
1.
<div id="gugus" style="left:50px">gugus</div>
document.getElementById("gugus").style.left gibt in diesem fall '50px' zurück.

2.
<style type="text/css">
.thegugusclass {
left: 50px;
}
</style>
<div id="gugus" class="thegugusclass">gugus</div>
document.getElementById("gugus").style.left gibt in diesem fall '' zurück, da das style objekt nichts von den in der klasse definierten werten weiss.


das ganze ist ne ziemlich mühsame undurchsichtige sache am anfang.

was ich immer wieder mal mache ist im onload handler die objekt-referenzen anzulegen und alle werte die nachher via script veränderbar sein müssen explizit auf initialwerte zu setzen.


zb:

var obj1 = null;
var obj2 = null;
onload = function() {
obj1 = document.getElementById("erstesObjekt");
obj2 = document.getElementById("zweitesObjekt");
obj1.style.left = "50px";
obj2.style.left = "150px";
//ab hier hat dann style.left immer einen gültigen/brauchbaren wert.
};


hth
gruss
Steven

PS: wenn du die werte nur auslesen (nicht nachträglich verändern willst) kannst du auch mit den browser-spezifischen attributen arbeiten. für ie zb elm.style.pixelLeft oder elm.offsetLeft.


als Antwort auf: [#49326]

Werte mit getElementById holen

Anonym
Beiträge gesamt: 22827

2. Sep 2003, 12:52
Beitrag # 3 von 3
Beitrag ID: #49509
Bewertung:
(775 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Hallo exquisitus,

ich danke dir. Du hast mir sehr geholfen.
Das Problem war, das ich das in einer externen CSS-Datei folgendermaßen initialisiere:

#werbung {position:absolute; left:150px;}

Ich wollte diesen Wert nur auslesen, damit ich bei Veränderung diesen nur einmal ändern müßte. Sonst dürfte ich diesen Wert 10x ändern, wenn ich an jeder Stelle, wo ich diesen Wert bräuche, lokal eingebe. Dann hätte ich überall im Quelltext so eine Zeile.

Var werbunglinks = 150px;

Und das wollte ich vermeiden.

Gruß Thomas


als Antwort auf: [#49326]

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
14.05.2024

Online
Dienstag, 14. Mai 2024, 10.00 - 10.30 Uhr

Webinar

Prozessoptimierung ist ein Teamsport! Keine Software und keine Maschine allein kann Ihnen helfen, die Effizienzpotenziale Ihres Betriebes maximal auszuschöpfen. Von der Auftragsannahme über die Vorstufe und den Druck bis hin zur Weiterverarbeitung – alles muss optimal ineinandergreifen. Apropos Weiterverarbeitung – in vielen Druckbetrieben fristet sie in Sachen Prozessoptimierung immer noch ein Schattendasein. Dabei liegen hier mittlerweile die größten Einsparpotenziale! In einem Webinar von Horizon und Impressed erfahren Sie, wie Sie diese Einsparungen realisieren können. Horizon, bekannt für innovative Lösungen in der Druckweiterverarbeitung, bietet mit iCE LiNK eine Workflowlösung für die Weiterverarbeitung. iCE LiNK überwacht, visualisiert und analysiert Produktionsabläufe und unterstützt bei der Wartung – damit immer alles reibungslos läuft. Den gleichen Anspruch hat der von Impressed entwickelte Impressed Workflow Server – er ist die smarte PDF-Workflow-Lösung für Druckereien, die Datenmanagement, Preflight und Produktionssteuerung übernimmt. Im Webinar zeigen Ihnen die Experten von Horizon und Impressed, wie beide Lösungen im Team die Effizienz und Produktivität Ihres Betriebes steigern können. Melden Sie sich am besten gleich an, wir freuen uns auf Sie! PS: Melden Sie sich in jedem Fall an – sollten Sie zum Termin verhindert sein, erhalten Sie die Aufzeichnung.

kostenlos

Ja

Organisator: Impressed / Horizon

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

Einsparpotenziale in der Weiterverarbeitung
Veranstaltungen
16.05.2024

Online
Donnerstag, 16. Mai 2024, 10.00 - 10.30 Uhr

Webinar

Komplizierte, kleinteilige Aufträge; alles sehr speziell; seit Jahren bewährte Prozesse – da können wir nichts standardisieren und automatisieren! Das sagen viele Großformatdrucker – aber stimmt das wirklich, ist dem tatsächlich so? Günther Business Solutions und Impressed treten in einem Webinar den Gegenbeweis an. Experten beider Unternehmen zeigen, wie Großformatdrucker vom Einsatz zweier bewährter Lösungen profitieren können: • von advanter print+sign von Günther Business Solutions, dem ERP-System für den Großformatdruck, dass alle Phasen der Wertschöpfung im Large Format Printing abdeckt • von Impressed Workflow Server, der smarten PDF-Workflow-Lösung für Druckereien, die Datenmanagement, Preflight und Produktionssteuerung übernimmt Über die Kombination beider Lösungen können Großformatdrucker ihre Prozesse mit modernen Workflows Schritt für Schritt automatisieren – und so zügig deutliche Zeit- und Kosteneinsparungen realisieren. Das Webinar sollten Sie sich nicht entgehen lassen – damit Sie keine Effizienzpotenziale mehr liegen lassen. Melden Sie sich am besten gleich an, wir freuen uns auf Sie! PS: Melden Sie sich in jedem Fall an – sollten Sie zum Termin verhindert sein, erhalten Sie die Aufzeichnung.

kostenlos

Nein

Organisator: Impressed / Günther Business Solutions

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

Und es geht doch: Automatisierung im Großformatdruck!