raspei_css
Threadersteller
Dabei seit: 15.06.2010
Ort: Berchtesgaden
Alter: 33
Geschlecht:
|
Verfasst Di 15.06.2010 08:08
Titel Javascript verschiedene Schriftgrößen mit fontsizer |
|
|
Hallo zusammen,
ich hab grad echt ziemliche Probleme das ich es hinbekomme in eine Website, ein Javascript einzubinden, dass die Schriftgröße (nur die Schriftgröße) der Website ändert.
Ich weiß das es jetzt schon in den "meisten" Browsern integriert ist, aber der Kunde will es so.
danke schon mal im voraus
Ps: Hier mein Html text.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html;charset=iso-8859-1" />
<meta name="author" content="Stephan Rasp" />
<meta name="keywords" content="wasser, Installateur, Heizung, wärme, 1a, weiser, Salzburg, Planung, Reparatur, solar, Energie, Bad, wc, toiletten, notdienstl" />
<meta name="description" content="Weiser Ihr 1a Installateur." />
<title>CSS</title>
<link rel="stylesheet" type="text/css" href="styles/style.css"/>
<link rel="shortcut icon" href="logo.jpg" />
<script language="JavaScript">
<!--
function change(){
if(document.all){
text.style.fontSize=12
}
if(document.layers){
document.text.document.write("<p style=font-size:12px>Beispieltext</p>");
document.text.document.close();
}
}
function change1(){
if(document.all){
text.style.fontSize=24
}
if(document.layers){
document.text.document.write("<p style=font-size:24px>Beispieltext</p>");
document.text.document.close();
}
}
// -->
</script>
<!--
.Stil6 {color: #524377}
-->
</style>
</head>
<body>
<div class="content">
<div class="head">
</div>
<div id="menu">
<ul>
<li><a href="index.html"style="color:#ffffff;" title="index.html"><span class="Stil3">Start</span></a></li>
<li><a href="#"style="color:#ffffff;" title="leistungen.html"><span class="Stil3"> Leistungen </span></a></li>
<li><a href="#"style="color:#ffffff;" title="bad_ideen.html"><span class="Stil3">Bad-Ideen </span></a></li>
<li><a href="#"style="color:#ffffff;" title="heizungen.html"><span class="Stil3">Heizung </span></a></li>
<li><a href="#"style="color:#ffffff;" title="link5"><span class="Stil3">Reparaturen</span></a></li>
<li><a href="#"style="color:#ffffff;" title="link5"><span class="Stil3">Qualitätsmerkmal</span> </a></li>
<li><a href="#"style="color:#ffffff;" title="link5"><span class="Stil3">24 Std. Notdienst</span></a></li>
<li><a href="#"style="color:#ffffff;" title="link5"><span class="Stil3"> Kontakt</span></a></li>
</ul>
</div>
<div id="menu2">
<ul>
<li><a href="wohlfuehlen"style="color:#301f4b;" title="wohlfuehlen.html"><span class="Stil3">Wohlfühlen</span></a></li>
<li><a href="modern"style="color:#301f4b;" title="Modern.html"><span class="Stil3"> Modern </span></a></li>
<li><a href="klassisch"style="color:#301f4b;" title="Klassisch.html"><span class="Stil3">Klassisch </span></a></li>
<li><a href="kleines Bad ganz groß"style="color:#301f4b;" title="kleines_bad_ganz_groß.html"><span class="Stil3">Kleines Bad ganz groß </span></a></li>
<li><a href="barrierefrei"style="color:#301f4b;" title="barrierefrei"><span class="Stil3">Barrierefrei</span></a></li>
<li><a href="Bad aus einer Hand"style="color:#301f4b;" title="bad_aus_einer_hand.html"><span class="Stil3">Bad aus einer Hand</span> </a></li>
</ul>
</div>
<div class="pic1">
<div class="pic2"></div>
</div>
</div>
<div class="footer">
<div align="right"><span class="Stil1 Stil4"></span></div>
</div>
<div class="footer_shadow">
<div align="right"><a href="http://www.grundecht.com" class="Stil4">© Grundecht Agentur für Markenentwicklung 2010</a></div>
</div>
<div id="text" style="position:absolute">
<p>geht des endlich mal?!?!?</p>
</div>
<a href="javascript:change()"></a><br><br><br><br><br>
<font class="stn"> <a href="javascript:change()">Schriftgröße 11</a> <br>
<font class="stn"> <a href="javascript:change1()"> Schriftgröße 26</a>
</body>
</html>
|
|
zweitaccount
Dabei seit: 25.01.2008
Ort: -
Alter: -
Geschlecht: -
|
Verfasst Di 15.06.2010 11:06
Titel
|
|
|
Hi,
am einfachsten ists wohl, du änderst die font-size des body.
Damit auf der nächsten Seite auch die Schriftgröße angepasst
ist, sollest Du vlt. noch ein cookie setzen. Ganz grob so:
Code: | <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html;charset=iso-8859-1" />
<title>CSS</title>
<script language="JavaScript">
<!--
if (document.cookie) window.onload= function(){ change(document.cookie); }; // onload setzen
else document.cookie = '100%'; // default schriftgröße
function change(size) {
// schriftgröße setzen, cookie setzen
document.body.style.fontSize = document.cookie = size;
}
// -->
</script>
</head>
<body>
<a href="index.html">Reload</span></a>
<br><br>
<a href="#" onclick="change('8px');return false;">kleiner text mit 8px</a> <br>
<a href="#" onclick="change('100%');return false;">normaler text mit 100%</a> <br>
<a href="#" onclick="change('150%');return false;">grosser text mit 150%</a> <br>
</body>
</html> |
Grüße
zweitaccount
|
|