PDA

View Full Version : How to to move content?



lupo.sau
09-18-2006, 11:08 AM
1) Script Title: Scrollable content II

2) Script URL (on DD): http://www.dynamicdrive.com/dynamicindex11/scrollc2.htm

3) Describe problem: I can change what i want this content is always on the top-left but i want it in the middle (maybe a bit more right ) of the homepage......i'm getting crazy...please help :eek:

jscheuer1
09-18-2006, 06:33 PM
Treat the entire code of Step 1 from the demo page as though it were:


<p>Hi there</p>

If you look at it that way, you can put it anywhere you like.

lupo.sau
09-19-2006, 01:41 PM
it's not working!!!
i put the whole script in <p> .....(script)...... </p> and moved it ...nothing changed
later i tryed to change some "width"-nummbers nothing changed
is there any solution

jscheuer1
09-20-2006, 03:25 AM
Where in your page did you put the script?

lupo.sau
09-20-2006, 11:40 AM
in <body> afterwards i made the <p> - like you said and than the script (and for sure </p> </body>)
but maybe i just have to change any entry (number) at the script but i didn't found out which...

jscheuer1
09-20-2006, 04:39 PM
If that is all you have on your page, that is all you will see. Anyways, that is not exactly what I meant. I meant to treat the entire script as if it were a paragraph. Try this code:


<!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>
<div>Hello World!</div><br>&nbsp;
<script type="text/javascript">

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

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

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

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

<ilayer name="nscontainer" width=175 height=160 clip="0,0,175,160">
<layer name="nscontent" width=175 height=160 visibility=hidden>

<!--INSERT CONTENT HERE-->
<p><font size="2" face="Arial">-</font><font size="2" face="Arial"> DHTML is the
combination of HTML, JavaScript, and CSS</font></p>
<p><font size="2" face="Arial">- DOM stands for Document Object Model</font></p>
<p><font size="2" face="Arial">-</font><font size="2" face="Arial"> DHTML allows
content on a page to change on the fly, without reloading the page</font></p>
<p><font size="2" face="Arial">- CSS allows for the separation between content
definition and formatting</font></p>
<p><font size="2" face="Arial">- CSS stands for Cascading style sheet</font></p>
<p><font size="2" face="Arial">- </font><font size="2" face="Arial"><a href="http://www.dynamicdrive.com">Dynamic
Drive</a> provides free, cut and paste DHTML scripts</font></p>
<!--END CONTENT-->

</layer>
</ilayer>

<script language="JavaScript1.2">
if (iens6)
document.write('</div></div>')
</script>

<table width="175px"><td><p align="right">
<a href="#" onMouseover="moveup()" onMouseout="clearTimeout(moveupvar)"><img src="up.gif" border=0></a> <a href="#" onMouseover="movedown()" onMouseout="clearTimeout(movedownvar)"><img src="down.gif" border=0></a></p></td>
</table>

<script language="JavaScript1.2">
if (iens6){
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 (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 (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 getcontent_height(){
if (iens6)
contentheight=crossobj.offsetHeight
else if (ns4)
document.nscontainer.document.nscontent.visibility="show"
}
window.onload=getcontent_height
</script>
</body>
</html>

lupo.sau
09-21-2006, 12:42 PM
no its just a bit more down and i need it also more right on the page.....

jscheuer1
09-21-2006, 01:57 PM
Things on a page generally don't go anywhere by themselves. It is the other things around them that cause them to appear where they do. You can also place an element around the script and give that element a left margin or virtually any other style you like:


<div style="margin-left:5em;">
entire script goes here
</div>