Mario R: CSS dynamisch laden

SELF-Forum

CSS dynamisch laden

Mario R
– Informationen zu den Bewertungsregeln

Hi, ich schon wieder.

Kann man eine css-Style datei dynamisch laden?

z.B.: man schaut, was für eine Bildschirmauflösung exestiert,
und liest dann die passende css-datei ...mmm...

Gruß Mario

Beitrag melden
–
Informationen zu den Bewertungsregeln

  1. CSS dynamisch laden

    Peter Kaufmann Homepage des Autors
    – Informationen zu den Bewertungsregeln

    Hallo Mario,

    Hi, ich schon wieder.

    Kann man eine css-Style datei dynamisch laden?

    Feature Artikel lesen macht klug http://aktuell.de.selfhtml.org/artikel/css/dyn-css/index.htm
    ... und Menschen die schon klug genug sind nutzen die Suchfunktion ;-)

    Grüße,

    Peter

    Beitrag melden
    –
    Informationen zu den Bewertungsregeln

    1. CSS dynamisch laden

      Mario R
      – Informationen zu den Bewertungsregeln

      ... hab ja schon gesucht, aber nicht so richtig um die Ecke gedacht.

      bin ebend etwas C++ geschädigt 8-)

      hier meine Lösung:

      <script language="JavaScript">
      <!--
        if(screen.availWidth > 800)
          document.write('<link rel="stylesheet" type="text/css" href="parameter/css/1024.css">');
        else
          document.write('<link rel="stylesheet" type="text/css" href="parameter/css/800.css">');
      // -->
      </script>

      Gruß Mario

      Beitrag melden
      –
      Informationen zu den Bewertungsregeln

      1. CSS dynamisch laden

        Orlando Homepage des Autors
        – Informationen zu den Bewertungsregeln

        Hi Mario,

        hier meine Lösung:

        du täuschst dich. Was hat die Bildschirmauflösung mit der Fenstergröße zu tun? Nichts.

        <script language="JavaScript">

        Das ist nicht korrekt.

        <script type="text/javascript">

        if(screen.availWidth > 800)
            document.write('<link rel="stylesheet" type="text/css" href="parameter/css/1024.css">');
          else
            document.write('<link rel="stylesheet" type="text/css" href="parameter/css/800.css">');

        Was passiert ohne Javascript? Was passiert bei 640*480? Was passiert bei einer Auflösung von 1600*1200?

        CSS funktioniert immer, man darf daher *nie* *nie* *nie* [1] ein Stylesheet per Javascript einbinden. Wenn deine Seite in verschieden großen Fenstern auseinanderfällt, helfen wir dir gerne bei der Korrektur. Du schraubst derzeit leider nur an den Symptomen herum.

        LG Roland

        [1] Ausnahme: Netscape 4, der kann CSS nur mit JS.

        --
        Ich war für das Thema (BARRIEREFREIHEIT) im Forum. Es hat nicht sollen sein.
        ss:| zu:} ls:} fo:} de:> va:} ch:| sh:) n4:& rl:| br:< js:{ ie:{ fl:{ mo:|
        http://aktuell.de.selfhtml.org/tippstricks/beitrag.htm
        Beitrag melden
        –
        Informationen zu den Bewertungsregeln

  2. CSS dynamisch laden

    Dimitri Rettig
    – Informationen zu den Bewertungsregeln

    Hallo,

    Man koennte es ganz einfach mit JavaScript realisieren:

    <head>
    <link rel="stylesheet" type="text/css" href="default.css">
    Dies ist die CSS-Datei, fuer JavaScript unfähige Browser.
    <script type="text/javascript">
    <!--
    width = screen.width;
    // height = screen.height;

    if (width > 1024)
       document.writeln("<link rel="stylesheet" type="text/css" href="very_heigh.css">);
    else if (width > 640)
       document.writeln("<link rel="stylesheet" type="text/css" href="normal.css">);
    // ... usw.

    //-->
    </script>
    Mit freundlichen Grüßen
       Dimitri Rettig

    Beitrag melden
    –
    Informationen zu den Bewertungsregeln

    1. CSS dynamisch laden

      Mario R
      – Informationen zu den Bewertungsregeln

      Hi,  Dimitri Rettig

      Gratuliere, Du warst wieder schneller als ich . :-)))

      !! ich habe nicht bei die abgeguckt ...

      Trotzdem Riesen Dankeschön

      Mario

      Beitrag melden
      –
      Informationen zu den Bewertungsregeln