5 svar · 202 visningar · startad av bigsky
Hur får man webbläsaren att t.ex. välja...
<style type="text/css">
#MainHeader { top: 0; left: 21; z-index: 1; position: absolute; visibility: hidden; }
</style>
... istället för...
<style type="text/css">
#MainHeader { top: 100; left: 32; z-index: 1; position: absolute; visibility: hidden; }
</style>
... om det är Netscape 6 & 7 vi talar om? Alltså hur omvandlar man följande if-sats till att arbeta efter exemplet ovan?
if(document.getElementById && navigator.appName == "Netscape"){ location.href="netscape6.html"; }
Du skulle kunna göra en funktion:
function isNav6Up(){
var uAgent = navigator.userAgent.toLowerCase();
if(document.getElementById && uAgent.indexOf("mozilla")!=-1 && uAgent.indexOf("opera")==-1 && uAgent.indexOf("compatible")==-1 && parseInt(navigator.appVersion)>=5)
return true;
};
if(isNav6Up())
location.href="netscape6.html";
:)
Men hur skulle den funktionen se ut om man vill välja css-elementen (som beskrivs i mitt första inlägg) istället för att skicka besökaren vidare till en annan sida?
Då kan man göra så här:
<script type="text/javascript">
<!--
var uAgent = navigator.userAgent.toLowerCase();
if(document.getElementById && uAgent.indexOf("mozilla")!=-1 && uAgent.indexOf("opera")==-1 && uAgent.indexOf("compatible")==-1 && parseInt(navigator.appVersion)>=5){
document.writeln("<style type=\"text\/css\">");
document.writeln("#MainHeader { top: 0; left: 21; z-index: 1; position: absolute; visibility: hidden; }");
document.writeln("<\/style>");
}
else {
document.writeln("<style type=\"text\/css\">");
document.writeln("#MainHeader { top: 100; left: 32; z-index: 1; position: absolute; visibility: hidden; }");
document.writeln("<\/style>");
}
//-->
</script>
:)
Och det som är i If-satsen gäller alltså bara för NS 6 + 7 medan Else gäller för alla andra webbläsare? Det är iaf så jag vill ha det.
Ja, det stämmer. Använd följande kod:
<script type="text/javascript">
<!--
var uAgent = navigator.userAgent.toLowerCase();
if(document.getElementById && uAgent.indexOf("mozilla")!=-1 && uAgent.indexOf("opera")==-1 && uAgent.indexOf("compatible")==-1 && navigator.product.toLowerCase()=="gecko" && parseInt(navigator.appVersion)>=5){
document.writeln("<style type=\"text\/css\">");
document.writeln("#MainHeader { top: 0; left: 21; z-index: 1; position: absolute; visibility: hidden; }");
document.writeln("<\/style>");
}
else {
document.writeln("<style type=\"text\/css\">");
document.writeln("#MainHeader { top: 100; left: 32; z-index: 1; position: absolute; visibility: hidden; }");
document.writeln("<\/style>");
}
//-->
</script>
:)