Add to Google Reader or Homepage

domenica 27 luglio 2008


Menù

Home
Html & XHtml
Css
Javascript
Php
Motori di ricerca
Contatti

Login Form






Password dimenticata?
Nessun account? Registrati
Home arrow Javascript arrow Dynamic Html arrow Un foglio di stile diverso per ogni browser

Un foglio di stile diverso per ogni browser Stampa E-mail
Scritto da Vincenzo   

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>

 
< Prec.


Feed Rss


Corso Javascript e DHTML
Guida completa allo scripting lato client. Corso con tutor ed attestato finale!