mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Do 28.03.2024 19:35 Benutzername: Passwort: Auto-Login

Thema: Javascript verschiedene Schriftgrößen mit fontsizer vom 15.06.2010


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Programmierung -> Javascript verschiedene Schriftgrößen mit fontsizer
Autor Nachricht
raspei_css
Threadersteller

Dabei seit: 15.06.2010
Ort: Berchtesgaden
Alter: 33
Geschlecht: Männlich
Verfasst Di 15.06.2010 08:08
Titel

Javascript verschiedene Schriftgrößen mit fontsizer

Antworten mit Zitat Zum Seitenanfang

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 *Thumbs up!*

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">&copy; 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>
  View user's profile Private Nachricht senden
zweitaccount

Dabei seit: 25.01.2008
Ort: -
Alter: -
Geschlecht: -
Verfasst Di 15.06.2010 11:06
Titel

Antworten mit Zitat Zum Seitenanfang

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
  View user's profile Private Nachricht senden
Anzeige
Anzeige
raspei_css
Threadersteller

Dabei seit: 15.06.2010
Ort: Berchtesgaden
Alter: 33
Geschlecht: Männlich
Verfasst Di 15.06.2010 14:56
Titel

Antworten mit Zitat Zum Seitenanfang

ok dankeschön

ich werds gleich mal versuchen und "hoffen" das es geht !!!
  View user's profile Private Nachricht senden
 
Ähnliche Themen Schriftgrößen im Webdesign
SuperMailer Schriftgrößen Problem
[TYPO3] Schriftgrößen in verschiedenen Browsern usw.
barriere freie site mit änderbaren schriftgrößen
[javascript] mit <select> feld wert an javascript funk
2 verschiedene Linkfarben
Neues Thema eröffnen   Neue Antwort erstellen
MGi Foren-Übersicht -> Programmierung


Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst an Umfragen in diesem Forum nicht mitmachen.