|
Vorheriges Thema: Nächstes Thema: |
Autor |
Nachricht |
Sir Quicksand Häufiger Poster
Anmeldungsdatum: 19.01.2005 Beiträge: 304 Wohnort: Hannover
|
Verfasst am: 17.08.2005 15:02:43 Titel: CSS mit Javascript manipulieren |
|
|
Hi Jan, Hallo Leute,
ich möchte mit JavaScript CSS Eigenschaften von Objekten manipulieren. Folgende Eigenschaften kann ich verändern:
document.getElementById(objekt).style.backgroundColor
document.getElementById(objekt).style.color
document.all(objekt).style.fontSize
Ich möchte aber noch die Link Farbe, Hover Farbe, Background Image, FontFamily ändern, was aber irgendwie nicht geht.
Bei document.getElementById(objekt).style.fontFamily tut sich nichts und ich weiß nicht warum. |
|
Nach oben |
|
|
Sascha Hameister Gast
|
Verfasst am: 20.08.2005 19:48:42 Titel: Andere Wege gehen |
|
|
Hallo du,
ich würde das auf einem anderen Weg machen:
Schreib dir doch einfach eine neue CSS-Klasse, in der schon alles enthalten ist, was geändert werden soll.
Dann brauchst du nämlich nicht mehr jede Eigenschaft einzeln ersetzen, sondern kannst die gesamte Klasse austauschen.
Das würde vom Code her so aussehen:
Code: |
document.getElementById(objekt).style.className='neueKlasse'; |
Liebe Grüße
Sascha |
|
Nach oben |
|
|
Sir Quicksand Häufiger Poster
Anmeldungsdatum: 19.01.2005 Beiträge: 304 Wohnort: Hannover
|
Verfasst am: 22.08.2005 14:52:21 Titel: |
|
|
Und wie übergebe ich jetzt der neuen Klasse die Daten?
Außerdem möchte ich aus mehreren Eingabe- und Auswahlfeldern die Klasse zusammen "stoppeln". |
|
Nach oben |
|
|
Sir Quicksand Häufiger Poster
Anmeldungsdatum: 19.01.2005 Beiträge: 304 Wohnort: Hannover
|
Verfasst am: 24.08.2005 09:45:59 Titel: |
|
|
Hi Leute,
ich habe mal wieder verpennt, daß JavaScript ganz heiß auf Groß- Kleinschreibung ist.
Code: |
document.getElementById('mustertext').style.fontSize
document.getElementById('mustertext').style.fontFamily
document.getElementById('mustertext').style.color
document.getElementById('mustertext').style.backgroundColor
|
Das funzt jetzt alles ohne Probs, jedoch habe ich noch ein Problem mit:
Code: |
document.getElementById('mustertext').style.backgroundImage
|
Dies kann ich leider irgendwie nicht auf die gleiche Art und Weise ändern, wie ich die anderen Eigenschaften ändere. Selbst wenn man direkt einen Wert zuordnet:
Code: |
document.getElementById('mustertext').style.backgroundImage = "hintergrund/alugebuerstet.gif";
|
auch bei style.background sagt er: "ungültiges Argument"
WARUM????? |
|
Nach oben |
|
|
Sir Quicksand Häufiger Poster
Anmeldungsdatum: 19.01.2005 Beiträge: 304 Wohnort: Hannover
|
Verfasst am: 24.08.2005 10:47:42 Titel: |
|
|
aha:
Code: |
document.getElementById('mustertext').style.backgroundImage = "url(hintergrund/alugebuerstet.gif)"; |
|
|
Nach oben |
|
|
|
|
Du kannst keine Beiträge in dieses Forum schreiben. Du kannst auf Beiträge in diesem Forum nicht antworten. Du kannst deine Beiträge in diesem Forum nicht bearbeiten. Du kannst deine Beiträge in diesem Forum nicht löschen. Du kannst an Umfragen in diesem Forum nicht mitmachen.
|
|
|
|