Salve gente ho un problema con un piccolo script. Devo in base allo schermo caricare due css diversi.
Quindi eseguo un controllo al caricamento della pagina della dimensione verticale, stessa cosa devo farla per il resize ma richiamando la funzione mi scompare l'html.
Vi posto il codice:
GrazieCodice PHP:<html>
<head>
<title>Prova</title>
<script type="text/javascript">
function controllo(){
var dim = window.innerHeight;
if(dim < 740){
alert('css micro'+dim);
document.write('<link rel="stylesheet" type="text/css" href="micro.css" media="screen" />');
return true;
}
else{
alert('css normal'+dim);
document.write('<link rel="stylesheet" type="text/css" href="normal.css" media="screen" />');
return true;
}
}
document.onload = controllo(); //richiamo la funzione
</script>
</head>
<body onresize = "controllo()";>
<h1>Contenuto</h1>
</body>
</html>
Rispondi quotando