Bei diesem Skript können Sie bestimmen, welcher Text auf der Seite vergrößert oder verkleinert werden soll.
Sie können zudem die Größen-Sprünge selbst definieren. (in Pixel)
Per
big bzw.
small können Sie definieren, ob die Schrift vergrößert bzw. verkleinert wird.
Zudem müssen Sie immer die jeweilige ID des Elements, dessen Text verändert werden soll, angeben.
Bei den Größen Sprüngen ist es wichtig, dass Sie die Zahl nicht innerhalb von Anführungszeichen definieren, da JavaScript dies sonst für einen String hält.
Beispiel für den Funktionsaufruf
<button onclick="fontSize('big',3,'text');">
Schrift größer
</button>
Bei diesem Beispiel definieren wir mit
big, dass die Schrift vergrößert werden soll.
Wenn Sie die Schrift verkleinern wollen dann müssen Sie
small anstelle von
big definieren.
Mit der Zahl
3 definieren wir, dass die Schrift um
3 Pixel größer wird
Hierbei ist zu beachten das die Zahl nicht innerhalb von Anführungszeichen steht, da JavaScript dies sonst für einen String hält.
Mit
text definieren wir die
ID, welche wir natürlich vorher in der Seite vergeben haben.
Wichtig:
Sie müssen für die ID, dessen Text Sie mithilfe der JavaScript Funktion vergößern oder verkleinern wollen, zuerst eine Schriftgröße definieren.
Da JavaScript sonst keinen Wert hat auf den es zurückgreifen kann.
Also zum Beispiel (auf den obigen Funktionsaufruf angepasst)
<div id="text" style="font-size: 12px;">
<p>text text text...</p>
<p>text text text...</p>
</div
Die JavaScript Funktion
function fontSize(was,px,wen) {
aktuell = document.getElementById(wen).style.fontSize;
neu = aktuell.replace(/px/gi,"");
neu *= 1;
if (was=="big") {
neu += px;
}
else if (was=="small") {
neu -= px;
}
document.getElementById(wen).style.fontSize = neu + "px";
}
Das Skript in der Anwendung (Beispiele)
Hier gehts zum
Beispiel
Dieser Artikel wurde noch nicht kommentiert.