Problemi con getElementsByClassName!

1 Nov 2014
7
0
0
Ciao a tutti,
lo script che segue riesce a far adattare un testo al div (id="fText") che lo contiene.
Lo vorrei utilizzare in una pagina responsive che attraverso un altro script ricalcola le dimensioni di tutti div.

Ma vorrei applicarlo ad una classe di div e quindi utilizzare la stessa funzione per riadattare il formato del testo contenuto in diversi div.

Ho provato a sostituire getElementById con un getElementsByClassName, ma mi crea un array e mi fa assegnare le nuove dimensioni soltanto ad un solo dato dell'array.

C'è un metodo per arrivare alla soluzione a cui aspiro?

<!--
function text(){


var dimText =
document.getElementById("fText")[0], h, o, s, min=1, max=72;

with (dimText.style) {
h = parseInt(height),
o = overflow,
overflow = "auto";

for (;min<max;min++) {
fontSize = min+"px";
s = dimText.scrollHeight;
/* ???. */

if (s > h) {min--; fontSize=min+"px"; break;}
} overflow=o;
}
}
//-->
 
1 Nov 2014
7
0
0
per tutti quelli che potrebbero incappare in un problema simile al mio posto la soluzione...

Codice:
<!--
function text(){
var lunghezzaFText = document.getElementsByClassName("fText");
for (i=0; i<lunghezzaFText.length; i++) {
	var dimText = 
	document.getElementsByClassName("fText")[i], h, o, s, min=1, max=72;
	with (dimText.style) { 
		h = parseInt(height), 
		o = overflow, 
		overflow = "auto"; 
		for (;min<max;min++) {
			fontSize = min+"px";
			s = dimText.scrollHeight;
			if (s > h) {min--; fontSize=min+"px"; break;}
		}
		overflow=o; 
	}
	}
}
//-->

in questo modo mi funziona egregiamente con tutti i div della pagina a cui assegno la classe "fText".
Se comunque avete una soluzione più elegante, mi piacerebbe conoscerla.
 
Discussioni simili
Autore Titolo Forum Risposte Data
M Upload immagine con javascript problemi con FormData() Javascript 1
A Problemi con move_uploaded_file PHP 7
M Problemi con la stampa dei valori in php PHP 1
L Problemi con il login PHP 2
R Tutto su utf-8 ma ancora problemi con i caratteri speciali in mysql MySQL 1
Z problemi con foreach insert into PHP 10
B javascript per problemi con pdf e Safari Javascript 0
M Problemi con creazione maschere Presentati al Forum 1
M Problemi con query a più tabelle PHP 3
S Problemi delle funzioni eliminate con PHP e MySQL PHP 4
M Problemi con blog Grav CMS (Content Management System) 0
S incoerenza di stampa. problemi con il magenta Photoshop 3
A problemi con paypall Java 1
felino [Windows 8.1] Problemi con connessione WiFi Windows e Software 0
E [PHP] problemi nuova riga con fwrite su piattaforma android PHP 5
O [HTML] problemi con la regola "background-attachment: fixed" in EDGE HTML e CSS 0
M [PHP] Problemi con query unione PHP 11
M [PHP] Problemi con select PHP 6
ANDREA20 [HTML] problemi con il footer HTML e CSS 1
D [MS Access] problemi con inserimento campo in una maschera MS Access 6
M [PHP] Problemi con il riconoscimento login. PHP 21
A [WordPress] problemi con xampp WordPress 2
M Problemi con database Apache/2.4.37 (Win32) OpenSSL/1.1.1a PHP/7.3.1 PHP 6
S [PHP] problemi con le sessioni PHP 3
T [PHP] problemi con il browser PHP 0
Andrea_Ventura [HTML] Problemi con effetto hover HTML e CSS 5
M [PHP] Problemi con login facebook PHP 0
Andrea_Ventura [HTML] Problemi con visualizzazione Navigation Bar HTML e CSS 10
andreas88 Creare file .htaccess per risolvere alcuni problemi con il tester SEO SEO e Posizionamento 0
Eugene [Joomla] Problemi con modulo per strutture alberghiere JHotelreservation starter Joomla 6
F [PHP] Problemi di base con bot di telegram PHP 9
M [Photoshop] Problemi con importazione immagini trasparenti in indesign Photoshop 0
E [Photoshop] Problemi con dimensioni immagini Photoshop 12
G [HTML] Problemi con inserimento immagini HTML e CSS 7
L Problemi con Javascript e Mustache Javascript 0
G Invio Mail con PHPMailer, problemi SMTP PHP 7
A [Javascript] problemi con javascrip e posizione GPS html5 Javascript 6
D Due problemi con Photoshop... Photoshop 1
G Problemi con pagina online.php di una chat in php PHP 38
S Problemi con impostazioni php PHP 3
P Problemi con AndroidStudio Sviluppo app per Android 0
S Problemi con Dell Precision T5400 Windows e Software 2
F ciao, sono ferro e ho bisogno di aiuto per problemi con la mail di alice.it Presentati al Forum 1
S [PHP] Problemi con Login e pagina Utente PHP 5
Z problemi con swf e chrome o sistemi portatili Webdesign e Grafica 5
N Problemi connettività con Tp Link EAP 110 Reti LAN e Wireless 0
S [HTML] Problemi con Blueimp image gallery su Chrome e Firefox HTML e CSS 2
W [HTML] problemi con sito responsive CMS (Content Management System) 1
P problemi con nas o per chi conosce synology Altri Annunci 0
A [HTML] Problemi con l'installazione di Disqus HTML e CSS 5

Discussioni simili