Scroll bar in php thing

**Darksushi** · 05-21-2005, 11:57 PM

im new at this whole website thing
but on my site, the index includes a menu but has a php script in it which shows the pages so the menu is always there
im bad at explaining this
but basically it makes it so that all the pages are http://www.site.com/index.php?page=PAGE

i want make it so the page that is displayed within the index has a vertical scroll bar
so the whole thing wont move, just the page inside the index...

hope that made sense

**HTML** · 05-22-2005, 08:47 AM

It may be best of you post a link so we can get a better view of what you are saying.

Dave

**ALL** · 05-22-2005, 10:04 AM

well, i would say use IFrames

**Darksushi** · 05-22-2005, 12:01 PM

http://free.hostultra.com/~aardvark/

**ALL** · 05-22-2005, 12:34 PM

here:

Code:

<script language="JavaScript" src="/root/hostultra.php"></script>
<html>

<head>

<title>Aardvark Anime</title>
<link rel="stylesheet" href="styles.css" type="text/css">
			
			<center>
			
			
			<!-- php script START -->
			
			
			
			<link rel="stylesheet" href="styles.css" type="text/css">
</head>


<body>
<script language="Javascript">
<!--
//This credit line must stay intact
//Status Scrolling script
//For this script, visit java-scripts.net 

myMsg = "Welcome to Aardvark Anime!!!          "

i=0

function scrollMsg() {
    frontPart = myMsg.substring(i,myMsg.length)
    backPart = myMsg.substring(0,i)
    window.status = frontPart + backPart

    if (i < myMsg.length) {
        i++
    }
    else {
        i = 0
    }

    setTimeout("scrollMsg()",50)

}

window.onload=scrollMsg
//-->
</script>

<div align="center">

	<table border="2" cellpadding="0" height="450" width="900" bgcolor="#738369" bordercolorlight="#114477" bordercolordark="#114477" style="border-collapse: collapse">
		<tr>
			<td colspan="2" valign="top">
			<p align="center">
			<img border="0" src="images/banner.png" width="900" height="100"></td>
		</tr>
		<tr>
			<td colspan="2" valign="top">
			<div align="center">

				<table border="0" cellpadding="0" cellspacing="0" width="900" background="nav_strip.png" height="20" style="font-family: Verdana; color: #114477; font-size: 10px; font-weight: bold">
					<tr>
						<td width="28" align="center">
						<p align="center">&nbsp;</td>
						<td width="99" align="center">
						<a href="index.php?page=main">Home</a></td>
						<td width="99" align="center">
						<a href="index.php?page=main">Downloads</a></td>

						<td width="99" align="center">
						<a href="index.php?page=main">About Us</a></td>
						<td width="99" align="center">
						<a href="index.php?page=main">Forums</a></td>
						<td width="28" align="center">&nbsp;</td>
					</tr>
				</table>
			</div>

			</td>
		</tr>
		<tr>
			<td width="750" valign="top">
			
            &nbsp;
    </table>
</div>
</center>
<iframe src="http://www.ahfb2000.com" name="content"
 frameborder="0" height="420" width="100%">your browser does not
