• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Schriftgröße dynamisch ändern?

Lotus

Mitglied
Hallo, ich habe ein div wo ich eine Zahl drin speichere.
Ist die Zahl < 10, also einstellig, dann möchte ich die Schriftgröße mit dem Code
HTML:
font-size: 2.7em;

Wenn die Zahl aber zweistellig wird, dann passt sie nicht mehr, also möchte ich die font-size dann ändern. Zur Zeit habe ich das div mit css gestylt, aber da kann man ja leider solche Abfragen nicht einbauen :/ Einfügen tue ich das ganze per innerHTML, also so:
HTML:
    function updateCartNumber(number){
        document.getElementById('warenkorb_anzahl').innerHTML = number;
    }
 
PHP:
function updateCartNumber(number)
{         
    document.getElementById('warenkorb_anzahl').innerHTML = number;
    var laenge = number.length;
    if (laenge < 10) document.getElementById('warenkorb_anzahl' ).style.fontSize = '2.7em';
}
Ich mache beinahe nie was in JavaScript, deswegen tschuldige, falls das ein Blödsinn ist.
Grüße
Nico
 
Zurück
Oben