anoniem Geplaatst: 7 januari 2005 Delen Geplaatst: 7 januari 2005 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 Quote Link naar reactie
anoniem Geplaatst: 7 januari 2005 Auteur Delen Geplaatst: 7 januari 2005 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. Quote Link naar reactie
anoniem Geplaatst: 8 januari 2005 Auteur Delen Geplaatst: 8 januari 2005 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] Quote Link naar reactie
anoniem Geplaatst: 9 januari 2005 Auteur Delen Geplaatst: 9 januari 2005 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? Quote Link naar reactie
anoniem Geplaatst: 9 januari 2005 Auteur Delen Geplaatst: 9 januari 2005 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] Quote Link naar reactie
anoniem Geplaatst: 10 januari 2005 Auteur Delen Geplaatst: 10 januari 2005 Dan zou ik geen javascript gebruiken. Het feit dat je via javascript de css moet kiezen is een beetje krom. Het gaat hier ook om de verschillende intrepertaties die browsers maken van CSS. Je kan dat veel beter oplossen met bijvoorbeeld [url=http://www.quirksmode.org/css/condcom.html] conditionele comments[/url]. Als je dan ook nog een paar 'hacks' toepast in een speciaal css bestand voor de andere browsers (dus voor jou wordt dat opera, maar je kan natuurlijk ook naar omniweb of safari kijken). Dan krijg je zoiets: [code] <head> <style type="text/css" href="mozilla.css" rel="stylesheet"> <style type="text/css" href="hacks.css" rel="stylesheet"> <!--[if IE]> <style type="text/css" href="ie.css" rel="stylesheet"> <![endif]--> </head> Quote Link naar reactie
Aanbevolen berichten
Om een reactie te plaatsen, moet je eerst inloggen