Fontsize mit Javascript?

[gatto]

> Hi!
>
> Ich suche überall ein Script das die Schriftgröße je nach Auflösung
> größer bzw. kleiner stellt, so daß die Schrift auf jeden Fall die
> richtige Größe hat egal ob man auf 640x480 oder 1280x1024 surft.
> Hab leider bis jetzt nicht das richtige gefunden... Da ich zu doof für
> JAVA bin frag ich mich jetzt was an folgendem Script falsch ist...
> Ich hoffe Ihr könnt helfen... VIELEN DANK!
>
GATTO

>
>
> <SCRIPT LANGUAGE="JavaScript">
> <!--
> //Dieses Skript stammt von Michael Mailer´s JavaScripts
> //URL: http://www.webaid.de/js -- eMail: mm@webaid.de
> //Bitte entfernen Sie diesen Vermerk nicht !
> ScreenRes = screen.width;
> if(ScreenRes == "1280") res = "r2";
> else if (ScreenRes == "1024") res = "r2";
> else if (ScreenRes == "800") res = "r1";
> else if (ScreenRes == "640") res = "r1";
>
> if (res == "r1") {
> <style>
> TD {font-family:arial,helvetica,Times New Roman;
> font-size:24pt; color: #C0C0C0; background: #333333
> }
> </style> ;
> }
> if (res == "r2") {
> <style>
> TD {font-family:arial,helvetica,Times New Roman;
> font-size:10pt; color: #C0C0C0; background: #333333
> }
> </style> ;
> }
> //-->
> </script>
>

 

[René]

hi gatto,

var ScreenRes = screen.width;
if (ScreenRes >= "1024") res = "r1";
if (ScreenRes < "1024") res = "r2";

if (res == "r1") {
document.write('<style type="text/css">'
+'td \{ font-family: arial,helvetica,Times New Roman\; font-size: 24pt\; color: #C0C0C0\; background: #333333\; \}'
+'</style>');
}

if (res == "r2") {
document.write('<style type="text/css">'
+'td \{ font-family: arial,helvetica,Times New Roman\; font-size: 10pt\; color: #C0C0C0\; background: #333333\; \}'
+'</style>');
}

gruss
René

[Edited by René on 16-11-2000 at 13:33]

 

[gatto]

VIELEN DANK! (kt)

VIELEN DANK!

 

[mo]

hi,
ich hab hier noch was geileres
eine anpassung der schriftgrösse im verhältnis zur bildschirmgrösse:

/*
	Titel:	Auto-Font-Sizer
	Autor:	Michael Ohnesorg
	WWW:	http://www.webaid.de/js
	EMail:	mo@webaid.de
	Copyright (c) 1998 Michael Ohnesorg
	All rights reserved. Alle Rechte vorbehalten. URL: [url]http://www.webaid.de[/url]
	Dieser Code darf für nicht-kommerzielle, sowie kommerzielle Zwecke frei
	genutzt und angepaßt werden, solange dies unentgeltlich erfolgt und
	dieser Vermerk bestehen bleibt. 
*/
//Fenstergröße
var whoehe = top.window.innerHeight;
var wbreite = top.window.innerWidth;
//Screengröße
var shoehe = screen.height;
var sbreite = screen.width;
//verfügbare Größe Netscape
if (document.layers){
var msmhoehe = whoehe;
var msmbreite = wbreite;
}
//verfügbare Größe Microsoft
if (document.all){
var msmhoehe = top.document.body.clientHeight;
var msmbreite = top.document.body.clientWidth;
}
    var fs=Math.round(msmbreite/100);
    if (fs<8) fs=8;
    var fs2=fs+2;
    var fs4=fs+4;
    //document.write("Fenster: " + msmbreite + ", " + msmhoehe + "<br>");
    //document.write("Screen : " + sbreite + " , " + shoehe + "<br>");
    //document.write("Avail  : " + msmbreite + ", " + msmhoehe + "<br>");
    //document.write("Basefont  : " + fs + "<br>");
    /*alert(fs);
    mathe=Math.round(msmbreite/400);
    alert(msmbreite/400)
    alert(mathe)*/
    document.write('<style type="text/css">');
    document.write('td,body {font-size:'+fs+'pt;   color:#000000;font-family:Helvetica,Arial;letter-spacing:0.1mm;}');
    document.write('b       { font-size:'+fs+'pt;  color:#000000;font-family:Helvetica,Arial;font-weight:700; }');
    document.write('a       { font-size:'+fs+'pt;  color:#78783d;font-family:Helvetica,Arial;style:italic;}');
    document.write('big     { font-size:'+fs+'pt;  color:#000000;font-family:Helvetica,Arial;font-weight:bold; }');
    document.write('h2      { font-size:'+fs2+'pt; color:#000000;font-family:Helvetica,Arial;font-weight:600; }');
    document.write('h3      { font-size:'+fs4+'pt; color:#000000;font-family:Helvetica,Arial;font-weight:600; }');
    document.write('</style>');

ich hab das mal vor einiger zeit mit dem christian getestet und es hat wunderbar funktioniert.
ciao,
mo

 

[gatto]

Vielen Dank, aber...

Das Script klingt geil, aber ich bekomm nach der letzten Klammer nach folgenden Anweisungen:

var msmhoehe = top.document.body.clientHeight;
var msmbreite = top.document.body.clientWidth;
}

Einen "Objekt erforderlich" Fehler...
Was kann das sein??

 

[René]

hi gatto,

das Script muß in den body nicht in den head
und glaube auch das der <body id="all" name="all">
ausehen muß.

gruss
René

 

[gatto]

Nochmals Danke, aber...

Jetzt funktioniert es perfekt für den Internet Explorer aber
Netscape und Opera streiken...
Kann es sein das das Script nur mit dem Explorer läuft oder hab ich noch einen Fehler???