PDA

View Full Version : JavaScript Scroll Load Problem?

NiallHoodless
12-12-2005, 10:09 PM
Hey I am new to coding basically I am rubbish. I put together a site using different codes, one of which allows me to scroll the content of the page up and down without the use of the scroll bar on interent explorer. The problem I have come across is that when I load the page I can't use the JavaScript scroll buttons to control the page until it has loaded, and if I click on the scroll buttons before it loads I have to refresh the page as they will not work at all once the page has loaded. Ill post the code for a page of the site using this JavaScript scroller any help would be much apreciated for either 1. so the scroll can be used before the page/images (don't know wich is the problem) loads or 2. a fix to the early click not work. Many thanks here is the code: PS if 1. is possible I wouldn't be able to thank you enough for helping

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Life in a nutshell.</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script language="JavaScript" type="text/JavaScript">
<!--
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_nbGroup(event, grpName) { //v6.0
var i,img,nbArr,args=MM_nbGroup.arguments;
if (event == "init" && args.length > 2) {
if ((img = MM_findObj(args[2])) != null && !img.MM_init) {
img.MM_init = true; img.MM_up = args[3]; img.MM_dn = img.src;
if ((nbArr = document[grpName]) == null) nbArr = document[grpName] = new Array();
nbArr[nbArr.length] = img;
for (i=4; i < args.length-1; i+=2) if ((img = MM_findObj(args[i])) != null) {
if (!img.MM_up) img.MM_up = img.src;
img.src = img.MM_dn = args[i+1];
nbArr[nbArr.length] = img;
} }
} else if (event == "over") {
document.MM_nbOver = nbArr = new Array();
for (i=1; i < args.length-1; i+=3) if ((img = MM_findObj(args[i])) != null) {
if (!img.MM_up) img.MM_up = img.src;
img.src = (img.MM_dn && args[i+2]) ? args[i+2] : ((args[i+1])? args[i+1] : img.MM_up);
nbArr[nbArr.length] = img;
}
} else if (event == "out" ) {
for (i=0; i < document.MM_nbOver.length; i++) {
img = document.MM_nbOver[i]; img.src = (img.MM_dn) ? img.MM_dn : img.MM_up; }
} else if (event == "down") {
nbArr = document[grpName];
if (nbArr)
for (i=0; i < nbArr.length; i++) { img=nbArr[i]; img.src = img.MM_up; img.MM_dn = 0; }
document[grpName] = nbArr = new Array();
for (i=2; i < args.length-1; i+=2) if ((img = MM_findObj(args[i])) != null) {
if (!img.MM_up) img.MM_up = img.src;
img.src = img.MM_dn = (args[i+1])? args[i+1] : img.MM_up;
nbArr[nbArr.length] = img;
} }
}
//-->
</script>
</head>

