[JQuery] Adattare testo o paginazione automatica

**Dedozzo** · 14-02-2012, 11:53

Ho un cliente molto esigente, vuole un sito senza alcun tipo di barra di scorrimento e sto riscontrando parecchi problemi con le pagine di testo. Quello che mi servirebbe sarebbe uno script che adattasse la dimensione del font in base a quanto testo è presente in un dato div e alle dimensioni di questo stesso div, ma dopo aver fatto molte ricerche la cosa non mi pare molto semplice, anzi!

La seconda soluzione possibile sarebbe quindi una paginazione automatica dei paragrafi, dunque in base alle dimensioni di quel div e alle dimensioni del testo contenuto.

Idee? Possibili soluzioni alternative?

**k4osz** · 14-02-2012, 12:37

Ciao dai un'occhiata qui: http://basic.html.it/faq/leggi/187/a...luzione-video/

Qui ti dice come adattare il contenuto alla pagina.

Comunque la soluzione potrebbe essere questa, ma è css questo tipo di discussione!

**Dedozzo** · 14-02-2012, 13:42

Ciao grazie, ma non è quello che mi serve. Io dovrei adattare il font-size in base alle dimensioni del div e al numero di caratteri.

**Tonenge** · 15-02-2012, 19:21

Ciao,
ho fatto questo piccolo script che dovrebbe risolvere il problema:
fammi sapere.

Saluti.

<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<script>

function adatta(){
var j=document.getElementById("idbox"), h,o,s, min=10, max=72;
with(j.style) { h=parseInt(height), o=overflow, overflow="auto";
for(;min<max;min++){
fontSize=min+"px";
s=j.scrollHeight;
if(s>h) { min--; fontSize=min+"px"; break; }
} overflow=o;
}}

</script>
</head>
<body>

<button onclick='adatta()'>Adatta</button>

<div id='idbox' style='position:absolute;left:10px;top:100px;width :500px;height:620px;font:12px Arial;background-color:#f0f0f0;'>
Prova inserimento testo che si deve adattare al div senza fuoriuscire.

L'altezza del font è uguale per tutto il testo.

Saluti by Tonenge.
<div>

</body>
</html>

**Dedozzo** · 15-02-2012, 22:33

Funziona ottimamente! Devo solo vedere come si comporta con testi molto lunghi e modificarlo per essere eseguito al caricamento. Grazie mille!

Discussione: [JQuery] Adattare testo o paginazione automatica

Strumenti discussione

Ricerca discussione

Visualizza

[JQuery] Adattare testo o paginazione automatica

Permessi di invio