Ridimensionamento testo
Al fine di rendere il sito più usabile attraverso questo codice è possibile stabilire
la dimensione dei caratteri in determinate parti della pagina.
Il codice:
il css
<style>
.prova {
width:350px;
font-family:verdana;
font-size:8px;
border:2px solid black;
text-aling:justify;
padding:10px;
}
</style>
nel head
<script type="text/javascript">
function uno(i) {
eval("document.getElementById('prova"+i+"').style.fontSize = '8px'"); }
function due(i) {
eval("document.getElementById('prova"+i+"').style.fontSize = '12px'"); }
function tre(i) {
eval("document.getElementById('prova"+i+"').style.fontSize = '16px'"); }
</script>
nel body
Font layer 1:
<a href="javascript:uno(1);">piccolo</a>
<a href="javascript:due(1);">normale</a>
<a href="javascript:tre(1);">grande</a>
<div id="prova1" class="prova">
testo testo testo testo testo testo testo testo testo testo
testo testo testo testo testo testo testo testo testo testo
testo testo testo testo testo testo testo testo testo testo
testo testo testo testo testo testo testo testo testo testo
testo testo testo testo testo testo testo testo testo testo
testo testo testo testo testo testo testo testo testo testo
</div>
Font layer 2:
<a href="javascript:uno(2);">piccolo</a>
<a href="javascript:due(2);">normale</a>
<a href="javascript:tre(2);">grande</a>
<div id="prova1" class="prova">
testo testo testo testo testo testo testo testo testo testo
testo testo testo testo testo testo testo testo testo testo
testo testo testo testo testo testo testo testo testo testo
testo testo testo testo testo testo testo testo testo testo
testo testo testo testo testo testo testo testo testo testo
testo testo testo testo testo testo testo testo testo testo
</div>
Esempio:
Font layer 1:
piccolo
normale
grande
testo testo testo testo testo testo testo testo testo testo
testo testo testo testo testo testo testo testo testo testo
testo testo testo testo testo testo testo testo testo testo
testo testo testo testo testo testo testo testo testo testo
testo testo testo testo testo testo testo testo testo testo
testo testo testo testo testo testo testo testo testo testo
Font layer 2:
piccolo
normale
grande
testo testo testo testo testo testo testo testo testo testo
testo testo testo testo testo testo testo testo testo testo
testo testo testo testo testo testo testo testo testo testo
testo testo testo testo testo testo testo testo testo testo
testo testo testo testo testo testo testo testo testo testo
testo testo testo testo testo testo testo testo testo testo