HTMLWorld - HTML, CSS, JavaScript, PHP, Java, Flash und vieles mehrHTMLWorld:   Home | Impressum
 

 
 

Anzeige 
 
HTMLWorld » Forum

Thema anzeigen - CSS mit Javascript manipulieren

 FAQFAQ   SuchenSuchen   MitgliederlisteMitgliederliste   BenutzergruppenBenutzergruppen   RegistrierenRegistrieren 
 ProfilProfil   Einloggen, um private Nachrichten zu lesenEinloggen, um private Nachrichten zu lesen   LoginLogin 

CSS mit Javascript manipulieren

 

Neues Thema eröffnen   Neue Antwort erstellen    HTMLWorld Foren-Übersicht
   JavaScript
Vorheriges Thema:
Nächstes Thema:  
Autor Nachricht
Sir Quicksand
Häufiger Poster


Anmeldungsdatum: 19.01.2005
Beiträge: 304
Wohnort: Hannover

BeitragVerfasst am: 17.08.2005 15:02:43    Titel: CSS mit Javascript manipulieren Antworten mit Zitat

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
Benutzer-Profile anzeigen Private Nachricht senden Website dieses Benutzers besuchen
Sascha Hameister
Gast





BeitragVerfasst am: 20.08.2005 19:48:42    Titel: Andere Wege gehen Antworten mit Zitat

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

BeitragVerfasst am: 22.08.2005 14:52:21    Titel: Antworten mit Zitat

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
Benutzer-Profile anzeigen Private Nachricht senden Website dieses Benutzers besuchen
Sir Quicksand
Häufiger Poster


Anmeldungsdatum: 19.01.2005
Beiträge: 304
Wohnort: Hannover

BeitragVerfasst am: 24.08.2005 09:45:59    Titel: Antworten mit Zitat

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
Benutzer-Profile anzeigen Private Nachricht senden Website dieses Benutzers besuchen
Sir Quicksand
Häufiger Poster


Anmeldungsdatum: 19.01.2005
Beiträge: 304
Wohnort: Hannover

BeitragVerfasst am: 24.08.2005 10:47:42    Titel: Antworten mit Zitat

aha:

Code:
document.getElementById('mustertext').style.backgroundImage = "url(hintergrund/alugebuerstet.gif)";
Nach oben
Benutzer-Profile anzeigen Private Nachricht senden Website dieses Benutzers besuchen
Beiträge der letzten Zeit anzeigen:   
Neues Thema eröffnen   Neue Antwort erstellen    HTMLWorld Foren-Übersicht
   JavaScript
Alle Zeiten sind GMT + 1 Stunde
Seite 1 von 1

 
Gehe zu:  
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.