<body bgcolor="#000000" text="#FF0000" link="#000000" vlink="#FF0000" alink="#FF0000" onLoad="MM_preloadImages('http://img234.imageshack.us/img234/9607/medown7vz.png','http://img222.imageshack.us/img222/4595/familydown9vi.png','http://img234.imageshack.us/img234/2470/friendsdown1ap.png','http://img222.imageshack.us/img222/4787/bandsdown0lk.png','http://img234.imageshack.us/img234/9457/guestbookdown5up.png','http://img193.imageshack.us/img193/6672/picsdown6bz.png','http://img193.imageshack.us/img193/1585/gigsdown9xi.png','http://img234.imageshack.us/img234/7097/homedown5ro.png','http://img57.imageshack.us/img57/7680/contactmepage4lx.png')">
<table width="100%" height="100%" border="1" align="center" bordercolor="#000000">
<tr bordercolor="#FFFFFF" bgcolor="#FFFFFF">
<td width="150" height="150" align="center" valign="middle" bordercolor="#000000" bgcolor="#FFFFFF"><div align="center"><img src="http://img127.echo.cx/img127/9997/flames9sz.jpg" width="150" height="150"></div></td>
<td height="150" colspan="2" bordercolor="#000000" bgcolor="#FFFFFF"><div align="center"><img src="http://img222.imageshack.us/img222/8920/logo5gs.png"></div></td>
<td width="150" height="150" align="center" valign="middle" bordercolor="#000000" bgcolor="#FFFFFF"><div align="center"><img src="http://img127.echo.cx/img127/9997/flames9sz.jpg" width="150" height="150"></div></td>
</tr>
<tr>
<td width="150" height="300" align="center" valign="top" bordercolor="#000000" bgcolor="#000000">
<table border="0" cellpadding="0" cellspacing="0">
<tr>
<td><a href="http://www.freewebs.com/hoodless/Home.htm" target="_top" onClick="MM_nbGroup('down','group1','Home','http://img234.imageshack.us/img234/7097/homedown5ro.png',1)" onMouseOver="MM_nbGroup('over','Home','http://img234.imageshack.us/img234/7097/homedown5ro.png','http://img234.imageshack.us/img234/7097/homedown5ro.png',1)" onMouseOut="MM_nbGroup('out')"><img name="Home" src="http://img234.imageshack.us/img234/7435/homeup0ht.png" border="0" alt="" onLoad=""></a></td>
</tr>
<tr>
<td><a href="http://www.freewebs.com/hoodless/Me.htm" target="_top" onClick="MM_nbGroup('down','group1','Me','http://img234.imageshack.us/img234/9607/medown7vz.png',1)" onMouseOver="MM_nbGroup('over','Me','http://img234.imageshack.us/img234/9607/medown7vz.png','http://img234.imageshack.us/img234/9607/medown7vz.png',1)" onMouseOut="MM_nbGroup('out')"><img name="Me" src="http://img166.imageshack.us/img166/5003/meup5bm.png" border="0" alt="" onLoad=""></a></td>
</tr>
<tr>
<td><a href="http://www.freewebs.com/hoodless/Family.htm" target="_top" onClick="MM_nbGroup('down','group1','Family','http://img222.imageshack.us/img222/4595/familydown9vi.png',1)" onMouseOver="MM_nbGroup('over','Family','http://img222.imageshack.us/img222/4595/familydown9vi.png','http://img222.imageshack.us/img222/4595/familydown9vi.png',1)" onMouseOut="MM_nbGroup('out')"><img name="Family" src="http://img234.imageshack.us/img234/7207/familyup4mh.png" border="0" alt="" onLoad=""></a></td>
</tr>
<tr>
<td><a href="http://www.freewebs.com/hoodless/Friends.htm" target="_top" onClick="MM_nbGroup('down','group1','Friends','http://img234.imageshack.us/img234/2470/friendsdown1ap.png',1)" onMouseOver="MM_nbGroup('over','Friends','http://img234.imageshack.us/img234/2470/friendsdown1ap.png','http://img234.imageshack.us/img234/2470/friendsdown1ap.png',1)" onMouseOut="MM_nbGroup('out')"><img name="Friends" src="http://img234.imageshack.us/img234/475/friendsup3vm.png" border="0" alt="" onLoad=""></a></td>
</tr>
<tr>
<td><a href="http://www.freewebs.com/hoodless/Gigs.htm" target="_top" onClick="MM_nbGroup('down','group1','Gigs','http://img193.imageshack.us/img193/1585/gigsdown9xi.png',1)" onMouseOver="MM_nbGroup('over','Gigs','http://img193.imageshack.us/img193/1585/gigsdown9xi.png','http://img193.imageshack.us/img193/1585/gigsdown9xi.png',1)" onMouseOut="MM_nbGroup('out')"><img name="Gigs" src="http://img193.imageshack.us/img193/8083/gigsup2ku.png" border="0" alt="" onLoad=""></a></td>
</tr>
<tr>
<td><a href="http://www.freewebs.com/hoodless/Pics.htm" target="_top" onClick="MM_nbGroup('down','group1','Pics','http://img193.imageshack.us/img193/6672/picsdown6bz.png',1)" onMouseOver="MM_nbGroup('over','Pics','http://img193.imageshack.us/img193/6672/picsdown6bz.png','http://img193.imageshack.us/img193/6672/picsdown6bz.png',1)" onMouseOut="MM_nbGroup('out')"><img name="Pics" src="http://img193.imageshack.us/img193/5109/picsup3yc.png" border="0" alt="" onLoad=""></a></td>
</tr>
<tr>
<td><a href="http://www.freewebs.com/hoodless/Bands.htm" target="_top" onClick="MM_nbGroup('down','group1','Bands','http://img222.imageshack.us/img222/4787/bandsdown0lk.png',1)" onMouseOver="MM_nbGroup('over','Bands','http://img222.imageshack.us/img222/4787/bandsdown0lk.png','http://img222.imageshack.us/img222/4787/bandsdown0lk.png',1)" onMouseOut="MM_nbGroup('out')"><img name="Bands" src="http://img222.imageshack.us/img222/6547/bandsup2ao.png" border="0" alt="" onLoad=""></a></td>
</tr>
<tr>
<td><a href="http://www.freewebs.com/hoodless/Guestbook.htm" target="_top" onClick="MM_nbGroup('down','group1','Guestbook','http://img234.imageshack.us/img234/9457/guestbookdown5up.png',1)" onMouseOver="MM_nbGroup('over','Guestbook','http://img234.imageshack.us/img234/9457/guestbookdown5up.png','http://img234.imageshack.us/img234/9457/guestbookdown5up.png',1)" onMouseOut="MM_nbGroup('out')"><img name="Guestbook" src="http://img234.imageshack.us/img234/1521/guestbookup1yi.png" border="0" alt="" onLoad=""></a></td>
</tr>
<tr>
<td><a href="http://www.freewebs.com/hoodless/Contact Me.htm" target="_top" onClick="MM_nbGroup('down','group1','ContactMe','http://img57.imageshack.us/img57/7680/contactmepage4lx.png',1)" onMouseOver="MM_nbGroup('over','ContactMe','http://img57.imageshack.us/img57/7680/contactmepage4lx.png','http://img57.imageshack.us/img57/7680/contactmepage4lx.png',1)" onMouseOut="MM_nbGroup('out')"><img name="ContactMe" src="http://img57.imageshack.us/img57/7680/contactmepage4lx.png" border="0" alt="" onload=""></a></td>
</tr>
</table></td>
<td colspan="3" rowspan="2" align="right" valign="top" bordercolor="#000000" bgcolor="#000000"><FONT color=#ffffff>&nbsp;
</FONT>
<div style="background-color:#000000;width:100%"><center>
<font color="#FF0000" face="Courier New, Courier, mono"><strong><font size="4">Use these buttons to scroll--> </font></strong></font>
<a href="javascript:movedown()"><font color="#FF0000" face="Courier New, Courier, mono"><strong><font size="4">
Down</font></strong></font></a> <font size="4"><strong><font color="#FF0000" face="Courier New, Courier, mono"><a href="javascript:moveup()"><font color="#FF0000" face="Courier New, Courier, mono">Up</font></a>
<a href="javascript:stopscroll()"><font color="#FF0000" face="Courier New, Courier, mono">Stop</font></a>
<a href="javascript:movetop()"><font color="#FF0000" face="Courier New, Courier, mono">Top</font></a></font></strong></font>
</center>
</div>

