Vraag & Antwoord

Webprogrammeren & scripting

[php/javascript] css-switcher

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: [url=http://simplythebest.net/scripts/DHTML_scripts/dhtml_script_29.html]GO[/url] [edit] of [url=http://danzcontrib.free.fr/en/statistiques.php#detectnavig]HIER[/url] voor php versie [/edit]

Beantwoord deze vraag

Weet jij het antwoord op deze vraag? Registreer of meld je aan met je account

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