britta: Probleme mit externer JS und CSS-Dateien

Hallo,

mittels externem js werden abhängig von der bildschirmauflösung unterschiedlich .css geladen.

nun funkt das ganze in netscape 4.X nicht. Im Quelltext ist eigentlich alles da. kann vielleicht jemand mal nen blick werfen?

externes .js

var klein  = (document.layers) ? ('klein.css') : ('klein.css');
var mittel = (document.layers) ? ('mittel.css') : ('mittel.css');
var gross  = (document.layers) ? ('gross.css') : ('gross.css');
var css_file = (screen.width < 1024) ? (klein) : ((screen.width == 1024) ? (mittel) : (gross));
document.write('<link rel="stylesheet" href="'+css_file+'" type="text/css">');

ich habe ein beispielseite unter

http://web464.julius26.magicalworks.com/w-h/index.html

pfad: der css:

http://web464.julius26.magicalworks.com/w-h/klein.css
http://web464.julius26.magicalworks.com/w-h/mittel.css
http://web464.julius26.magicalworks.com/w-h/gross.css

hinterlegt.

javascript ist bei meinem NN aktiviert.

gruss, britta

  1. Hi Britta,

    mittels externem js werden abhängig von der bildschirmauflösung unterschiedlich .css geladen.

    das ist grundsätzlich falsch, denn die Größe des Browserfensters hat nichts mit der Auflösung zu tun. Frage daher die Dimensionen des Fensters ab. http://selfhtml.teamone.de/javascript/objekte/window.htm oder gestalte besser noch ein größenunabhängiges Layout.

    nun funkt das ganze in netscape 4.X nicht.

    Vielleicht hilft es schon, eine absolute Adresse anzugeben.

    document.write('<link rel="stylesheet" href="http://web464.julius26.magicalworks.com/w-h/'+css_file+'" type="text/css">');

    LG Orlando

    --
    SELF-TREFFEN 2002
    http://www.rtbg.de/selftreffen/
    http://www.megpalffy.org/temp/penneninhh.html

    1. Hallo Orlando

      danke für die Antwort...
      hab das mit dem extern link versucht. muss aber wohl eindeutig an irgendeiner dieser style-angaben liegen.

      mittels externem js werden abhängig von der bildschirmauflösung unterschiedlich .css geladen.

      das ist grundsätzlich falsch, denn die Größe des Browserfensters hat nichts mit der Auflösung zu tun. Frage daher die Dimensionen des Fensters ab. http://selfhtml.teamone.de/javascript/objekte/window.htm oder gestalte besser noch ein größenunabhängiges Layout.

      das verstehe ich nicht. wenn ich ein bildschirmauflösung von 800x600 pixeln habe stehen mir insgesamt weniger pixel zur verfügung, als bei 1024x768. Damit habe ich weniger Platz, wenn die Angaben in Pixeln gemacht werden, oder nicht?

      gruessle. britta

      1. Hi Britta,

        das wirkt ja gleich viel freundlicher :)

        ... muss aber wohl eindeutig an irgendeiner dieser style-angaben liegen.

        Du verwendest

        .bg {
           background-image: url(images/1024.gif);
           ...
         }

        Setze hier eine absolute Adresse ein, N4 hat sonst Probleme mit dem Pfad. Weiters solltest du deine Stylesheets korrigieren, denn http://jigsaw.w3.org/css-validator/validator?uri=http%3A%2F%2Fweb464.julius26.magicalworks.com%2Fw-h%2Fklein.css&warning=1&profile=css2 vermeldet einige Warnungen.

        mittels externem js werden abhängig von der bildschirmauflösung unterschiedlich .css geladen.

        das ist grundsätzlich falsch, denn die Größe des Browserfensters hat nichts mit der Auflösung zu tun.

        das verstehe ich nicht. wenn ich ein bildschirmauflösung von 800x600 pixeln habe stehen mir insgesamt weniger pixel zur verfügung, als bei 1024x768. Damit habe ich weniger Platz, wenn die Angaben in Pixeln gemacht werden, oder nicht?

        Grundsätzlich schon, aber wenn ich eine Auflösung von 1152*864 habe, mein Browserfenster aber beispielsweise nur 760*500px groß ist, hast du ein Problem... Deshalb solltest du, wenn du schon so eine Abfrage benötigst, was wiederum für ein größenunabhängiges Layout spräche, die Fenstergröße ermitteln und _nicht_ die Auflösung.

        LG Orlando

        --
        SELF-TREFFEN 2002
        http://www.rtbg.de/selftreffen/
        http://www.megpalffy.org/temp/penneninhh.html

        1. hi orlando,

          das wirkt ja gleich viel freundlicher :)
          ich wollte nicht unfreundlich wirken, war wohl zu vertieft in der
          problematik. was das layout angeht. einzig und alleine, das hintergrundbild erfordert das. und ich dachte wenn schon, dann kann ich auch die anderen bereiche anpassen (pustekuchen).

          ... muss aber wohl eindeutig an irgendeiner dieser style-angaben liegen.

          Du verwendest

          okay, den validator habe ich auch schon drüberlaufenlassen.

          Line : 1 font-family: Es wird empfohlen, daß Sie eine generische Familie als letzte Alternative angeben

          okay, dass kann ich machen, hier vermute ich den fehler allerdings nicht.

          Line : 1,4,7,10,15  Level : 1 Sie haben keine Hintergrundfarbe zu der Vordergrundfarbe angegeben : p

          das mit den vordergrund und hintergrundfarben verstehe ich nicht ganz.

          Line : 25 Level : 1 Sie haben keine Vordergrundfarbe zu der Hintergrundfarbe angegeben : .bg

          so werde jetzt mal die warnungen abarbeiten und die imgurl festmachen und dann hoffentlich...

          Grundsätzlich schon, aber wenn ich eine Auflösung von 1152*864 habe, mein Browserfenster aber beispielsweise nur 760*500px groß ist, hast du ein Problem... Deshalb solltest du, wenn du schon so eine Abfrage benötigst, was wiederum für ein größenunabhängiges Layout spräche, die Fenstergröße ermitteln und _nicht_ die Auflösung.

          für grössenunabhängiges layout bin ich auch. aber das ist der kundenwunsch und ich bin der diener ;-).

          so, danke britta

          1. Hi Britta,

            einzig und alleine, das hintergrundbild erfordert das.

            vielleicht wäre es sinnvoller, per JS nur dynamisch ein anderes Hintergrundbild zu setzen, dann bekomme ich auch ohne JS ein Stylesheet angeboten.

            Line : 1,4,7,10,15  Level : 1 Sie haben keine Hintergrundfarbe zu der Vordergrundfarbe angegeben : p
            Line : 25 Level : 1 Sie haben keine Vordergrundfarbe zu der Hintergrundfarbe angegeben : .bg

            das mit den vordergrund und hintergrundfarben verstehe ich nicht ganz.

            Wenn du keine Hintergrundfarbe angibst, kann es sein, dass sich der Vordergrund - je nach System bzw. Voreinstellung - damit deckt. Der Vali ist da zurecht pingelig ;)

            so werde jetzt mal die warnungen abarbeiten und die imgurl festmachen und dann hoffentlich...

            Damit sollte es klappen.

            für grössenunabhängiges layout bin ich auch. aber das ist der kundenwunsch und ich bin der diener ;-).

            Da hat wohl der Vertrieb geschlampt ;p

            LG Orlando

            --
            SELF-TREFFEN 2002
            http://www.rtbg.de/selftreffen/
            http://www.megpalffy.org/temp/penneninhh.html

            1. Hallo Orlando,

              so, und jetzt ist es amtelich! da hatte ich doch glatt nen schliessenden tabletag beim suchen und ersetzen gehimmelt....

              ...hat nämlich alles nix genützt...und nach dem ich dann gar keine styles mehr hatte, und ich im netscape noch immer nix gesehen habe...dachte ich mir schon...am END....

              so, jetzt dann schauen wir jetzt mal.

              danke nochmals!

              gruss, b.