Jamn, jeg tror at jeg laver det forkert...
Sådan her ser hele mit script/html ud.... UDEN PRELOAD
---
<table cellpadding="0" cellspacing="0" ><tr><td width=313></td><td >
<div class="box" id="boxContainer"><div class="box" id="boxContent"><div style="border: 1px solid #aeacad;width: 214px;height: 23px;padding: 3px 3px 3px 3px;"><table cellspacing=0 cellpadding=0 border=0 height=17><tr> <td width=14 height=17 background=images/bblue.jpg valign=top><span style="padding-top: 2px;padding-left: 2px;position: absolute;"><img src=images/pil.gif width=12 height=12></span></td> <td width=180 height=17 background=images/bblue.jpg valign=top><span class=box_overskrift>STAT ?</span></td> <td width=14 height=17 background=images/bblue.jpg valign=top><span style="padding-top: 2px;padding-right: 2px;position: absolute; cursor:hand;" onclick='showContext(this, -6, 20, 0, 0,0 );' help_title=''><img src=images/spg.gif></span></td></tr><tr><td colspan=3 height=2></td></tr><tr><td colspan=3 bgcolor="#c3e0f2" width=208 height=100 class=box_tekst valign=top></td></tr></table></div></div></div>
</td></tr></table>
<div style=padding-left:4;>
<style type="text/css">
.clContent
{
left: 0px;
top: 0px;
height: 80px;
vertical-align: bottom;
position: absolute;
}
#scrollContainer1
{
position: absolute;
overflow: hidden;
left: 7px;
top: -42px;
width: 504px;
height: 80px;
}
#scrollLeft1
{
position: absolute;
left: 8px;
top: 44px;
width: 12px;
height: 12px;
background-color: #beddf1;
font-size: 1px;
background-image: url(images/forsidebillederleft.gif);
cursor:hand;
}
#scrollRight1
{
position: absolute;
left: 498px;
top: 44px;
width: 12px;
height: 12px;
background-color: #beddf1;
font-size: 1px;
background-image: url(images/forsidebillederright.gif);
cursor:hand;
}
#scrollBar1
{
position: absolute;
left: 0px;
top: 0px;
width: 19px;
height: 12px;
background-color: #beddf1;
font-size: 1px;
background-image: url(images/forsidebillederbar.gif);
cursor:hand;
}
#scrollTrack1
{
position: absolute;
left: 23px;
top: 44px;
width: 472px;
height: 12px;
background-color: #ffffff;
font-size: 1px;
cursor: hand;
}
</style>
<script type="text/javascript">
// scroller3 by rod.rant-on.net | rodmorelos@msn.com
// keep these two lines and you're free to use this code
// lib_basic.js by rod.rant-on.net | rodmorelos@msn.com
// keep these two lines and you're free to use this code
// object constructor
function createObjectById(id)
{
this.el = document.getElementById ? document.getElementById(id) : null;
if (!this.el) throw new Error('Element with "' + id + '" id not found.');
this.css = this.el.style;
this.i = createObjectById.registry.length;
createObjectById.registry[this.i] = this;
this.w = this.el.offsetWidth ? this.el.offsetWidth : 0;
this.h = this.el.offsetHeight ? this.el.offsetHeight : 0;
this.x = this.el.offsetLeft ? this.el.offsetLeft : 0;
this.y = this.el.offsetTop ? this.el.offsetTop : 0;
this.o = 100;
}
// global reference to the dhtml object
createObjectById.registry = [];
// update object values
createObjectById.prototype.update = function()
{
this.w = this.el.offsetWidth ? this.el.offsetWidth : 0;
this.h = this.el.offsetHeight ? this.el.offsetHeight : 0;
this.x = this.el.offsetLeft ? this.el.offsetLeft : 0;
this.y = this.el.offsetTop ? this.el.offsetTop : 0;
}
// visibility
createObjectById.prototype.show = function() { this.css.visibility = 'visible'; }
createObjectById.prototype.hide = function() { this.css.visibility = 'hidden'; }
// display
createObjectById.prototype.display = function(d) { this.css.display = d; }
// colors
createObjectById.prototype.fg = function(f) { this.css.color = f; }
createObjectById.prototype.bg = function(b) { this.css.backgroundColor = b; }
// set layer opacity (in percent, between 0 and 100)
createObjectById.prototype.setOpacity = function(o)
{
if (typeof this.css.MozOpacity != 'undefined') { this.css.MozOpacity = (o / 100); this.o = o; }
else if (this.el.filters) { this.css.filter = 'alpha(opacity=' + o + ')'; this.o = o; }
}
// moves a layer to (x, y) pixels
createObjectById.prototype.moveTo = function(x, y)
{
if (x != null && typeof x == 'number')
{
x = Math.round(x);
this.x = x;
this.css.left = x + 'px';
}
if (y != null && typeof y == 'number')
{
y = Math.round(y);
this.y = y;
this.css.top = y + 'px';
}
}
// resize layer to (width, height) pixels
createObjectById.prototype.setSize = function(w, h)
{
if (w != null && typeof w == 'number')
{
if (w < 0) w = 0;
w = Math.round(w);
this.css.width = w + 'px';
}
if (h != null && typeof h == 'number')
{
if (h < 0) h = 0;
h = Math.round(h);
this.css.height = h + 'px';
}
this.update();
}
// clips layer to specific dimensions; (top, right, bottom, left) in pixels
createObjectById.prototype.clipTo = function(t, r, b, l)
{
if (t < 0) t = 0; if (r < 0) r = 0; if (b < 0) b = 0; if (l < 0) l = 0;
this.css.clip = 'rect(' + t + 'px, ' + r + 'px, ' + b + 'px, ' + l + 'px)';
}
// write content to layer
createObjectById.prototype.write = function(text)
{
if (typeof this.el.innerHTML != 'undefined')
{
this.el.innerHTML = text;
this.update();
}
}
var scroller = {
scrollables: 1, // set the number of scrollable scrollContent
step: 30, // set the timeout between each scroll
speed: 5, // set the scroll speed
wheelSpeed: 15, // set the scroll speed when using the mouse wheel
wheelScrolled: false,
timer: 0,
contentX: 0,
dragX: 0,
clickX: 0,
mouseDown: function(e)
{
e = fixEvent(e);
var canvas = new getViewport();
var mouseX = e.clientX + canvas.scrollX;
var target = (e.target.nodeType == 3 || e.target.tagName.toLowerCase() == 'img') ? e.target.parentNode : e.target;
scroller.wheelScrolled = false;
for (var i = 1; i <= scroller.scrollables; i++)
{
if (target.id == scroller.bar[i].el.id)
{
scroller.bar[i].grab = true;
scroller.clickX = mouseX - scroller.bar[i].x;
e.preventDefault();
}
else if (target.id == scroller.track[i].el.id)
{
if (scroller.content[i].w > scroller.container[i].w)
{
scroller.track[i].grab = true;
scroller.dragX = e.layerX - (scroller.bar[i].w / 2);
if (scroller.dragX < 0) scroller.dragX = 0;
if (scroller.dragX > scroller.track[i].w - scroller.bar[i].w) scroller.dragX = scroller.track[i].w - scroller.bar[i].w;
scroller.contentX = 0 - (scroller.dragX * (scroller.content[i].w - scroller.container[i].w) / Math.round(scroller.track[i].w - scroller.bar[i].w));
scroller.content[i].moveTo(scroller.contentX, 0);
scroller.bar[i].moveTo(scroller.dragX, 0);
e.preventDefault(e);
}
}
else if (target.id == scroller.left[i].el.id)
{
scroller.left[i].grab = true;
scroller.scroll(i, scroller.speed);
e.preventDefault();
}
else if (target.id == scroller.right[i].el.id)
{
scroller.right[i].grab = true;
scroller.scroll(i, -scroller.speed);
e.preventDefault();
}
}
},
mouseUp: function(e)
{
for (var i = 1; i <= scroller.scrollables; i++)
{
scroller.bar[i].grab = false;
scroller.track[i].grab = false;
scroller.left[i].grab = false;
scroller.right[i].grab = false;
}
clearTimeout(scroller.timer);
},
mouseMove: function(e)
{
for (var i = 1; i <= scroller.scrollables; i++)
{
if (scroller.bar[i].grab && scroller.content[i].w > scroller.container[i].w)
{
e = fixEvent(e);
var canvas = new getViewport();
var mouseX = e.clientX + canvas.scrollX;
scroller.dragX = mouseX - scroller.clickX;
if (scroller.dragX < 0) scroller.dragX = 0;
if (scroller.dragX > scroller.track[i].w - scroller.bar[i].w) scroller.dragX = scroller.track[i].w - scroller.bar[i].w;
scroller.contentX = 0 - (scroller.dragX * (scroller.content[i].w - scroller.container[i].w) / Math.round(scroller.track[i].w - scroller.bar[i].w));
scroller.content[i].moveTo(scroller.contentX, 0);
scroller.bar[i].moveTo(scroller.dragX,0);
e.preventDefault();
}
}
},
scroll: function(num, speed)
{
if (scroller.content[num].x < 0 || scroller.content[num].x > -scroller.content[num].w + scroller.container[num].w)
{
scroller.contentX = scroller.content[num].x + speed;
if (scroller.contentX < -(scroller.content[num].w - scroller.container[num].w)) scroller.contentX = -scroller.content[num].w + scroller.container[num].w;
else if (scroller.contentX > 0) scroller.contentX = 0;
scroller.content[num].moveTo(scroller.contentX, 0);
scroller.dragX = 0 - (scroller.content[num].x * Math.round(scroller.track[num].w - scroller.bar[num].w) / (scroller.content[num].w - scroller.container[num].w));
scroller.bar[num].moveTo(scroller.dragX, 0);
if (!scroller.wheelScrolled) scroller.timer = setTimeout('scroller.scroll(' + num + ', ' + speed + ')', scroller.step);
}
},
wheelScroll: function(e)
{
e = fixEvent(e);
var el = e.target;
if (el.id.slice(0, el.id.length - 1) != 'scrollContent')
{
do el = el.parentNode;
while (el.tagName.toLowerCase() != 'div' || el.id.slice(0, el.id.length - 1) != 'scrollContent')
}
var i = el.id.charAt(el.id.length - 1);
if (window.event.wheelDelta <= -120)
{
scroller.wheelScrolled = true;
scroller.scroll(i, -scroller.wheelSpeed);
}
else if (window.event.wheelDelta >= 120)
{
scroller.wheelScrolled = true;
scroller.scroll(i, scroller.wheelSpeed);
}
e.preventDefault();
},
init: function()
{
scroller.container = new Array();
scroller.content = new Array();
scroller.bar = new Array();
scroller.left = new Array();
scroller.right = new Array();
scroller.track = new Array();
for (var i = 1; i <= scroller.scrollables; i++)
{
scroller.container[i] = new createObjectById('scrollContainer' + i);
scroller.content[i] = new createObjectById('scrollContent' + i);
scroller.content[i].css.position = bw.moz ? 'relative' : 'absolute';
scroller.content[i].update();
scroller.bar[i] = new createObjectById('scrollBar' + i);
scroller.bar[i].grab = false;
scroller.track[i] = new createObjectById('scrollTrack' + i);
scroller.track[i].grab = false;
scroller.left[i] = new createObjectById('scrollLeft' + i);
scroller.left[i].grab = false;
scroller.right[i] = new createObjectById('scrollRight' + i);
scroller.right[i].grab = false;
if (bw.ie6) addEvent(scroller.content[i].el, 'mousewheel', scroller.wheelScroll, false);
}
addEvent(document, 'mousemove', scroller.mouseMove, false);
addEvent(document, 'mousedown', scroller.mouseDown, false);
addEvent(document, 'mouseup', scroller.mouseUp, false);
}
}
onload = scroller.init;
// lib_js by rod.rant-on.net | rodmorelos@msn.com
// keep these two lines and you're free to use this code
// functions i find useful or are used in my scripts
// measure page width and height (the viewable canvas area)
function getViewport()
{
if (document.documentElement && document.documentElement.scrollLeft) this.scrollX = document.documentElement.scrollLeft;
else if (document.body && document.body.scrollLeft) this.scrollX = document.body.scrollLeft;
else if (window.scrollX) this.scrollX = window.scrollX;
else if (window.pageXOffset) this.scrollX = window.pageXOffset;
else this.scrollX = 0;
if (document.documentElement && document.documentElement.scrollTop) this.scrollY = document.documentElement.scrollTop;
else if (document.body && document.body.scrollTop) this.scrollY = document.body.scrollTop;
else if (window.scrollY) this.scrollY = window.scrollY;
else if (window.pageYOffset) this.scrollY = window.pageYOffset;
else this.scrollY = 0;
if (document.documentElement && document.documentElement.clientWidth) this.width = document.documentElement.clientWidth;
else if (document.body && document.body.clientWidth) this.width = document.body.clientWidth;
else if (window.innerWidth) this.width = window.innerWidth;
else this.width = 0;
if (document.documentElement && document.documentElement.clientHeight) this.height = document.documentElement.clientHeight;
else if (document.body && document.body.clientHeight) this.height = document.body.clientHeight;
else if (window.innerHeight) this.height = window.innerHeight;
else this.height = 0;
}
// event listeners
// object = the object to attach the event handler to
// eventType = the type of event to listen for
// functionName = the handler function to execute when the event is fired
// capture = use event capture?
function addEvent(object, eventType, functionName, capture)
{
if (object.addEventListener)
{
object.addEventListener(eventType, functionName, capture);
return true;
}
else if (object.attachEvent)
{
var ae = object.attachEvent('on' + eventType, functionName);
return ae;
}
else { object['on' + eventType] = functionName; }
}
function removeEvent(object, eventType, functionName, capture)
{
if (object.removeEventListener)
{
object.removeEventListener(eventType, functionName, capture);
return true;
}
else if (object.detachEvent)
{
var re = object.detachEvent('on' + eventType, functionName);
return re;
}
else { object['on' + eventType] = null; }
}
function fixEvent(e, currentTarget)
{
if (!e) e = event;
if (!e.target) e.target = e.srcElement;
if (!e.currentTarget) e.currentTarget = currentTarget;
if (typeof e.layerX == 'undefined') e.layerX = e.offsetX;
if (typeof e.layerY == 'undefined') e.layerY = e.offsetY;
if (typeof e.clientX == 'undefined') e.clientX = e.pageX;
if (typeof e.clientY == 'undefined') e.clientY = e.pageY;
if (!e.stopPropagation) e.stopPropagation = function() { this.cancelBubble = true; }
if (!e.preventDefault) e.preventDefault = function() { this.returnValue = false; }
return e;
}
// browser check
function browserCheck()
{
this.ua = navigator.userAgent.toLowerCase();
this.dom = document.getElementById ? 1 : 0;
this.op7 = (this.dom && this.ua.indexOf('opera 7') > -1 || this.ua.indexOf('opera/7') > -1) ? 1 : 0;
this.ie5 = (this.dom && this.ua.indexOf('msie 5') > -1) ? 1 : 0;
this.ie6 = (this.dom && this.ua.indexOf('msie 6') > -1) ? 1 : 0;
this.moz = (this.dom && this.ua.indexOf('mozilla') > -1 && this.ua.indexOf('gecko') > -1) ? 1 : 0;
return this;
}
// returns a random number between x and y (integers)
function rand(x, y) { return (Math.round(Math.random() * (y - x)) + x); }
// browser check variable
var bw = browserCheck();
</script>
<table cellspacing=0 cellpadding=0 border="0" height=132 width=520>
<tr>
<td background=images/forsidebillederbg.jpg>
<div style="position: absolute;">
<span style="left 135px;top:-64px;position: absolute;" class=box_overskrift id=over></span>
<div id="scrollContainer1">
<div id="scrollContent1" class="clContent">
</div>
</div>
<div id="scrollLeft1"></div>
<div id="scrollRight1"></div>
<div id="scrollTrack1"><div id="scrollBar1"></div></div>
</div>
</div>
</td>
</tr>
</table>
<script>document.getElementById('over').innerHTML = ' 16-02-2005 [ IN - La Hacienda / The Dance Floor ]';</script>
<script>document.getElementById('scrollContent1').innerHTML = '<nobr><img style=border:1; src=thump.aspx?imagefilename=storage/ibyen/13/16-02-2005/{BC19974F-A906-4D8E-B87C-C1A321E90C04}.jpg&SizeConversionType=Type6><img style=border:1; src=thump.aspx?imagefilename=storage/ibyen/13/16-02-2005/{6A212043-A3DD-4A67-ADCC-054E93FF94FA}.jpg&SizeConversionType=Type6><img style=border:1; src=thump.aspx?imagefilename=storage/ibyen/13/16-02-2005/{66055B14-8979-4CA6-8119-9C856ACB3F02}.jpg&SizeConversionType=Type6><img style=border:1; src=thump.aspx?imagefilename=storage/ibyen/13/16-02-2005/{47FBB540-EB98-4B24-9C83-4F4CACB044AC}.jpg&SizeConversionType=Type6><img style=border:1; src=thump.aspx?imagefilename=storage/ibyen/13/16-02-2005/{11DC2288-4671-4459-8E93-49DBC920DEE3}.jpg&SizeConversionType=Type6><img style=border:1; src=thump.aspx?imagefilename=storage/ibyen/13/16-02-2005/{EEFB0116-CD47-45CE-9306-C0BA714A5DF6}.jpg&SizeConversionType=Type6><img style=border:1; src=thump.aspx?imagefilename=storage/ibyen/13/16-02-2005/{C3E718F2-471A-490A-A26B-14A0BE5E2F0C}.jpg&SizeConversionType=Type6><img style=border:1; src=thump.aspx?imagefilename=storage/ibyen/13/16-02-2005/{E921EE75-A59B-4E90-8488-711C78E55B3F}.jpg&SizeConversionType=Type6><img style=border:1; src=thump.aspx?imagefilename=storage/ibyen/13/16-02-2005/{BE20A8EB-FF6E-4CDB-A13A-EF3182B057A9}.jpg&SizeConversionType=Type6><img style=border:1; src=thump.aspx?imagefilename=storage/ibyen/13/16-02-2005/{11061E04-F96C-481D-B0BA-758D37DDF282}.jpg&SizeConversionType=Type6><img style=border:1; src=thump.aspx?imagefilename=storage/ibyen/13/16-02-2005/{C1C97D47-13D6-4F13-8972-721F63AED934}.jpg&SizeConversionType=Type6><img style=border:1; src=thump.aspx?imagefilename=storage/ibyen/13/16-02-2005/{E7ECD4F6-DF59-4CD8-83F9-82E778A0C9B7}.jpg&SizeConversionType=Type6><img style=border:1; src=thump.aspx?imagefilename=storage/ibyen/13/16-02-2005/{FF931426-4471-4584-940C-0CFFE5D394EB}.jpg&SizeConversionType=Type6><img style=border:1; src=thump.aspx?imagefilename=storage/ibyen/13/16-02-2005/{70F8FD6A-933F-4842-AE46-B6F45209BD81}.jpg&SizeConversionType=Type6><img style=border:1; src=thump.aspx?imagefilename=storage/ibyen/13/16-02-2005/{52A788CB-606F-4F2B-B1D1-B17F07B924A5}.jpg&SizeConversionType=Type6><img style=border:1; src=thump.aspx?imagefilename=storage/ibyen/13/16-02-2005/{AA0F6018-DA64-4C37-89AA-CA2363045CA7}.jpg&SizeConversionType=Type6><img style=border:1; src=thump.aspx?imagefilename=storage/ibyen/13/16-02-2005/{5E2B88C1-BD02-491C-8A98-D222CB29A72C}.jpg&SizeConversionType=Type6><img style=border:1; src=thump.aspx?imagefilename=storage/ibyen/13/16-02-2005/{3C418F9B-2B4B-4E29-8D7B-D7053D2BA619}.jpg&SizeConversionType=Type6><img style=border:1; src=thump.aspx?imagefilename=storage/ibyen/13/16-02-2005/{CDBA6A3D-49FA-4B40-92A6-434BD947E1CB}.jpg&SizeConversionType=Type6><img style=border:1; src=thump.aspx?imagefilename=storage/ibyen/13/16-02-2005/{A4B1E986-FABD-4BAE-A241-06E133A908A8}.jpg&SizeConversionType=Type6><img style=border:1; src=thump.aspx?imagefilename=storage/ibyen/13/16-02-2005/{6D554E84-5408-405E-B99E-20EBE23C2063}.jpg&SizeConversionType=Type6><img style=border:1; src=thump.aspx?imagefilename=storage/ibyen/13/16-02-2005/{3083F8BC-F182-4961-A7AB-26C3DC733694}.jpg&SizeConversionType=Type6><img style=border:1; src=thump.aspx?imagefilename=storage/ibyen/13/16-02-2005/{15A778E5-F02E-45F8-8614-395B2010DB43}.jpg&SizeConversionType=Type6><img style=border:1; src=thump.aspx?imagefilename=storage/ibyen/13/16-02-2005/{349F5DF2-7F2B-481B-A132-403871B53F6D}.jpg&SizeConversionType=Type6><img style=border:1; src=thump.aspx?imagefilename=storage/ibyen/13/16-02-2005/{3D440CB4-99BF-4077-B657-3A6AFE820BF1}.jpg&SizeConversionType=Type6><img style=border:1; src=thump.aspx?imagefilename=storage/ibyen/13/16-02-2005/{96E00442-4F43-48CF-B71E-461A500B55EA}.jpg&SizeConversionType=Type6><img style=border:1; src=thump.aspx?imagefilename=storage/ibyen/13/16-02-2005/{38ABD8DF-CDF5-44FD-AF1A-3C0B69810D7E}.jpg&SizeConversionType=Type6><img style=border:1; src=thump.aspx?imagefilename=storage/ibyen/13/16-02-2005/{F5E692D1-DD26-48E5-83CB-834B35399667}.jpg&SizeConversionType=Type6><img style=border:1; src=thump.aspx?imagefilename=storage/ibyen/13/16-02-2005/{388EF56D-FDA1-496D-B88C-D2C2B0ADB600}.jpg&SizeConversionType=Type6><img style=border:1; src=thump.aspx?imagefilename=storage/ibyen/13/16-02-2005/{CF31F0D1-0954-4F97-956C-B7D1BC74FB49}.jpg&SizeConversionType=Type6><img style=border:1; src=thump.aspx?imagefilename=storage/ibyen/13/16-02-2005/{471FF1B7-0DEE-4C38-A7C4-C7EC3CAD8475}.jpg&SizeConversionType=Type6><img style=border:1; src=thump.aspx?imagefilename=storage/ibyen/13/16-02-2005/{90EE7A19-AB41-4ED3-A1BD-64E7DBCE9C27}.jpg&SizeConversionType=Type6></nobr>';</script>
</div>
</td>
<td valign=top>
<div class="box" id="boxContainer"><div class="box" id="boxContent"><div style="border: 1px solid #aeacad;width: 114px;height: 23px;padding: 3px 3px 3px 3px;"><table cellspacing=0 cellpadding=0 border=0 height=17><tr> <td width=14 height=17 background=images/borange.jpg valign=top><span style="padding-top: 2px;padding-left: 2px;position: absolute;"><img src=images/pil3.gif width=12 height=12></span></td> <td width=80 height=17 background=images/borange.jpg valign=top><span class=box_overskrift>REKLAME</span></td> <td width=14 height=17 background=images/borange.jpg valign=top></td></tr><tr><td colspan=3 height=2></td></tr><tr><td colspan=3 bgcolor="#ff890e" width=108 height=100 class=box_reklame>
<object classid='clsid:D27CDB6E-AE6D-11cf-96B8-444553540000' codebase='
http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=4,0,2,0' width='140' height='350'>
<param name='movie' value='
http://www.ffab.dk/tuborg/140x350_loop.swf?clickTag=http://www.eads.dk/gorich.asp?eadsid=528'> <param name='quality' value='high'>
<PARAM NAME='bgcolor' VALUE='#E4D196' >
<PARAM NAME=WMode VALUE=Opaque>
<embed src='
http://www.ffab.dk/tuborg/140x350_loop.swf?clickTag=http://www.eads.dk/gorich.asp?eadsid=528' quality='high' pluginspage='
http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash' type='application/x-shockwave-flash' width='140' height='350'>
</embed>
</object>
</td></tr></table></div></div></div>
</td>
</tr>
</table>
</td>
<td width=4 background=images/right.jpg></td>
</tr>
<tr>
<td width=4 background=images/bundleft.jpg></td>
<td height=5 background=images/bund.jpg></td>
<td width=4 background=images/bundright.jpg></td>
</tr>
</table>
Ny bruger
Nybegynder
Opret
Preview
