Tag-Cloud

Cascaded Style Sheet Design EFD MySQL PHP PHPMyAdmin Release Tagebuch Türkei Update Webseite

Blog

Zurück in Deutschland
Seit Freitag dem 24.05.2013 bin ich wieder in Deutschland ...

Kontaktformular Problem
Wie ich eben bemerkt habe, hatte mein Kontaktformular ein Problem das ich fix behoben habe.

CSS Switcher - bestimmen Sie die Farbe der Webseite
Ich habe mich mal rangesetzt und Ihnen ein kleines Feature bereitgestellt um die Farbe zu wechseln (switchen).

phpMyAdmin jetzt in der Version 4 verfügbar
Seit Freitag dem 03.05.2013 ist die 4. Version von phpMyAdmin erschienen.

PC-Arbeit für mich im neuen CompLab
Diese Woche kamen sechs jungfräuliche HP Pro 3400 Computer mit denen ich spielen durfte, also alles fein säuberlich anschließen, aufbauen und dann die Kisten erstmal aktivieren.

Zertifikate

Zertifikat

Webseite > CSS Switcher - bestimmen Sie die Farbe der Webseite

category Kategorie: Webseite Datum: 14.05.2013 13:11

Ich habe mich mal rangesetzt und Ihnen ein kleines Feature bereitgestellt. Sie können die Farbe der Webseite wechseln ohne die Seite neuzuladen.
Vielleicht werde ich auch bald ein komplettes Design dazu anbieten ,unabhöngig voneinander (hoffentlich).

Das ganze läuft sogar ohne Ajax, aber mit einem Cookie damit die Einstellung gespeichert wird.

(behoben) Leider flackert es jetzt beim Seitenwechsel, daran werde ich aber noch arbeiten.

Und zwar indem PHP das gesetzt Cookie von Javascript ausließt und die Style-Informationen entsprechend setzt das die aktuell gewählte CSS-Datei normal und die restlichen mit folgenden eingebunden werden:

HTML-Code

<link rel="stylesheet"           href="css_grey.css" type="text/css" title="css_grey" />
<link rel="alternate stylesheet" href="css_blue.css" type="text/css" title="css_blue" />
<link rel="alternate stylesheet" href="css_default.css" type="text/css" title="css_default" />


So ist es möglich im Vorfeld mehrere CSS-Dateien einzubinden, aber nur eine ist aktiv.
Dazu ein wenig Javascript und alles läuft:

Javascript-Code

function switchStyle(s) {
    if (!document.getElementsByTagName) return;
    var el = document.getElementsByTagName("link");
    for (var i = 0; i < el.length; i++ ) {
        if (el[i].getAttribute("rel").indexOf("style") != -1 && el[i].getAttribute("title")) {
            el[i].disabled = true;
            if (el[i].getAttribute("title") == s) el[i].disabled = false;
        }
    }
}

function setStyle(s) {
    if (s != Stil) {
        switchStyle(s);
        Stil = s;
        setStyleCookie();
    }
}

function loadStyle() {
    var c = getStyleCookie();
    if (c && c != Stil) {
        switchStyle(c);
        Stil = c;
    }
}


Wie Sie sehen funktioniert alles reibungslos und ohne große Ladezeiten.

Werbung

Kommentare zu "CSS Switcher - bestimmen Sie die Farbe der Webseite - Blog"

  1. Seien Sie die erste Person die ein Kommentar schreibt

comment_error_field

Name *
E-Mail * (wird nicht angezeigt)
Webseite

Über Ralf Mengel

photo

Ralf Mengel hat vor einigen Jahren die Ausbildung zum Fachinformatiker für Systemintegration abgeschlossen.

Einige Internet-Auftritte hat er seit dieser Zeit realisiert und konnte dadurch neue Erfahrungen in der Web-Programmierung gewinnen. Darunter fällt z.B. Online-Hilfe für die Freenet Community und dem Chat

Er hat beruflich wie privat mit Windows- und Linux-Systemen gearbeitet und auch dort seine Kenntnisse umfassend erweitern können.

XHTML Validator CSS-Validator Google+ Publisher