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.
codice:
<div id="container">
[Testo costante]
<span id="variabile">
[Primo parametro variabile]
</span>
[Altro testo costante]
<span id="variabile2">
[Secondo parametro variabile]
</span>
</div>
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.
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
codice:
<div id="container">
[Testo costante]
<span id="variabile">
[Primo parametr...]
</span>
[Altro testo costante]
<span id="variabile2">
[Secondo param...]
</span>
</div>
La mia prima idea è stata quella di usare
codice:
document.defaultView.getComputedStyle("variabile", "").width
per ottenere la larghezza in pixel dello span, ma ho scoperto che funziona solo su elementi di tipo block.
Grazie in anticipo a chiunque saprà rispondermi