support iframes at the moment</iframe>			<!-- php script END -->
			
			
			
			
<table>
			<td width="200" valign="top">
			<div align="left">

				<table border="0" cellpadding="0" cellspacing="0" width="100%">
					<tr>
						<td>
			<div align="center">
				<table border="0" cellpadding="0" cellspacing="0" width="100%" background="images/nav_header_top.png" height="19">
					<tr>
						<td>
						<p align="center"><font color="#FFFFFF">
						<b>News</b></font></td>

					</tr>
				</table>
			</div>
			
			<center>
			
			<marquee height="65" scrollamount="1" direction="up" onmouseover="this.stop()" onmouseout="this.start()"><center>Welcome to Aardvark Anime! The Layout is still in progress...</center></marquee>
			
			</center>
			
			<div align="center">
				<table border="0" cellpadding="0" cellspacing="0" width="100%" background="nav_header.png" height="20">

					<tr>
						<td>
						<p align="center"><font color="#FFFFFF">
						<b>Anime</b></font></td>
					</tr>
				</table>
			</div>
			
			<img border="0" src="navicon.gif" width="13" height="6"><a href="index.php?page=main">Naruto</a><br>

			<img border="0" src="navicon.gif" width="13" height="6"><a href="index.php?page=main">Full Metal Alchemist</a><br>
			<img border="0" src="navicon.gif" width="13" height="6"><a href="index.php?page=main">Dragonball/Z/GT</a><br>
			<img border="0" src="navicon.gif" width="13" height="6"><a href="index.php?page=main">Link</a><br>
			<img border="0" src="navicon.gif" width="13" height="6"><a href="index.php?page=main">Link</a><div align="center">
				<table border="0" cellpadding="0" cellspacing="0" width="100%" background="nav_header.png" height="20">
					<tr>
						<td>

						<p align="center"><font color="#FFFFFF">
						<b>Manga</b></font></td>
					</tr>
				</table>
			</div>
			
			<img border="0" src="navicon.gif" width="13" height="6"><a href="index.php?page=main">Naruto</a><br>
			<img border="0" src="navicon.gif" width="13" height="6"><a href="index.php?page=main">Link</a><br>

			<img border="0" src="navicon.gif" width="13" height="6"><a href="index.php?page=main">Link</a><br>
			<img border="0" src="navicon.gif" width="13" height="6"><a href="index.php?page=main">Link</a><br>
			<img border="0" src="navicon.gif" width="13" height="6"><a href="index.php?page=main">Link</a><div align="center">
				<table border="0" cellpadding="0" cellspacing="0" width="100%" background="nav_header.png" height="20">
					<tr>
						<td>
						<p align="center"><font color="#FFFFFF">

						<b>Non-Anime/Manga related</b></font></td>
					</tr>
				</table>
			</div>
			
			<img border="0" src="navicon.gif" width="13" height="6"><a href="index.php?page=main">Link</a><br>
			<img border="0" src="navicon.gif" width="13" height="6"><a href="index.php?page=main">Link</a><br>
			<img border="0" src="navicon.gif" width="13" height="6"><a href="index.php?page=main">Link</a><br>

			<img border="0" src="navicon.gif" width="13" height="6"><a href="index.php?page=main">Link</a><br>
			<img border="0" src="navicon.gif" width="13" height="6"><a href="index.php?page=main">Link</a></td>
					</tr>
				</table>
			</div>
			</td>
		<tr>

			<td colspan="2" valign="top">
			<div align="center">
				<table border="0" cellpadding="0" cellspacing="0" width="100%" background="footer.png" height="20" style="font-size: 10px; color: #FFFFFF; font-family: Verdana; font-weight: bold">
					<tr>
						<td>
						<p align="center">Copyright 2005 Aardvark Anime&nbsp; |&nbsp; 
						Layout by 
						<font color="#FFFFFF">Darksushi and Spixxx</font>&nbsp; |&nbsp;

						<a href="javascript:scroll(0,0)"><font color="#FFFFFF">Go To Top?</font></a></td>
					</tr>
				</table>
			</div>
			</td>
		</tr>

</body>

**Darksushi** · 05-22-2005, 12:44 PM

..that messes up the rest of the page

**ALL** · 05-22-2005, 01:20 PM

woops, i didnt ketch that extra "<body>" that was in there, here this code should work:

Code:

<script language="JavaScript" src="http://free.hostultra.com/~aardvark/root/hostultra.php"></script>
<html>
	<head>
		<title>Aardvark Anime</title>
		<link rel="stylesheet" href="http://free.hostultra.com/~aardvark/styles.css" type="text/css">
						<center>
							<!-- php script START -->
							<link rel="stylesheet" href="http://free.hostultra.com/~aardvark/styles.css" type="text/css">
                            <base target="content">
	</head>
	<body>
		<script language="Javascript">
<!--
//This credit line must stay intact
//Status Scrolling script
//For this script, visit java-scripts.net 

myMsg = "Welcome to Aardvark Anime!!!          "

i=0

function scrollMsg() {
    frontPart = myMsg.substring(i,myMsg.length)
    backPart = myMsg.substring(0,i)
    window.status = frontPart + backPart

    if (i < myMsg.length) {
        i++
    }
    else {
        i = 0
    }

    setTimeout("scrollMsg()",50)

}

