Javascript per browser

mercoledì 15 settembre 2010 - 21.47

robin Profilo | Newbie

Ciao a tutti,

ho trovato questo script javascript:

codice:

<script type="text/javascript"> <!-- if (document.layers){ //Netscape 4.x document.write("<link rel='stylesheet' href='../css/firefox.css' type='text/css'>"); } else if (document.all){ // Explorer document.write("<link rel='stylesheet' href='../css/explorer.css' type='text/css'>"); } else if (document.getElementById){ //Netscape 6.x document.write("<link rel='stylesheet' href='../css/firefox.css' type='text/css'>"); } //--> </script>



In poche parole questo script dovrebbe riconoscere il borwser usato dall'utente e dovrebbe attivare in base ad esso, i css corrispondenti per ogni borwser cosi da evitare che in ogni browser si veda diverso il sito.

Il problema è che questo script non si attiva, in oltre non saprei come mettere al posto di netscape 4 e 6, firefox e chrome per esempio.

Come potrei fare??

Ho provato a metterlo sul sito: solids.altervista.org

lorisnardo Profilo | Newbie

Ciao.
Potresti fare cosi:
<script type="text/javascript">
var BrowserDetect = {
init: function () {
this.browser = this.searchString(this.dataBrowser) || "Browser sconosciuto";
this.version = this.searchVersion(navigator.userAgent)
|| this.searchVersion(navigator.appVersion)
|| "Versione sconosciuta";
this.OS = this.searchString(this.dataOS) || "OS sconoscuto";
},
searchString: function (data) {
for (var i=0;i<data.length;i++) {
var dataString = data[i].string;
var dataProp = data[i].prop;
this.versionSearchString = data[i].versionSearch || data[i].identity;
if (dataString) {
if (dataString.indexOf(data[i].subString) != -1)
return data[i].identity;
}
else if (dataProp)
return data[i].identity;
}
},
searchVersion: function (dataString) {
var index = dataString.indexOf(this.versionSearchString);
if (index == -1) return;
return parseFloat(dataString.substring(index+this.versionSearchString.length+1));
},
dataBrowser: [
{
string: navigator.userAgent,
subString: "Chrome",
identity: "Chrome"
},
{ string: navigator.userAgent,
subString: "OmniWeb",
versionSearch: "OmniWeb/",
identity: "OmniWeb"
},
{
string: navigator.vendor,
subString: "Apple",
identity: "Safari"
},
{
prop: window.opera,
identity: "Opera"
},
{
string: navigator.vendor,
subString: "iCab",
identity: "iCab"
},
{
string: navigator.vendor,
subString: "KDE",
identity: "Konqueror"
},
{
string: navigator.userAgent,
subString: "Firefox",
identity: "Firefox"
},
{
string: navigator.vendor,
subString: "Camino",
identity: "Camino"
},
{
string: navigator.userAgent,
subString: "Netscape",
identity: "Netscape"
},
{
string: navigator.userAgent,
subString: "MSIE",
identity: "Explorer",
versionSearch: "MSIE"
},
{
string: navigator.userAgent,
subString: "Gecko",
identity: "Mozilla",
versionSearch: "rv"
},
{ // for older Netscapes (4-)
string: navigator.userAgent,
subString: "Mozilla",
identity: "Netscape",
versionSearch: "Mozilla"
}
],
dataOS : [
{
string: navigator.platform,
subString: "Win",
identity: "Windows"
},
{
string: navigator.platform,
subString: "Mac",
identity: "Mac"
},
{
string: navigator.platform,
subString: "Linux",
identity: "Linux"
}
]

};
BrowserDetect.init();
document.write("link rel='stylesheet' type='text/css' href='css/");
if(BrowserDetect.browser=="Explorer"){
//Internet Explorer
document.write("ie.css");
}else if(BrowserDetect.browser=="Chrome"){
//Google Chrome
document.write("chrome.css");
}else if(BrowserDetect.browser=="Firefox"){
//Firefox
document.write("firefox.css");
} else {
//Altri
document.write("altri.css");
}
document.write("'>");
</script>
Partecipa anche tu! Registrati!
Hai bisogno di aiuto ?
Perchè non ti registri subito?

Dopo esserti registrato potrai chiedere
aiuto sul nostro Forum oppure aiutare gli altri

Consulta le Stanze disponibili.

Registrati ora !
Copyright © dotNetHell.it 2002-2025
Running on Windows Server 2008 R2 Standard, SQL Server 2012 & ASP.NET 3.5