<SCRIPT language="JavaScript1.2">

//Manual Scroller- © Dynamic Drive 2001
//For full source code, visit http://www.dynamicdrive.com

//specify speed of scroll (greater=faster)
var speed=2

iens6=document.all||document.getElementById
ns4=document.layers

if (iens6){
document.write('<div id="container" style="position:relative;width:100%;height:100%;overflow:hidden;border:0px ridge black">')
document.write('<div id="content" style="position:absolute;width:100%;left:0px;top:0px">')
}
</script>

<ilayer name="nscontainer" width=100% height=100% clip="0,0,155,160">
<layer name="nscontent" left="-1" top="-11" width=100% height=100% visibility=hidden>
<div align="center">
<table width="100%" border="0">
<tr>
<td width="25%"><div align="center"></div></td>
<td width="25%" height="20%"><div align="center"></div></td>
<td width="25%" height="20%"><div align="center"></div></td>
<td width="25%"><div align="center"></div></td>
</tr>
<tr>
<td width="25%"><div align="center"></div></td>
<td height="20%" colspan="2"><div align="center"><img src="http://img82.imageshack.us/img82/4039/17sp.jpg" width="200" height="200"></div></td>
<td width="25%"><div align="center"></div></td>
</tr>
<tr>
<td width="25%"><div align="center"></div></td>
<td height="20%" colspan="2"><div align="center"><strong><font size="4" face="Courier New, Courier, mono">If
anyone would like to contact me they can get to me on niall_hoodless@hotmail.com,
you will know when you know me well because you will hav my phone
numbers.</font></strong></div></td>
<td width="25%"><div align="center"></div></td>
</tr>
<tr>
<td width="25%"><div align="center"></div></td>
<td width="25%" height="20%"><div align="center"></div></td>
<td width="25%" height="20%"><div align="center"></div></td>
<td width="25%"><div align="center"></div></td>
</tr>
<tr>
<td width="25%"><div align="center"></div></td>
<td width="25%" height="20%"><div align="center"></div></td>
<td width="25%" height="20%"><div align="center"></div></td>
<td width="25%"><div align="center"></div></td>
</tr>
</table>

