PDA

View Full Version : I new to this



coldstate
09-03-2006, 11:10 PM
http://www.dynamicdrive.com/dynamicindex11/scrollc.htm

I'm tring to add "scrollable content" from the "dynamic content". The problem is the fact I don't know how to move the box to a different area of the page because it's in the top left corner. I know how to change the size and color.

jscheuer1
09-04-2006, 01:30 AM
Just put the code wherever you want the Scrollable content to appear in the body of your page. A frequent mistake is putting the code in the head of the page.

coldstate
09-04-2006, 02:07 AM
I still need help, somebody please copy and paste the code exactly where it would go in a html document

jscheuer1
09-04-2006, 02:21 AM
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/1999/REC-html401-19991224/loose.dtd">
<html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

</head>
<body>
<p> Hey look! The scroller is <b>below</b> me because that is where it is in the <b>body</b>.</p>
<ilayer name="scroll1" width=170 height=150 clip="0,0,170,150">
<layer name="scroll2" width=170 height=150 bgColor="lightyellow">
<div id="scroll3" style="width:170px;height:150px;background-color:lightyellow;overflow:auto">
<big>T</big>his is a cool script that allows you to compact any content and confine it within a scrollable mini "window" Save valuable document space while making your page more "interactive", all at the same time! This script uses two different techniques- one for IE, one for NS- to create the scrollable window. Scrollbars will be available to IE 4 users to scroll the window, while NS users will need to use the "up" and "down" buttons instead (since NS does not support the adding of scrollbars to contents).
</div>
</layer>
</ilayer>

<script>

/***********************************************
* Scrollable content Script- Dynamic Drive (www.dynamicdrive.com)
* This notice must stay intact for use
* Visit http://www.dynamicdrive.com/ for full source code
***********************************************/

var nsstyle='display:""'
if (document.layers)
var scrolldoc=document.scroll1.document.scroll2
function up(){
if (!document.layers) return
if (scrolldoc.top<0)
scrolldoc.top+=10
temp2=setTimeout("up()",50)
}
function down(){
if (!document.layers) return
if (scrolldoc.top-150>=scrolldoc.document.height*-1)
scrolldoc.top-=10
temp=setTimeout("down()",50)
}

function clearup(){
if (window.temp2)
clearInterval(temp2)
}

function cleardown(){
if (window.temp)
clearInterval(temp)
}

</script>
<br><span style="display:none" style=&{nsstyle};><a href="#" onMousedown="up()"
onMouseup="clearup()" onClick="return false" onMouseout="clearup()">Up</a> | <a href="#"
onMousedown="down()" onMouseup="cleardown()" onClick="return false"
onMouseout="cleardown()">Down</a> | <a href="#" onClick="if (document.layers) scrolldoc.top=0;return false">Top</a> | <a href="#" onClick="if (document.layers) scrolldoc.top=scrolldoc.document.height*(-1)+150;return false">Bottom</a></span>
<p> Hey look! The scroller is <b>above</b> me because that is where it is in the <b>body</b>.</p>
</body>
</html>

coldstate
09-04-2006, 02:27 AM
that's what I did and I still keeps staying at the top left of the page how do I change the location on the page?

jscheuer1
09-04-2006, 04:30 AM
Can't make it any simpler than that. Copy and paste the above (my last post) into a text editor and save as test.htm and view it in the browser. You will see that the first paragraph is above the scroller and that the second paragraph is below it. You can put the scroller inside a table if you like, or in a division (<div></div>), anywhere. If you know how to place other items, like images for example, on a page using a text editor - then just treat the entire script and its markup as though it is an image tag.