[GELÖST] CSS dauerhaft mit JavaScript ändern

[Eastern911]

Guten Abend zusammen,


ich habe eine Frage. Welche Möglichkeiten habe ich das CSS Attribut "color" per Function und Variable zu ändern?

derzeit habe ich die Variable

var txtColor = "red";

welche vom User geändert werden kann und in folgende Function eingesetzt wird:

  function Color() {
            
            document.getElementById('time').style.color = txtColor; 
        }

Zum Verständnis, hierbei handelt es sich um ein Sperrbildschirm Design für's iPhone. Hierzu wird der Jailbreak Tweak Groovylock benutzt, damit ist es möglich einen HTML basierten Sperrbildschirm anzeigen zu lassen. Das Programm fügt über die Option, beim auswählen eines Designs bestimmte Einstellungen zu setzen, vorausgesetzt das JavaScript welches der User ändern sollen darf, liegt in einer externen "Config.js". in meinem Fall liegt die Variable in der Config.js und wird halt in die Main-Html eingebunden. Im Prinzip funktioniert das ganze, nur wenn ich nun über die Kofigurationfunktion des Programms meine Farbe ändere, wird diese nicht gespeichert.
Ist das ein Fehler in meiner Funktion? Gibt es noch eine andere Möglichkeit die Textfarbe per JS zu ändern und gleichzeitig die Farbe als Variable zu übergeben?

Danke im voraus
LG Eastern911

 

[j-l-n]

Ich bin mir jetzt nicht ganz sicher, ob ich die Frage richtig verstanden habe; aber du musst die Auswahl natürlich irgendwo speichern - vorzugsweise via localStorage:

• DOM Storage guide - Web developer guide | MDN
• Local Storage - Dive Into HTML5

PS: zur Sicherheit: Fehlerkonsole

 

[Eastern911]

Hat sich soeben erledigt.
Das Programm "Groovylock" hat die eingegeben Parameter erst übergeben nach dem ich die externe Datei Config.js und nicht config.js genannt habe.
Da soll erstmal einer drauf kommen

Danke dir!

 

[j-l-n]

Danke dir!

Nichts zu danken - habe das Thema als "Gelöst" markiert.