</div>
</layer>
</ilayer>

<script language="JavaScript1.2">
if (iens6){
document.write('</div></div>')
var crossobj=document.getElementById? document.getElementById("content") : document.all.content
var contentheight=crossobj.offsetHeight
}
else if (ns4){
var crossobj=document.nscontainer.document.nscontent
var contentheight=crossobj.clip.height
}

function movedown(){
if (window.moveupvar) clearTimeout(moveupvar)
if (iens6&&parseInt(crossobj.style.top)>=(contentheight*(-1)+100))
crossobj.style.top=parseInt(crossobj.style.top)-speed+"px"
else if (ns4&&crossobj.top>=(contentheight*(-1)+100))
crossobj.top-=speed
movedownvar=setTimeout("movedown()",20)
}

function moveup(){
if (window.movedownvar) clearTimeout(movedownvar)
if (iens6&&parseInt(crossobj.style.top)<=0)
crossobj.style.top=parseInt(crossobj.style.top)+speed+"px"
else if (ns4&&crossobj.top<=0)
crossobj.top+=speed
moveupvar=setTimeout("moveup()",20)
}

function stopscroll(){
if (window.moveupvar) clearTimeout(moveupvar)
if (window.movedownvar) clearTimeout(movedownvar)
}

function movetop(){
stopscroll()
if (iens6)
crossobj.style.top=0+"px"
else if (ns4)
crossobj.top=0
}

function getcontent_height(){
if (iens6)
contentheight=crossobj.offsetHeight
else if (ns4)
document.nscontainer.document.nscontent.visibility="show"
}
window.onload=getcontent_height
</script></td>
</tr>
<tr>
<td width="150" align="center" valign="top" bordercolor="#000000" bgcolor="#000000">&nbsp;</td>
</tr>
</table>

</body>
</html>
artman 186
12-13-2005, 04:23 PM
All of your functions that do the scrolling (moveup, movedown, etc) are dependent on a variable called "contentheight" that is initialized only when the window loads. What's happening is when you click those methods it interrupts the window loading sequence (for whatever reason), so contentheight never gets wired up.

The solution is to make sure that contentheight is valid before you execute the code in any of these methods. Even if the page hasnt loaded, the "scrollee"'s attribute of "offsetHeight" is still valid.

Try this version (my changes are shown in red):

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Life in a nutshell.</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script language="JavaScript" type="text/JavaScript">
<!--
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_nbGroup(event, grpName) { //v6.0
var i,img,nbArr,args=MM_nbGroup.arguments;
if (event == "init" && args.length > 2) {
if ((img = MM_findObj(args[2])) != null && !img.MM_init) {
img.MM_init = true; img.MM_up = args[3]; img.MM_dn = img.src;
if ((nbArr = document[grpName]) == null) nbArr = document[grpName] = new Array();
nbArr[nbArr.length] = img;
for (i=4; i < args.length-1; i+=2) if ((img = MM_findObj(args[i])) != null) {
if (!img.MM_up) img.MM_up = img.src;
img.src = img.MM_dn = args[i+1];
nbArr[nbArr.length] = img;
} }
} else if (event == "over") {
document.MM_nbOver = nbArr = new Array();
for (i=1; i < args.length-1; i+=3) if ((img = MM_findObj(args[i])) != null) {
if (!img.MM_up) img.MM_up = img.src;
img.src = (img.MM_dn && args[i+2]) ? args[i+2] : ((args[i+1])? args[i+1] : img.MM_up);
nbArr[nbArr.length] = img;
}
} else if (event == "out" ) {
for (i=0; i < document.MM_nbOver.length; i++) {
img = document.MM_nbOver[i]; img.src = (img.MM_dn) ? img.MM_dn : img.MM_up; }
} else if (event == "down") {
nbArr = document[grpName];
if (nbArr)
for (i=0; i < nbArr.length; i++) { img=nbArr[i]; img.src = img.MM_up; img.MM_dn = 0; }
document[grpName] = nbArr = new Array();
for (i=2; i < args.length-1; i+=2) if ((img = MM_findObj(args[i])) != null) {
if (!img.MM_up) img.MM_up = img.src;
img.src = img.MM_dn = (args[i+1])? args[i+1] : img.MM_up;
nbArr[nbArr.length] = img;
} }
}


