Newsgroup: it.comp.lang.javascript
Titolo: Dimensionare la grandezza dei font in funzione della risoluzione

Ho realizzato delle pagine ottimizzate a 1024 x 768, ma logicamente non è la
risoluzione più utilizzata dagli utenti.
E' un semplice carrello della spesa da utilizzare off-line.
Ho utilizzato una pagina iniziale per poter lanciare il carrello vero e
proprio senza pulsanti e menu del browser ed ho aggiunto i comandi necessari
in un frame.
Nella stessa pagina che lo lancia, ho utilizzato una funzione js in grado di
rilevare le risoluzione del monitor di chi lo consulta e se inferiori a 1024
x768 compare un messaggio di avvertimento consigliando di aumentarla.
Qui sotto riporto un pezzo della pagina che contiene gli articoli.
Esiste un modo che sia in grado di far variare il valore di <font size "n">
o meglio solo di "n"  in funzione di quanto verificato dalla funzione
risoluzione della prima pagina? Es. se risoluz<=800x600 n=1 se 1024x768 n=2
etc..
Ringrazio per ogni consiglio
Roberto
</table><div align="center"><br><a name="CASE"></a><b><font size="2"
color="#024F2D">CASE</font></b></div><br><div><font size="2"></font></div>
<TABLE width="600"border="0"dwcopytype="CopyTableRow"><tr
bgcolor="#669966"><th align=left width="40"><font
color="#FFFFFF">Cod.</font></th><th width="370"><font
color="#FFFFFF">Descrizione</font></th><th width="70"><font
color="#FFFFFF">Prezzo</font></th><th width="70"><font
color="#FFFFFF">Quantità</font></th></tr><tr valign="top"><td><font
size="2">100115</font></td><td><font size="2">CASE BIG TOWER 2 ALIM
RIDONDANTI DA 300 WATT</font></td><td><div align="right"><font
size="2">1000000</font></div></td><td>
<div align="center"><font size="2"> <INPUT TYPE="value" NAME="a100115quant"
VALUE="1" SIZE=3></font></div>
</td><td><font size="2">............etc per 1200 articoli

 Ringrazio per ogni consiglio
Hai usato: <font size="2" color="#024F2D">...
Invece di "2" dagli "-2". Cioè una dimensione relativa a quell predefinita del 
font. 
Dovrebbe andarti tutto a posto senza incasinare lo script.
Perché si incasinerebbe..... eccome!   :-))))
-- 
Ciao, Riccardo
------------------------------------------------------------------------
WebMaster: ----> 
http://www.jsdir.com
 <---- (aka 
http://www.jspoint.it
)
------------------------------------------------------------------------
Need a JavaScript password?
http://www.jspoint.it/staffscripts/script021/PazzWordProva/ingresso.html
------------------------------------------------------------------------
"Any sufficientely advanced technology is indistinguishable from magic"
                      Arthur Charles Clarke
------------------------------------------------------------------------

 Perché si incasinerebbe..... eccome!   :-))))
Perchè si incasinerebbe?
La pagine viene completamente compilata da una macro che ho scritto in word,
quindi posso fargli scrivere qualsiasi cosa.
Per 1200 arrticoli ci metto meno di 10 secondi
Io pensavo di inserire uno script all'inizio che restituisca il valore di n
(es. faccio scrivere  <font size="n"> ed 'n' varia ) oppure l'intera stringa
(n=  '<font size= "2">'  oppure   '<font size= "1">'  ) .
Secondo te è possibile?
In questo modo la dimensione dei caratteri sarebbe sempre esattamente quella
prevista.
Ciao
Roberto

 cosa mi fa un pò ridere....)
ciao
G.

 Ho realizzato delle pagine ottimizzate a 1024 x 768, ma logicamente
non è la

[]

 Secondo te è possibile?
No, perché HTML non è un linguaggio di programmazione (mi piace pensare ad HTML 
come ad un linguaggio di "redazione") quindi non puoi usare "variabili" nel 
senso programmatore del termine. Per questo c'è JavaScript... :-)


Grazie pippopd, era proprio quello che cercavo.
con tre  sole righe in più, tutto funziona alla meraviglia.
Non ho capito bene il significato della seconda parte del comando,
(document.tags.p.color = "blue";). Se hai tempo, potresti spiegarmela ,
perchè non ha effetto sulla pagina.
Grazie ancora.
function risoluzione(){
var screenWidth = screen.width
if(screenWidth){
if (screenWidth < 700)
{(document.all)?document.styleSheets.CambiaTesto.addRule("p","font-size:
8pt"):
document.tags.p.color = "blue";}
<style ID="CambiaTesto">
<!--
p { }
-->
</style>
