Il problema più ricorrente per i web designer è la differenza di rendering delle pagine web nei diversi browser. Per ovviare a questo problema si può ricorrere a javascript per inviare il foglio di stile adatto ad ogni browser.
Innanzitutto si deve riconoscere il browser e, grazie ad una struttura di controllo, inviargli il foglio di stile adeguato.
Bisogna sapere che document.layer è l’elemento che identifica Netscape 4, document.all è l’elemento che identifica Internet Explorer, mentre document.getElementById, e l’elemento che identifica Netscape 6.
Dato che document.getElementById, e l’identificativo anche di Internet Explorer, si devono utilizzare prima document.layer, poi document.all e per ultimo document.getElementById.
//da inserire tra i tag <head>...script...</head>
<script type="text/javascript">
<!--
if (document.layers){ //identificazione netscape 4.x
document.write('<link rel="stylesheet" type="text/css" href="netscape4.css" />');
}
else if (document.all){ // identificazione explorer
document.write('<link rel="stylesheet" type="text/css" href="explorer.css" />');
}
else if (document.getElementById){ // identificazione netscape 6.x
document.write('<link rel="stylesheet" type="text/css" href=""netscape6.css" />');
}
//-->
</script>
Popularity: 6% [?]
Vuoi essere sempre aggiornato??? Iscriviti ai feed o invia un trackback
Nessun commento, scrivi tu il primo!
Articoli correlati