function movedown() {
checkContentHeight();
if (window.moveupvar) {
clearTimeout(moveupvar);
}
if (iens6 && parseInt(crossobj.style.top) >= (contentheight * (-1) + 100)) {
crossobj.style.top = parseInt(crossobj.style.top) - speed + "px";
}
else if (ns4 && crossobj.top >= (contentheight * (-1) + 100)) {
crossobj.top -= speed;
}
movedownvar=setTimeout("movedown()", 20);
}

function moveup() {
checkContentHeight();
if (window.movedownvar) clearTimeout(movedownvar)
if (iens6&&parseInt(crossobj.style.top)<=0)
crossobj.style.top=parseInt(crossobj.style.top)+speed+"px"
else if (ns4&&crossobj.top<=0)
crossobj.top+=speed
moveupvar=setTimeout("moveup()",20)
}

function stopscroll(){
checkContentHeight();
if (window.moveupvar) clearTimeout(moveupvar)
if (window.movedownvar) clearTimeout(movedownvar)
}

function movetop(){
checkContentHeight();
stopscroll()
if (iens6)
crossobj.style.top=0+"px"
else if (ns4)
crossobj.top=0
}

function getcontent_height(){
if (iens6)
contentheight=crossobj.offsetHeight
else if (ns4)
document.nscontainer.document.nscontent.visibility="show"
}

function checkContentHeight() {
if (contentheight) {
return;
}
else {
getcontent_height();
}
}
//-->
</script>
</head>

