Op deze website gebruiken we cookies om content en advertenties te personaliseren, om functies voor social media te bieden en om ons websiteverkeer te analyseren. Ook delen we informatie over uw gebruik van onze site met onze partners voor social media, adverteren en analyse. Deze partners kunnen deze gegevens combineren met andere informatie die u aan ze heeft verstrekt of die ze hebben verzameld op basis van uw gebruik van hun services. Meer informatie.

Akkoord

Vraag & Antwoord

Webprogrammeren & scripting

[php/javascript] css-switcher

[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
    edirect 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.