2 quesiti in un post

[bagu]

N° 1 è corretta questa cosa ?
if ((inner.width > 1401) && (inner.width < 1500)) {
document.write('<link rel="stylesheet" type="text/css" href="15-5box.css">');

richiamo il css con

<link rel="stylesheet" type="text/css" />

Il css 15-5box.css controlla solo il font-size del body.

e finalmente il quesito N° 2

come faccio richiamare il secondo css che controlla tutto il resto del layout ?

grazie paolo

[antos]

la sintassi dovrebbe essere,
o inserisci un altra riga così:
document.write('<link rel="stylesheet" type="text/css" href="altrocss.css">');

oppure nel css esterno scrivi come prima rule
@import "altrocss.css";

o ancora
<style>@import "altrocss.css";</style>

[bagu]

grazie , appena ho un attimo faccio le prove
e ancora una cosa
quando ridimensiono la finetra e cambia il css ricercato, devo ricaricare o no ?
se si va bene cosi :
onresize="index5box.window.location.reload();" ?

[bagu]

qualcosa nn è corrtto in queste righe:
if ((innerwidth > 301) && (innerwidth < 400)) {
document.write('<link rel="stylesheet" type="text/css" href="4-5box.css">');
}
if ((innerwidth > 401) && (innerwidth < 500)) {
document.write('<link rel="stylesheet" type="text/css" href="5-5box.css">');
}
if ((innerwidth > 501) && (innerwidth < 600)) {
document.write('<link rel="stylesheet" type="text/css" href="6-5box.css">');
}
if ((innerwidth > 601) && (innerwidth < 700)) {
document.write('<link rel="stylesheet" type="text/css" href="7-5box.css">');
}

non si carica il css che è cosi' richiamato

<link rel="stylesheet" type="text/css" />

[Mich_]

Cosa e` innerwidth? E` una variabile? Come la determini?

Non mi risulta che ci sia un oggetto innerwidth, mentre so che si puo` determinare la larghezza di una finestra (ma non in tutti i browser) mediante la proprieta`:
window.innerWidth

Ciao
Michele

[antos]

ma questa serie di if la richiami al caricamento della pagina?altrimenti è ovvio che non funge

[bagu]

<script>

function SetUpWin() {
window.moveTo(0,0);
window.resizeTo(screen.width,screen.height);
}
SetUpWin();
</script>
<SCRIPT LANGUAGE="JavaScript">
if ((innerwidth > 301) && (innerwidth < 400)) {
document.write('<link rel="stylesheet" type="text/css" href="4-5box.css">');
}
if ((innerwidth > 401) && (innerwidth < 500)) {
document.write('<link rel="stylesheet" type="text/css" href="5-5box.css">');
}
if ((innerwidth > 501) && (innerwidth < 600)) {
document.write('<link rel="stylesheet" type="text/css" href="6-5box.css">');
}
if ((innerwidth > 601) && (innerwidth < 700)) {
document.write('<link rel="stylesheet" type="text/css" href="7-5box.css">');
}
if ((innerwidth > 701) && (innerwidth < 800)) {
document.write('<link rel="stylesheet" type="text/css" href="8-5box.css">');
}
if ((innerwidth > 801) && (innerwidth < 900)) {
document.write('<link rel="stylesheet" type="text/css" href="9-5box.css">');
}
if ((innerwidth > 901) && (innerwidth < 100)) {
document.write('<link rel="stylesheet" type="text/css" href="10-5box.css">');
}
if ((innerwidth > 1001) && (innerwidth < 1100)) {
document.write('<link rel="stylesheet" type="text/css" href="11-5box.css">');
}
if ((innerwidth > 1101) && (innerwidth < 1200)) {
document.write('<link rel="stylesheet" type="text/css" href="12-5box.css">');
}
if ((innerwidth > 1201) && (innerwidth < 1300)) {
document.write('<link rel="stylesheet" type="text/css" href="13-5box.css">');
}
if ((innerwidth > 1301) && (innerwidth < 1400)) {
document.write('<link rel="stylesheet" type="text/css" href="14-5box.css">');
}
if ((innerwidth > 1401) && (innerwidth < 1500)) {
document.write('<link rel="stylesheet" type="text/css" href="15-5box.css">');
}
if ((innerwidth > 1501) && (innerwidth < 1600)) {
document.write('<link rel="stylesheet" type="text/css" href="16-5box.css">');
}
if (innerwidth < 301) {
document.write('<link rel="stylesheet" type="text/css" href="alert-5box.css">');
}

</script>

<script language="JavaScript" type="text/JavaScript">
<!--
function MM_reloadPage(init) { //reloads the window if Nav4 resized
if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);
//-->
</script>

<title>Documento senza titolo</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
</head>
<link rel="stylesheet" type="text/css" />
<body onload="SetUpWin();">

e questo è uno dei vari css

body {
font-size : 20px;
background-color : #ccffff;
font-family : Verdana, Arial, Helvetica, sans-serif;

width: 100%;
position: absolute;
visibility: visible;
z-index: auto;
height: 100%;

}
div#content {
position : absolute;
top : 0%;
left : 1%;
width : 98%;
height : 90%;
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 1.2em;
width : 95%;
background-color : #f4e000;
margin : auto;

}
#top {
margin : 1%;
padding : 2%;
border : 0.5em solid #ccc;
background : #666;
height : 5%;
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 1.2em;

}
#box1 {
margin : 1%;
padding : 2%;
border : 0.5em solid #ccc;
background-color : #f4e072;
height : 70%;
width : 30%;
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 0.6em;



}
#box2 {
position : absolute;
margin : 1%;
padding : 2%;
top: 30%;
left: 32%;
border : 0.5em solid #ccc;
background-color : #f4e072;
height : 40%;
width : 20%;
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 0.6em;

}
#box3 {
position : absolute;
margin : 1%;
padding : 2%;
top: 15%;
left: 60%;
border : 0.5em solid #ccc;
background-color : #f7e072;
height : 20%;
width : 20%;
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 0.6em;

}

