Ho un problema che mi sta dando qualche difficoltà: ho una pagina di questo tipo, dove l'intero testo deve stare su una sola riga, il tutto formattato con un carattere NON a spaziatura fissa.
La questione è che non è conosciuta a priori la lunghezza dei due elementi variabili e che, specialmente su schermi piccoli, il tutto tende a essere troppo lungo e uscire dal layout.codice:<div id="container"> [Testo costante] <span id="variabile"> [Primo parametro variabile] </span> [Altro testo costante] <span id="variabile2"> [Secondo parametro variabile] </span> </div>
Quello che vorrei fare è avere una funzione in Javascript che taglia le parti variabili in funzione della dimensione della finestra (del browser), mantenendo quelle costanti inalterate e le dimensioni dell'insieme all'interno del layout.
Esempio
La mia prima idea è stata quella di usarecodice:<div id="container"> [Testo costante] <span id="variabile"> [Primo parametr...] </span> [Altro testo costante] <span id="variabile2"> [Secondo param...] </span> </div>
per ottenere la larghezza in pixel dello span, ma ho scoperto che funziona solo su elementi di tipo block.codice:document.defaultView.getComputedStyle("variabile", "").width
Grazie in anticipo a chiunque saprà rispondermi![]()

Rispondi quotando