script risoluzione monitor

**motorcycle** · 12-08-2004, 12:24

Ciao, domanda da una principiante. Ho visto che ci sono degli script che consentono di riconoscere che browser utilizza l'utente. Volevo sapere se ce n'è uno che riconosce la risoluzione del monitor impostata e rimanda alla stessa pagina però "abbinando" un css piuttosto che un altro.

Vi spiego meglio il mio problema. Sto realizzando un sito che è impostato con dimensioni fisse, ne vorrei realizzare una versione "piccola" per 800x600 e una più grande. Per il momento ho usato il sistema che ho trovato su constile.org che consente all'utente di scegliere varie versioni di css tramite link nelle pagine. Andrebbe bene come risultato solo che quando si sceglie il css alternativo per qualche secondo visualizza le impostazioni del css standard e poi rimanda al sostituto, è un po' brutto come effetto. Molto probabilmente ho sbagliato qualcosa. Vi metto il link del sito, provate a cambiare modalità di risoluzione.
prova sito

Sono stata un po' lunga, grazie mille
ciaooo

**var** · 12-08-2004, 12:29

provato così?

codice:

<head>
<script type="text/javascript">

// inclusione funzione setCSS

switch(screen.width) {
 case 800:
  setCSS('css/rossi_layout');
 break;
 case 1024:
  setCSS('css/rossi_1024');
 break;
 default:
  setCSS('css/altrapagina.htm');
}

</script>
</head>

ciao

**motorcycle** · 12-08-2004, 14:14

Ciao, grazie per la risposta ma sono molto imbranata.

1) i css li devo comunque linkare alla pagina? Entrambi?

2) per altrapagina.htm cosa intendi?

Ho fatto un po' di tentativi ma mi continua a dare errori.....

**var** · 12-08-2004, 14:30

evidentemente ho frainteso l'operato della funzione setCSS.
quale tipo di errore ti viene notificato?

**motorcycle** · 12-08-2004, 14:34

in corrispondenza della riga
setCSS('css/altrapagina.htm'); è previsto oggetto

(ti riporto pari pari quello che leggo perché non ci capisco niente)

**var** · 12-08-2004, 14:45

Originariamente inviato da motorcycle
in corrispondenza della riga
setCSS('css/altrapagina.htm'); è previsto oggetto

(ti riporto pari pari quello che leggo perché non ci capisco niente)

mhmmm, evidentemente la funzione setCSS non viene caricata correttamente.

prova così:

codice:

<head>

<script type="text/javascript" language="javascript">
<!-- //
var l=screen.width;
switch(l) {
 case 800:
  document.write("<link rel='stylesheet' href='stile800.css' type='text/css'>");
 break;
 case 1024:
  document.write("<link rel='stylesheet' href='stile1024.css' type='text/css'>");
 break;
 default:
  document.write("<link rel='stylesheet' href='stiledefault.css' type='text/css'>");
}
// -->
</script>

</head>

fammi sapere.

**motorcycle** · 12-08-2004, 15:07

grazie mille, funziona!

E' molto più semplice e pulito e non c'è nessun rimbalzo da uno stile all'altro.

**var** · 12-08-2004, 15:07

Originariamente inviato da motorcycle

grazie mille, funziona!

E' molto più semplice e pulito e non c'è nessun rimbalzo da uno stile all'altro.

**luigi.84** · 12-08-2004, 16:26

scusate ma io vorrei fare la stessa cosa con una piccola differenza, la mia inpostazione base è a 1024, quindi (vorrei sapere se ho capito o no) nell'esempio che avete postato si tratterebbe di "stiledefault.css" e quindi dovrei cancellare il codice

codice:

 case 1024:
  document.write("<link rel='stylesheet' href='stile1024.css' type='text/css'>");
 break;

o va lasciato lo stesso? grazie

**var** · 12-08-2004, 16:29

va cancellato.

Discussione: script risoluzione monitor

Strumenti discussione

Ricerca discussione

Visualizza

script risoluzione monitor

Permessi di invio