variare valore css

**bagu** · 20-01-2004, 21:33

è possibile variare un valore numerico in un css esterno alla pagina html con javascript o dhtml ?

vorrei fare una cosa del genere (premettendo che non so assulutamente nulla di javascript)

se innerwidth della finestra è 800px la font-size è quella di default del css (in px), se varia (al ridimensionamento) il valore di defaut viene corretto tramite una moltiplicazione ( innerwidth=400px font-size=defaut x o.5)

grazie Paolo

**antos** · 20-01-2004, 23:50

http://forum.html.it/forum/showthrea...hreadid=585364
basta leggere un paio di post + in basso.

**bagu** · 21-01-2004, 11:33

grazie Antos , ho letto sia il thread di jerry masolo che quello di Ky, ma sapendo nulla di javascript non so in grado di metterci le mani.
Tu , o qualche anima pia,ha tempo e voglia di mettere le mani su questo script?
In cambio offro una cassa di vini piacentini e se lo script è crossbrowser anche un assortimento di salumi per accompagnare la degustazione.

ciao Paolo

**antos** · 21-01-2004, 11:59

al posto di fare calcoli con javascript prova ad usare la dimensione del testo in %
http://pro.html.it/articoli/id_8/idcat_8/pag_3/pag.html
cmq per fare lo script ti dico già da adesso che usando l'oggetto styleSheet non è crossbrowser infatti opera non lo supporta

non capisco nemmeno che senso ha camibiare le dimensioni del font al ridimensionamento della pagina rischi che l'utente non legga niente se la rimpiccioliscie diverse volte..

**bagu** · 21-01-2004, 12:43

Originariamente inviato da antos
al posto di fare calcoli con javascript prova ad usare la dimensione del testo in %
http://pro.html.it/articoli/id_8/idcat_8/pag_3/pag.html
cmq per fare lo script ti dico già da adesso che usando l'oggetto styleSheet non è crossbrowser infatti opera non lo supporta

non capisco nemmeno che senso ha camibiare le dimensioni del font al ridimensionamento della pagina rischi che l'utente non legga niente se la rimpiccioliscie diverse volte..

Provo a spiegarmi:
io voglio vatiare il valore di riferimento in px. Gli altri valori di grandezza font sono gia'in misure relative.
questo mi consentirebbe di impostare layout con div posizionati assoluti(con valori percentuali) e ridimensionare senza che il layout si scombini tutto.
Un esempio lo trovi qui manca solo lo script che chiedevo per settare la dimensione del font di riferimento....
spero di essere stato abbastanza chiaro
ciao e grazie Paolo

**antos** · 21-01-2004, 15:07

prova così:

codice:

<script type="text-javascript">
var ok = (document.styleSheets) ? 1:0;
var IE4 = (document.all) ? 1:0;
var NN6 = (!document.all && document.getElementById) ? 1:0;
var default = 10;//ci metti il valore di default
if(ok) {
  if(IE4) stile = document.styleSheets[0].rules
  if(NN6) stile = document.styleSheets[0].cssRules 
  } 
function changeSize(){
  var windowWidth = (document.all)? document.body.clientWidth : window.innerWidth; 
  if(windowWidth <= 400)
   stile[0].style.fontSize = default * 0.5 ; 
}

</script>
<body onresize="changeSize()">

prova così ricordantodi che nel css il primo elemento che defisci deve essere quello che vuoi cambiare altrimenti devi cambiare l'indice stile[0] p

Discussione: variare valore css

Strumenti discussione

Ricerca discussione

Visualizza

variare valore css

Permessi di invio