<body bgcolor="#000000" text="#FF0000" link="#000000" vlink="#FF0000" alink="#FF0000" onLoad="MM_preloadImages('http://img234.imageshack.us/img234/9607/medown7vz.png','http://img222.imageshack.us/img222/4595/familydown9vi.png','http://img234.imageshack.us/img234/2470/friendsdown1ap.png','http://img222.imageshack.us/img222/4787/bandsdown0lk.png','http://img234.imageshack.us/img234/9457/guestbookdown5up.png','http://img193.imageshack.us/img193/6672/picsdown6bz.png','http://img193.imageshack.us/img193/1585/gigsdown9xi.png','http://img234.imageshack.us/img234/7097/homedown5ro.png','http://img57.imageshack.us/img57/7680/contactmepage4lx.png')">
<table width="100%" height="100%" border="1" align="center" bordercolor="#000000">
<tr bordercolor="#FFFFFF" bgcolor="#FFFFFF">
<td width="150" height="150" align="center" valign="middle" bordercolor="#000000" bgcolor="#FFFFFF"><div align="center"><img src="http://img127.echo.cx/img127/9997/flames9sz.jpg" width="150" height="150"></div></td>
<td height="150" colspan="2" bordercolor="#000000" bgcolor="#FFFFFF"><div align="center"><img src="http://img222.imageshack.us/img222/8920/logo5gs.png"></div></td>
<td width="150" height="150" align="center" valign="middle" bordercolor="#000000" bgcolor="#FFFFFF"><div align="center"><img src="http://img127.echo.cx/img127/9997/flames9sz.jpg" width="150" height="150"></div></td>
</tr>
<tr>
<td width="150" height="300" align="center" valign="top" bordercolor="#000000" bgcolor="#000000">
<table border="0" cellpadding="0" cellspacing="0">
<tr>
<td><a href="http://www.freewebs.com/hoodless/Home.htm" target="_top" onClick="MM_nbGroup('down','group1','Home','http://img234.imageshack.us/img234/7097/homedown5ro.png',1)" onMouseOver="MM_nbGroup('over','Home','http://img234.imageshack.us/img234/7097/homedown5ro.png','http://img234.imageshack.us/img234/7097/homedown5ro.png',1)" onMouseOut="MM_nbGroup('out')"><img name="Home" src="http://img234.imageshack.us/img234/7435/homeup0ht.png" border="0" alt="" onLoad=""></a></td>
</tr>
<tr>
<td><a href="http://www.freewebs.com/hoodless/Me.htm" target="_top" onClick="MM_nbGroup('down','group1','Me','http://img234.imageshack.us/img234/9607/medown7vz.png',1)" onMouseOver="MM_nbGroup('over','Me','http://img234.imageshack.us/img234/9607/medown7vz.png','http://img234.imageshack.us/img234/9607/medown7vz.png',1)" onMouseOut="MM_nbGroup('out')"><img name="Me" src="http://img166.imageshack.us/img166/5003/meup5bm.png" border="0" alt="" onLoad=""></a></td>
</tr>
<tr>
<td><a href="http://www.freewebs.com/hoodless/Family.htm" target="_top" onClick="MM_nbGroup('down','group1','Family','http://img222.imageshack.us/img222/4595/familydown9vi.png',1)" onMouseOver="MM_nbGroup('over','Family','http://img222.imageshack.us/img222/4595/familydown9vi.png','http://img222.imageshack.us/img222/4595/familydown9vi.png',1)" onMouseOut="MM_nbGroup('out')"><img name="Family" src="http://img234.imageshack.us/img234/7207/familyup4mh.png" border="0" alt="" onLoad=""></a></td>
</tr>
<tr>
<td><a href="http://www.freewebs.com/hoodless/Friends.htm" target="_top" onClick="MM_nbGroup('down','group1','Friends','http://img234.imageshack.us/img234/2470/friendsdown1ap.png',1)" onMouseOver="MM_nbGroup('over','Friends','http://img234.imageshack.us/img234/2470/friendsdown1ap.png','http://img234.imageshack.us/img234/2470/friendsdown1ap.png',1)" onMouseOut="MM_nbGroup('out')"><img name="Friends" src="http://img234.imageshack.us/img234/475/friendsup3vm.png" border="0" alt="" onLoad=""></a></td>
</tr>
<tr>
<td><a href="http://www.freewebs.com/hoodless/Gigs.htm" target="_top" onClick="MM_nbGroup('down','group1','Gigs','http://img193.imageshack.us/img193/1585/gigsdown9xi.png',1)" onMouseOver="MM_nbGroup('over','Gigs','http://img193.imageshack.us/img193/1585/gigsdown9xi.png','http://img193.imageshack.us/img193/1585/gigsdown9xi.png',1)" onMouseOut="MM_nbGroup('out')"><img name="Gigs" src="http://img193.imageshack.us/img193/8083/gigsup2ku.png" border="0" alt="" onLoad=""></a></td>
</tr>
<tr>
<td><a href="http://www.freewebs.com/hoodless/Pics.htm" target="_top" onClick="MM_nbGroup('down','group1','Pics','http://img193.imageshack.us/img193/6672/picsdown6bz.png',1)" onMouseOver="MM_nbGroup('over','Pics','http://img193.imageshack.us/img193/6672/picsdown6bz.png','http://img193.imageshack.us/img193/6672/picsdown6bz.png',1)" onMouseOut="MM_nbGroup('out')"><img name="Pics" src="http://img193.imageshack.us/img193/5109/picsup3yc.png" border="0" alt="" onLoad=""></a></td>
</tr>
<tr>
<td><a href="http://www.freewebs.com/hoodless/Bands.htm" target="_top" onClick="MM_nbGroup('down','group1','Bands','http://img222.imageshack.us/img222/4787/bandsdown0lk.png',1)" onMouseOver="MM_nbGroup('over','Bands','http://img222.imageshack.us/img222/4787/bandsdown0lk.png','http://img222.imageshack.us/img222/4787/bandsdown0lk.png',1)" onMouseOut="MM_nbGroup('out')"><img name="Bands" src="http://img222.imageshack.us/img222/6547/bandsup2ao.png" border="0" alt="" onLoad=""></a></td>
</tr>
<tr>
<td><a href="http://www.freewebs.com/hoodless/Guestbook.htm" target="_top" onClick="MM_nbGroup('down','group1','Guestbook','http://img234.imageshack.us/img234/9457/guestbookdown5up.png',1)" onMouseOver="MM_nbGroup('over','Guestbook','http://img234.imageshack.us/img234/9457/guestbookdown5up.png','http://img234.imageshack.us/img234/9457/guestbookdown5up.png',1)" onMouseOut="MM_nbGroup('out')"><img name="Guestbook" src="http://img234.imageshack.us/img234/1521/guestbookup1yi.png" border="0" alt="" onLoad=""></a></td>
</tr>
<tr>
<td><a href="http://www.freewebs.com/hoodless/Contact Me.htm" target="_top" onClick="MM_nbGroup('down','group1','ContactMe','http://img57.imageshack.us/img57/7680/contactmepage4lx.png',1)" onMouseOver="MM_nbGroup('over','ContactMe','http://img57.imageshack.us/img57/7680/contactmepage4lx.png','http://img57.imageshack.us/img57/7680/contactmepage4lx.png',1)" onMouseOut="MM_nbGroup('out')"><img name="ContactMe" src="http://img57.imageshack.us/img57/7680/contactmepage4lx.png" border="0" alt="" onload=""></a></td>
</tr>
</table></td>
<td colspan="3" rowspan="2" align="right" valign="top" bordercolor="#000000" bgcolor="#000000"><FONT color=#ffffff>&nbsp;
</FONT>
<div style="background-color:#000000;width:100%"><center>
<font color="#FF0000" face="Courier New, Courier, mono"><strong><font size="4">Use these buttons to scroll--> </font></strong></font>
<a href="javascript:movedown()"><font color="#FF0000" face="Courier New, Courier, mono"><strong><font size="4">
Down</font></strong></font></a> <font size="4"><strong><font color="#FF0000" face="Courier New, Courier, mono"><a href="javascript:moveup()"><font color="#FF0000" face="Courier New, Courier, mono">Up</font></a>
<a href="javascript:stopscroll()"><font color="#FF0000" face="Courier New, Courier, mono">Stop</font></a>
<a href="javascript:movetop()"><font color="#FF0000" face="Courier New, Courier, mono">Top</font></a></font></strong></font>
</center>
</div>

