• Das Erstellen neuer Accounts wurde ausgesetzt. Bei berechtigtem Interesse bitte Kontaktaufnahme über die üblichen Wege. Beste Grüße der Admin

[FRAGE] Button zum Schriftgröße ändern

S

Sebii

New member
Hallo liebe Leser,

Ich habe leider keinerlei Kenntnisse im Bereich HTML und JavaScript.
Nun zu meinem Problem:
Ich bin bei 1&1 mit meiner Internetseite angemeldet und habe nun meinen Vertrag geupgradet um eigene Codes auf der Seite einbinden zu können.
Was ich suche ist ein Button mit dem man die Schriftgröße der Seite per klick verändern kann. Von normal auf mittel bis groß. Beispiel: AAA
Wie gesagt habe ich leider keinerlei Kenntnisse in diesem Bereich. Hat jemand zufällig einen Code welcher so etwas erzeugt den ich auf meiner Seite einbinden kann?

Mit freundlich Grüßen und vielen Dank im Voraus
 
Zuletzt bearbeitet von einem Moderator:
Code: 
<!DOCTYPE html>

<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<title>Fenstertitel</title>
<script type="text/javascript" src="/kkjs/modules/kkjs.load.js"></script>
<script type="text/javascript"></script>
<style type="text/css">
.smallFontSize {
	font-size: 10pt;
}
.normalFontSize {
	font-size: 12pt;
}
.bigFontSize {
	font-size: 16pt;
}
.link {
	cursor: pointer;
}
body.smallFontSize .link.smallFontSize,
body.normalFontSize .link.normalFontSize,
body.bigFontSize .link.bigFontSize {
	font-weight: bold;
	text-decoration: underline;
}
</style>
</head>
<body class="normalFontSize">
<div class="normalFontSize">
	<span class="link smallFontSize">A</span>
	<span class="link normalFontSize">A</span>
	<span class="link bigFontSize">A</span>
	<script type="text/javascript">
	(function(){
		var div = document.getElementsByTagName("div");
		div = div[div.length - 1];
		[].forEach.call(div.getElementsByTagName("span"), function(span){
			span.onclick = function(){
				document.body.className = document.body.className.replace(/\b(small|normal|big)FontSize\b/g, "") + " " + this.className;
			};
		});
	}());
	</script>
</div>
<h1>Überschrift</h1>
text dlkslskjdlkds
</body>
</html>
- wichtig ist dann aber, dass du alle anderen Fontangaben in em machst.
 
Viel Dank, ich werde das gleich sofort mal probieren.
Eine Frage hätte ich jedoch noch, auch wenn es sich vielleicht doof anhört, aber was bedeutet em genau?

Also falls damit der Text auf der Website gemeint ist, den habe ich ganz einfach über den 1&1 Homepagebaukasten erstellt und habe sonst bisher garnicht mit html gearbeitet. Ist das ein Hindernis?
 
Zuletzt bearbeitet:
Du musst dich einloggen oder registrieren, um hier zu antworten.
Zurück
Oben