Hej
Som ny indenfor hjemmeside feltet oplever jeg et par problemer.
Hvordan får jeg to identiske scripts (2 scroll boxe) til at køre
på min side. De virker IKKE uafhængigt. Up/down pilene styrer kun
den ene scroll box. Regner med at det er dublikering af nogle
variable, men jeg har ikke kunne få scroll boxene til at virke
uafhængigt af hinanden.
P.s Scroll boxen er hentet fra denne side (Scrollable content II)
HVAD SKAL JEG GØRE ?
VH
Anders
Nedenunder er indsat koden :
<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>
--
Vil du lære at kode HTML, XHTML, CSS, SSI eller ASP?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! =>
http://www.html.dk/tutorials