<SCRIPT language="JavaScript1.2">

//Manual Scroller- © Dynamic Drive 2001
//For full source code, visit http://www.dynamicdrive.com

//specify speed of scroll (greater=faster)
var speed=2

iens6=document.all||document.getElementById
ns4=document.layers

if (iens6){
document.write('<div id="container" style="position:relative;width:100%;height:100%;overflow:hidden;border:0px ridge black">')
document.write('<div id="content" style="position:absolute;width:100%;left:0px;top:0px">')
}
</script>

<ilayer name="nscontainer" width=100% height=100% clip="0,0,155,160">
<layer name="nscontent" left="-1" top="-11" width=100% height=100% visibility=hidden>
<div align="center">
<table width="100%" border="0">
<tr>
<td width="25%"><div align="center"></div></td>
<td width="25%" height="20%"><div align="center"></div></td>
<td width="25%" height="20%"><div align="center"></div></td>
<td width="25%"><div align="center"></div></td>
</tr>
<tr>
<td width="25%"><div align="center"></div></td>
<td height="20%" colspan="2"><div align="center"><img src="http://img82.imageshack.us/img82/4039/17sp.jpg" width="200" height="200"></div></td>
<td width="25%"><div align="center"></div></td>
</tr>
<tr>
<td width="25%"><div align="center"></div></td>
<td height="20%" colspan="2"><div align="center"><strong><font size="4" face="Courier New, Courier, mono">If
anyone would like to contact me they can get to me on niall_hoodless@hotmail.com,
you will know when you know me well because you will hav my phone
numbers.</font></strong></div></td>
<td width="25%"><div align="center"></div></td>
</tr>
<tr>
<td width="25%"><div align="center"></div></td>
<td width="25%" height="20%"><div align="center"></div></td>
<td width="25%" height="20%"><div align="center"></div></td>
<td width="25%"><div align="center"></div></td>
</tr>
<tr>
<td width="25%"><div align="center"></div></td>
<td width="25%" height="20%"><div align="center"></div></td>
<td width="25%" height="20%"><div align="center"></div></td>
<td width="25%"><div align="center"></div></td>
</tr>
</table>

</div>
</layer>
</ilayer>

<script language="JavaScript1.2">
if (iens6){
document.write('</div></div>')
var crossobj=document.getElementById? document.getElementById("content") : document.all.content
var contentheight=crossobj.offsetHeight
}
else if (ns4){
var crossobj=document.nscontainer.document.nscontent
var contentheight=crossobj.clip.height
}

window.onload=getcontent_height
</script></td>
</tr>
<tr>
<td width="150" align="center" valign="top" bordercolor="#000000" bgcolor="#000000">&nbsp;</td>
</tr>
</table>

</body>
</html>
NiallHoodless
12-13-2005, 04:43 PM
Many many thanks you have really helped me out.