Expandingwindow
HejJeg har fundet et script som driller mig lidt. Det fungerer således: ved klik på et link, dumper der stille og roligt en ny side ned - ca. 7-8 cm bred i venstre side og lander i bunden, hvor efter den langsomt fylder skærmen ud. Jeg har brug for at kunne bestemme hvor bred jeg vil have den - jeg skal bruge den til at lave en menu som kan kaldes frem efter behov, men har endnu ikke set lyset hvordan jeg får det kodet ind i scriptet.
Her er scriptet:
<html>
<head>
<title>JavaScripts - Browser Effects - Expanding Window</title>
<style>
TD.format
{
COLOR: blue;
FONT-FAMILY: Verdana;
FONT-SIZE: 15px;
FONT-WEIGHT: bolder
}
TD.format A:active
{
COLOR: red;
TEXT-DECORATION: none
}
TD.format A:link
{
COLOR: blue;
TEXT-DECORATION: none
}
TD.format A:visited
{
COLOR: blue;
TEXT-DECORATION: none
}
TD.format A:hover
{
COLOR: red;
TEXT-DECORATION: none
}
</style>
<script LANGUAGE=\"JavaScript\">
<!-- Begin
function expandingWindow(website) {
var heightspeed = 2; // vertical scrolling speed (higher = slower)
var widthspeed = 7; // horizontal scrolling speed (higher = slower)
var leftdist = 0; // distance to left edge of window
var topdist = 0; // distance to top edge of window
if (document.all) {
var winwidth = window.screen.availWidth - leftdist;
var winheight = window.screen.availHeight - topdist;
var sizer = window.open(\"\",\"\",\"left=\" + leftdist + \",top=\" + topdist + \",width=1,height=1,scrollbars=yes\");
for (sizeheight = 1; sizeheight < winheight; sizeheight += heightspeed) {
sizer.resizeTo(\"1\", sizeheight);
}
for (sizewidth = 1; sizewidth < winwidth; sizewidth += widthspeed) {
sizer.resizeTo(sizewidth, sizeheight);
}
sizer.location = website;
}
else
window.location = website;
}
// End -->
</script>
<meta content=\"Microsoft FrontPage 3.0\" name=\"GENERATOR\">
</head>
<body bgColor=\"#FFFFFF\">
<table bgColor=\"#FFFFFF\" border=\"1\" borderColorDark=\"#0000FF\" borderColorLight=\"#000000\"
cellPadding=\"10\" cellSpacing=\"5\" width=\"100%\" height=\"98%\">
<a href=\"http://home.wanadoo.nl/sinnemavlieger/martin\">
<tr>
<td vAlign=\"center\" height=\"80%\"><div align=\"center\"><center><table border=\"0\"
cellPadding=\"0\" cellSpacing=\"0\" width=\"500\">
<tr>
<td align=\"center\" vAlign=\"top\" width=\"500\" class=\"format\"></a><a
href=\"http://www.viewsource.dk\"
onClick=\"expandingWindow(\'http://www.viewsource.dk\');return false;\">Menu</a> </td>
</tr>
</table>
</center></div></td>
</tr>
</table>
</body>
</html>
