Peer: Ändern von eingebundenem CSS

Hallo,

ich habe mit
<link rel="stylesheet" type="text/css" href="1.css">
die Datei 1.css eingebunden.

Nun würde ich gerne zur Auswahl auch noch 2.css stellen.
Am liebsten ohne neuladen der Seite.

Wie kann man so was machen?

Peer

  1. Hallo Peer,

    Nun würde ich gerne zur Auswahl auch noch 2.css stellen.
    Am liebsten ohne neuladen der Seite.

    ohne Neuladen, das kannst du vergessen, mit Neuladen übergibst du einfach einen entsprechenden Parameter im Search-String, der dein <link>-Tag dynamisch (über)schreibt: Stichwort document.write() oder vielleicht auch outerHTML

    Gruß Gernot

    1. Hallo nochmal Peer,

      ohne Neuladen, das kannst du vergessen,

      Mir kommen gerade selbst Zweifel, vielleicht geht es mit outerHTML oder dem Node-Objekt doch auch ohne Neuladen, probier es mal!

      Gruß Gernot

    2. Hallo Gernot Back,

      Hallo Peer,

      Nun würde ich gerne zur Auswahl auch noch 2.css stellen.
      Am liebsten ohne neuladen der Seite.

      ohne Neuladen, das kannst du vergessen,

      Vielleicht definieren wir "Neuladen" unterschiedlich, aber meines Erachtens geht das sehr wohl: http://css.fractatulum.net/sample/wechsel.htm

      Gruss,
      Daniel

      1. Hallo Daniel,

        ohne Neuladen, das kannst du vergessen,

        Vielleicht definieren wir "Neuladen" unterschiedlich, aber meines Erachtens geht das sehr wohl: http://css.fractatulum.net/sample/wechsel.htm

        Du hast Recht, ich habe es mir angeschaut und würde da nicht von Neuladen sprechen, genauso wenig wie bei Peers Lösung.

        Gruß Gernot

  2. Hallo,

    was haltet ihr davon?

    <link rel="stylesheet" type="text/css" href="1.css" id="c_s_s">

    Als JS noch dazu:
    document.getElementById("c_s_s").href="2.css";

    ok oder nicht ok?

    Im IE funzt des zumindest.

    Peer