#box4 {
position : absolute;
margin : 1%;
padding : 2%;
top: 50%;
left: 65%;
border : 0.5em solid #ccc;
background-color : #f7e072;
height : 15%;
width : 20%;
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 0.6em;

}
#box5 {
position : absolute;
margin : 1%;
padding : 2%;
top: 70%;
left: 75%;
border : 0.5em solid #ccc;
background-color : #f7e072;
height : 15%;
width : 10%;
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 80%;

[Mich_]

Quindi innerwidth non e` definito. per forza non funziona.

Prova a mettere in testa questa riga (subito sopra a dove viene usata):
var innerwidth = window.innerWidth;

(attenzione alle maiuscole: va scritta esattametne cosi`)

[bagu]

Originariamente inviato da Mich_
Quindi innerwidth non e` definito. per forza non funziona.

Prova a mettere in testa questa riga (subito sopra a dove viene usata):
var innerwidth = window.innerWidth;

(attenzione alle maiuscole: va scritta esattametne cosi`)

non funge nemmeno così:
<SCRIPT LANGUAGE="JavaScript">
var innerwidth = window.innerWidth;
if ((innerwidth > 301) && (innerwidth < 400)) {
document.write('<link rel="stylesheet" type="text/css" href="4-5box.css">');
}

io nn ne capisco nulla di js....
ma porka pupazza a sta cosa vorei davero arrivarci in fondo !
ancora tnx a todos
paolo

[Mich_]

Come dicevo sopra innerWidth non e` riconosciuto da tutti i browser.

Prova a vedere cosa ti dice con questa modifica:

<SCRIPT LANGUAGE="JavaScript">
var innerwidth = window.innerWidth;
alert("trovato innerwidth: "+innerwidth);
if ((innerwidth > 301) && (innerwidth < 400)) {
document.write('<link rel="stylesheet" type="text/css" href="4-5box.css">');
}

Ciao
Michele