window.onload=scrollMsg
//-->
		</script>
		<div align="center">
			<table border="2" cellpadding="0" height="450" width="900" bgcolor="#738369" bordercolorlight="#114477"
				bordercolordark="#114477" style="border-collapse: collapse" ID="Table1">
				<tr>
					<td colspan="2" valign="top">
						<p align="center">
							<img border="0" src="images/banner.png" width="900" height="100">
					</td>
				</tr>
				<tr>
					<td colspan="2" valign="top">
						<div align="center">
							<table border="0" cellpadding="0" cellspacing="0" width="900" background="nav_strip.png"
								height="20" style="font-family: Verdana; color: #114477; font-size: 10px; font-weight: bold"
								ID="Table2">
								<tr>
									<td width="28" align="center">
										<p align="center">
										&nbsp;</td>
									<td width="99" align="center">
                                        <a href="index.php?page=main">Home</a></td>
									<td width="99" align="center">
										<a href="index.php?page=main">Downloads</a></td>
									<td width="99" align="center">
										<a href="index.php?page=main">About Us</a></td>
									<td width="99" align="center">
										<a href="index.php?page=main">Forums</a></td>
									<td width="28" align="center">&nbsp;</td>
								</tr>
							</table>
						</div>
					</td>
				</tr>
				<tr>
					<td width="750" valign="top">
							<iframe src="http://www.ahfb2000.com" name="content" frameborder="0" height="420" width="100%">your browser does notsupport iframes at the moment</iframe>
							<!-- php script END -->
						</center>
					</td>
					<td width="200" valign="top">
						<div align="left">
							<table border="0" cellpadding="0" cellspacing="0" width="100%" ID="Table3">
								<tr>
									<td>
										<div align="center">
											<table border="0" cellpadding="0" cellspacing="0" width="100%" background="images/nav_header_top.png"
												height="19" ID="Table4">
												<tr>
													<td>
														<p align="center"><font color="#FFFFFF"> <b>News</b></font>
													</td>
												</tr>
											</table>
										</div>
										<center>
											<marquee height="65" scrollamount="1" direction="up" onmouseover="this.stop()" onmouseout="this.start()"><center>Welcome 
													to Aardvark Anime! The Layout is still in progress...</center>
											</marquee>
										</center>
										<div align="center">
											<table border="0" cellpadding="0" cellspacing="0" width="100%" background="nav_header.png"
												height="20" ID="Table5">
												<tr>
													<td>
														<p align="center"><font color="#FFFFFF"> <b>Anime</b></font>
													</td>
												</tr>
											</table>
										</div>
										<img border="0" src="navicon.gif" width="13" height="6"><a href="index.php?page=main">Naruto</a><br>
										<img border="0" src="navicon.gif" width="13" height="6"><a href="index.php?page=main">Full 
											Metal Alchemist</a><br>
										<img border="0" src="navicon.gif" width="13" height="6"><a href="index.php?page=main">Dragonball/Z/GT</a><br>
										<img border="0" src="navicon.gif" width="13" height="6"><a href="index.php?page=main">Link</a><br>
										<img border="0" src="navicon.gif" width="13" height="6"><a href="index.php?page=main">Link</a><div align="center">
											<table border="0" cellpadding="0" cellspacing="0" width="100%" background="nav_header.png"
												height="20" ID="Table6">
												<tr>
													<td>
														<p align="center"><font color="#FFFFFF"> <b>Manga</b></font>
													</td>
												</tr>
											</table>
										</div>
										<img border="0" src="navicon.gif" width="13" height="6"><a href="index.php?page=main">Naruto</a><br>
										<img border="0" src="navicon.gif" width="13" height="6"><a href="index.php?page=main">Link</a><br>
										<img border="0" src="navicon.gif" width="13" height="6"><a href="index.php?page=main">Link</a><br>
										<img border="0" src="navicon.gif" width="13" height="6"><a href="index.php?page=main">Link</a><br>
										<img border="0" src="navicon.gif" width="13" height="6"><a href="index.php?page=main">Link</a><div align="center">
											<table border="0" cellpadding="0" cellspacing="0" width="100%" background="nav_header.png"
												height="20" ID="Table7">
												<tr>
													<td>
														<p align="center"><font color="#FFFFFF"> <b>Non-Anime/Manga related</b></font>
													</td>
												</tr>
											</table>
										</div>
										<img border="0" src="navicon.gif" width="13" height="6"><a href="index.php?page=main">Link</a><br>
										<img border="0" src="navicon.gif" width="13" height="6"><a href="index.php?page=main">Link</a><br>
										<img border="0" src="navicon.gif" width="13" height="6"><a href="index.php?page=main">Link</a><br>
										<img border="0" src="navicon.gif" width="13" height="6"><a href="index.php?page=main">Link</a><br>
										<img border="0" src="navicon.gif" width="13" height="6"><a href="index.php?page=main">Link</a></td>
								</tr>
							</table>
						</div>
					</td>
				</tr>
				<tr>
					<td colspan="2" valign="top">
						<div align="center">
							<table border="0" cellpadding="0" cellspacing="0" width="100%" background="footer.png"
								height="20" style="font-size: 10px; color: #FFFFFF; font-family: Verdana; font-weight: bold"
								ID="Table8">
								<tr>
									<td>
										<p align="center">Copyright 2005 Aardvark Anime&nbsp; |&nbsp; Layout by <font color="#FFFFFF">
												Darksushi and Spixxx</font>&nbsp; |&nbsp; <a href="javascript:scroll(0,0)"><font color="#FFFFFF">
													Go To Top?</font></a>
									</td>
								</tr>
							</table>
						</div>
					</td>
				</tr>
			</table>
		</div>
	</body>
</html>

**Darksushi** · 05-22-2005, 04:24 PM

it works! yes!
thank you SO much

i dont kno much about iframes
so how would i change the page in the iframe if the link is clicked outside of the iframe?

**ALL** · 05-22-2005, 07:51 PM

it already should, but there are two ways of doing it:

Code:

<base target="content">

which every link will open in that frame, or:

Code:

<a target="content" href="http://www.somewhere.com/somthing.php">somthing</a>

that example you will have to apply to every link.

**Darksushi** · 05-22-2005, 10:30 PM

w00t
thanks ALL

Thread: Scroll bar in php thing

Thread Tools

Related

Almost Done, Need DIV expert for one thing Forum: Myspace Forum

Whats teh next best thing?? Forum: General Discussion

So how about this whole end of the world thing... Forum: General Discussion

How do i make a thing that goes across the screen Forum: Graphics Forum

Scroll bar in php thing

Re: Scroll bar in php thing

Re: Scroll bar in php thing

Re: Scroll bar in php thing

Re: Scroll bar in php thing

Re: Scroll bar in php thing

Re: Scroll bar in php thing

Re: Scroll bar in php thing

Re: Scroll bar in php thing

Re: Scroll bar in php thing

Tags for this Thread

Cloudjiffy- PaaS for Developers