Vraag & Antwoord

Webprogrammeren & scripting

[php/javascript] css-switcher

Anoniem
[m]
5 antwoorden
  • Goedemiddag!

    Ik vraag me of het met php of misschien javascript te switchen van cascading style sheet (css). Dan bedoel ik:

    - Als de browser Internet Explorer is, gebruik dan style01.css
    - Als de browser Mozilla is, gebruik dan style02.css
    - Als het een andere browser is als bovenstaande gebruik dan style03.css

    Weet iemand een voorbeeldscript?

    Mvg,

    Barus
  • http://www.google.com/search?hl=nl&q=javascript+user+agent&spell=1

    En waarom niet al je CSS in een script? Er zijn wel een paar workarounds voor je (box model?) problemen.

    t.
  • Eentje die zelfs in IE werkt:
    [b:e99bc7df90]Alternate stylesheet[/b:e99bc7df90]
    [code:1:e99bc7df90]
    ….
    <link href="stijlblad Moz" rel="stylesheet" type="tekst/css" title="stijlblad Moz">
    <link href="stijlblad IE" rel="alternate stylesheet" type="tekst/css" title="stijlblad IE">
    <link href="stijlblad Opera" rel="alternate stylesheet" type="tekst/css" title="stijlblad Opera">
    ….
    <body>
    <a href="#">stijlblad Moz</a>
    <a href="#">stijlblad IE</a>
    <a href="#">stijlblad Opera</a>
    …..
    </body>
    [/code:1:e99bc7df90]
    Let op; die eerste"[i:e99bc7df90]<link href="stijlblad Moz" rel="stylesheet" type="tekst/css" title="stijlblad Moz">[/i:e99bc7df90] is het standaard stijlblad (van daar rel="stylesheet" :wink: )

    En dan dit script in de <head>
    [code:1:e99bc7df90]
    <script language="javascript" type="text/javascript">
    function setStijlblad(title) {
    for(i=0; (elem=document.getElementsByTagName("link") [i]);i++) {
    if(elem.getAttribute("rel").indexOf("style") !=-1&&
    element.getAttribute("title")) {
    elem.disabled=true;
    if(elem.getAttribute("title")==title)elem.disabled=false;
    }
    }
    }
    </script>
    [/code:1:e99bc7df90]
    Aanroepen; (wel client dus…)

    [code:1:e99bc7df90]
    <a href="#" onclick="setStijlblad('stijlblad Opera')">Ik gebruik een Opera browser</a>[/code:1:e99bc7df90]
  • Bedankt voor jullie antwoorden!

    Maar bij de methode die jij gebruikt, moet de user zelf laten weten welke browser hij/zij gebruikt.

    Is het niet mogelijk om dit automatisch te herkennen en zodoende de juiste stylesheet te gebruiken?
  • Goed. Maar de regel "alternate stylesheet" gecombineerd met een browserDetect/redirect script zou het dan wel volgens jouw wens moeten doen.
    hier zo'n scriptvoorbeeld: GO

    [edit]
    of HIER voor php versie
    [/edit]

Beantwoord deze vraag

Dit is een gearchiveerde pagina. Antwoorden is niet meer mogelijk.