[ScaleContent]

Beispiel anzeigen

Dieses Script ermöglicht es, den Inhalt einer Webseite abhängig von der Grösse des Browserfensters zu skalieren.
Dieses Script ist das Ergebnis einer Frage aus dem Forum.

Hinweis: Bei Gecko- Browsern muss die Maustaste nach dem Vergrössern des Fensters jeweils losgelassen werden, damit der Effekt ausgeführt wird, der IE macht's "on the fly".

[Code]

[zwischen <HEAD> und </HEAD>]

<SCRIPT LANGUAGE="JavaScript" TYPE="text/javascript">
<!--
var browser=1;
if (navigator.appName=="Netscape"){
_version=left(navigator.appVersion,1);
if (_version <='4'){browser=4;}
else {browser=6;}}


function scalecontent(w)
{
if (w != 1)
{
return;
}
if (browser == 1)
{
currheight=document.body.clientHeight;
currwidth=document.body.clientWidth;
}
else
{
currheight=window.innerHeight;
currwidth=window.innerWidth;
}
rel_h = 360/currheight;
rel_w = 320/currwidth;
// tds

ntdw= 145 / rel_w;



document.getElementById("TD01").style.width=ntdw+"px";
document.getElementById("TD02").style.width=ntdw+"px";
document.getElementById("TD03").style.width=ntdw+"px";
document.getElementById("TD04").style.width=ntdw+"px";
// Pics
old_h1=151;
old_h2=145;
old_w1=145;
old_w2=145;
// alert(old_h2/rel_h);
document.PIC_01.height=(old_h1/rel_h);
document.PIC_01.width=(old_w1/rel_w);
document.PIC_02.height=(old_h2/rel_h);
document.PIC_02.width=(old_w2/rel_w);
// fonts
newfontsize=10 / rel_h;
document.getElementById("TD01").style.fontSize=newfontsize+"pt";
document.getElementById("TD04").style.fontSize=newfontsize+"pt";
}
//-->
</SCRIPT>

[IN den <BODY> Tag]

onresize="scalecontent(1)"

[zwischen <BODY> und </BODY>]

<table width="100%" cellpadding="2" cellspacing="2" border="0">
<tr>
<td width="145" style="color:#330000;font-family:"Arial";font-size:10pt" id="TD01">
Klicken Sie auf Extras und dann auf Internetoptionen, um die Einstellungen für die Verbindung zu überprüfen. Wählen Sie die Registerkarte Verbindungen, und klicken Sie auf Einstellungen.
</td>
<td width="145" id="TD02" valign="top">
<img src="gold01.gif" width="145" height="151" alt="" border="0" name="PIC_01">
</td>
</tr>
<tr>
<td width="145" id="TD03">
<img src="tiger01.jpg" width="145" height="145" alt="" border="0" name="PIC_02">
</td>
<td width="145" style="color:#330000;font-family:"Arial";font-size:10pt" id="TD04">
Klicken Sie auf Extras und dann auf Internetoptionen, um die Einstellungen für die Verbindung zu überprüfen. Wählen Sie die Registerkarte Verbindungen, und klicken Sie auf Einstellungen.
</td>
</tr>
</table>

[Autor]

arpeggiatorman

[Download]

Kopieren Sie bitte den Code

Copyright © 1998- Nightfire Webworker Archiv Script No: 546