Sto usando Javascript per rilevare il tipo di schermo del dispositivo che si connette al mio sito. Una volta rilevate le dimensioni dello schermo come faccio a fare in modo che venga caricata la pagina giusta? Non posso semplicemente linkare l'URL di una pagina diversa perchè io voglio avere un solo codice HTML e associarlo al CSS adatto a ogni situazione
<html><head>
<script>
w = screen.width;
MYcss="small.css";
if (w>=800) then MYcss="medium.css";
if (w>=1024) then MYcss="big.css";
document.write('<link rel="stylesheet" type="text/css" media="screen" href="http://www.tuosito.it/common/css/'+MYcss+'" />');
</script>
</head>
...
Spero che l'esempio sia chiaro...
ciao
Il guaio per i poveri computers e' che sono gli uomini a comandarli.
Attenzione ai titoli delle discussioni: (ri)leggete il regolamento
Consultate la discussione in rilievo: script / discussioni utili
Usate la funzione di Ricerca del Forum
Allora per adesso sto lavorando in locale. Il file HTML e il CSS sono nella stessa cartella, quindi nel campo href ho lasciato semplicemente "MYcss".
Il mio codice è:
<html><head>
<script>
w = screen.width;
MYcss="small.css";
if (w>=800) then MYcss="medium.css";
if (w>=1024) then MYcss="big.css";
document.write('<link rel="stylesheet" type="text/css" media="screen" href="'+MYcss+'" />');
</script>
</head>
...
Purtroppo non funziona. L'istruzione non viene riconosciuta e non viene caricato alcun CSS. Dov'è che sbaglio? E' solo un problema di apici, virgolette ecc, o è questo trucchetto che sfrutta la document.write che non funziona per il mio scopo?
Perdonaquando ho scritto quel codice ero reduce da 12 ore di ASP, SQL e VBscript
.. il "then" e' un tantinello fuori luogo
<html><head>
<script>
w = screen.width;
MYcss="small.css";
if (w>=800) MYcss="medium.css";
if (w>=1024) MYcss="big.css";
document.write('<link rel="stylesheet" type="text/css" media="screen" href="'+MYcss+'" />');
</script>
</head>
...
ciao
Il guaio per i poveri computers e' che sono gli uomini a comandarli.
Attenzione ai titoli delle discussioni: (ri)leggete il regolamento
Consultate la discussione in rilievo: script / discussioni utili
Usate la funzione di Ricerca del Forum
Ecco perchè, pure io sono un cretino
Impazzivo con apici e virgolette e non mi ricordavo che il 'then' non è previsto dalla sintassi Javascript
Adesso funziona, grazie mille!
Permessi di invio
Rispondi quotando