nicht angemeldet
Guten Abend Selfer,
ich habe gerade quick'n'dirty etwas programmiert, was mir die Farbgestalung einer einfachen Seite erleichtern sollte:
Ein Skript wird eingebunden, das in der gegebene CSS-Datei nach bestimmten Kommentaren Ausschau hält. Aufgrund dieser Kommentare wird ein Ausklappmenü (absolut positionierter div mit visibility-toggle per JS) mit Farbwählern (JScolor.com) für jede kommentierte "Farbgruppe" angelegt. Ändert man hier die Farbe, bekommt man das Ergebnis on-the-fly zu sehen. Über den submit-Button können die neuen Farben dann direkt in die CSS-Datei geschrieben werde.
Das klappt soweit, ist aber eben quick'n'dirty.
Ich denke nun daran, das Prinzip etwas auszuweiten zu einem JavaScript gestützen On-the-fly-CSS-Designer.
Folgende Idee/Fragen
-
kann man per JS erfahren, welche CSS-Eigenschaften auf welchem Wege einem Element zugeordnet wurden?
-
mit welchem JS-Framework lässt sich einfach ein eigener Colorchooser einbinden, sodass ich nicht auf JS-Color angewiesen bin?
-
welches Framework bietet die mächtigsten Element-Selekt-Methode an? JQuerys $-Funktion?
-
manchmal möchte man bestimmte Farbwerte gruppieren, also z. B. möchte man, dass die Hintergrundfarbe des Footers stets der Farbe von Überschriften und den Rahmen von Bildern entspricht. Deshalb habe ich daran gedacht, eventuell mit CSS-Datei-Templates zu arbeiten, in dem dann an den genannten 3 Stellen jeweils der selbe Platzhalter stehen könnte. Ein Skript könnte dieses dann beim Laden mit den hinterlegten Werten rendern.. Idee?
-
geschickt wäre natürlich, wenn ich das ganze auf margins, paddings etc erweitern könnte, sodass ich quasi die CSS-Dateien on-the-fly mit direkter Ergebnisvorschau ändern kann
-
kann ich mit Javascript nur element.style.borderColor verwenden oder gibt es auch eine Möglichkeit direkt mit element.style quasi den Style wie im CSS zu definieren?
-
kann ich per JavaScript das neuanwenden eines Stylesheets erzingen, ohne dass die Seite neugeladen wird?
Bin euch für jede Idee oder Anregung dankbar
Grüße
fredji