Text anpassen

[oldputz1990]

Hallo!

Ich habe ein div objekt.

In diesem Objekt steht ein Text.
Der Text wird aus der Datenbank ausgelesen.

Jetzt möchte ich gerne, je nachdem wieviel Text in der Datenbank ist.

bsp:
Wenn viel Text ist, dann wird die Schriftart kleiner.
Wenn wenig Text ist, dann eine möglichst große Schrift.


Ich hoffe ihr versteht was ich meine!

Danke!

 

[tobee]

Dann müsstest du die Höhe und Breite fest definieren, um mit Hilfe von PHP und AJAX die Schriftgröße zu ermitteln.

 

[muhkuh]

Du kannst nach Auslesen aus der Datenbank und vor Ausgabe an den Browser prüfen, wie lang der jeweilige Text ist und dementsprechend die Ausgabe anpassen, in deinem Fall eben die Schriftgröße:

    $query = "SELECT 
                ... 
                text, 
                ... 
            FROM 
                tabelle
        ";

    $result = mysql_query( $query );

    while( $content = mysql_fetch_assoc( $result ) )
    {
        // Schriftgröße berechnen / festlegen, am besten mit einem hochkomplizierten Algorhythmus ;)
        $font_size = substr( ( strlen( $content[ 'text' ] ) / 333 ) , 0 , 2 ) . 'em';
        // Ggf. sollte man noch zusehen, dass die Schriftgröße nicht zu groß wird ;)
        
        echo '<div style="font-size:' . $font_size . ';">';
        echo nl2br( $content[ 'text' ] );
        echo '</div>';
    }

Alternativ kann man, wie von tobee schon angeschnitten, die Schriftgröße auch nachträglich mit JavaScript und DOM anpassen. Beide Methoden führen letztendlich zum gleichen Ergebnis, die erstere ist aber sicher besser mit dem Thema Barrierefreiheit vereinbar.

 

[tobee]

Wobei ich bei diesem Vorhaben eher ein Scroll-Balken anstatt einer kleineren Schrift bevorzugen würde.