467,210 Members | 1,194 Online
Bytes | Developer Community
Ask Question

Home New Posts Topics Members FAQ

Post your question to a community of 467,210 developers. It's quick & easy.

ilayer help

having some difficulty with removing some img's out of an ilayer...

i have a frame with a scroll text within an ilayer that works off a rollover..

sample:
[HTML]<html>
<head>
<title></title>
<script language="JavaScript1.2">

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

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

if (iens6){
document.write('<div id="1" style="position:relative;top:150;width:175;height: 160;border:0px;overflow:hidden">')
document.write('<div id="2" style="position:absolute;width:170;left:0;top:0">' )
}
</script>
</head>
<ilayer name="ns1" width=175 height=160 clip="0,0,175,160">
<layer name="ns2" width=175 height=160 visibility=hidden>

<!-CONTENT START-->
<!--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)>=(contentheig ht*(-1)+100))
crossobj.style.top=parseInt(crossobj.style.top)-speed
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)+sp eed
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>
[/HTML]

The problem is that the table with the scroll contorls are below the ilayer. I want them to be above? but I cant get them out of the ilayer... do i need to have a diffferent start layer?
help?!
Feb 26 '08 #1
  • viewed: 1597
Share:
10 Replies
drhowarddrfine
Expert 4TB
There is no such thing as an <ilayer> or a <layer>. Where did you get such a thing?
Feb 26 '08 #2
it was a copy script that had what i was looking to do...

basically, i have a iframe set up and am looking to have the information on the normal page scrolled when a button is clicked. This provided me the ability to do that however everything became part of this layer... and i cant get it out.

Can you provide some other advice?
Feb 26 '08 #3
drhowarddrfine
Expert 4TB
That's javascript so I"m moving this to that board. Your code looks like it was written by the ancients though.
Feb 26 '08 #4
That's javascript so I"m moving this to that board. Your code looks like it was written by the ancients though.

not a problem!

It was - mainly because i am still learning this stuff and I am an ancient!

Any help here would be greatly appreciated!

Still getting to grips with css think i am almost there.... but java is still messing with my brain!
Feb 27 '08 #5
acoder
Expert Mod 8TB
That is ancient code. You can get rid of all the layer/ilayer stuff as well as the additional JavaScript that deals with it. Do you need to support Netscape 4/IE4 users for some reason?
Feb 28 '08 #6
That is ancient code. You can get rid of all the layer/ilayer stuff as well as the additional JavaScript that deals with it. Do you need to support Netscape 4/IE4 users for some reason?

nope not at all...
just was the only one i knew....

what is the alternative? I havent been in this game for ages! = please also see.... http://www.thescripts.com/forum/thread776059.html
Feb 28 '08 #7
acoder
Expert Mod 8TB
It's not that difficult. Here is a quick edit (not tested) :
[HTML]<html>
<head>
<title></title>
<script type="text/javascript">
//specify speed of scroll (greater=faster)
var speed=5
</script>
</head>
<body>
<div id="1" style="position:relative;top:150;width:175;height: 160;border:0px;overflow:hidden">
<div id="2" style="position:absolute;width:170;left:0;top:0"></div></div>

<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 type="text/javascript">
var crossobj=document.getElementById("content")
var contentheight=crossobj.offsetHeight

function movedown(){
if (parseInt(crossobj.style.top)>=(contentheight*(-1)+100))
crossobj.style.top=(parseInt(crossobj.style.top)-speed)+"px";
movedownvar=setTimeout("movedown()",20)
}

function moveup(){
if (parseInt(crossobj.style.top)<=0)
crossobj.style.top=(parseInt(crossobj.style.top)+s peed)+"px";
moveupvar=setTimeout("moveup()",20)
}

function getcontent_height(){
contentheight=crossobj.offsetHeight
}
window.onload=getcontent_height
</script>
</body>
</html>
[/HTML]
Feb 28 '08 #8
It's not that difficult. Here is a quick edit (not tested) :
[HTML]<html>
<head>
<title></title>
<script type="text/javascript">
//specify speed of scroll (greater=faster)
var speed=5
</script>
</head>
<body>
<div id="1" style="position:relative;top:150;width:175;height: 160;border:0px;overflow:hidden">
<div id="2" style="position:absolute;width:170;left:0;top:0"></div></div>

<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 type="text/javascript">
var crossobj=document.getElementById("content")
var contentheight=crossobj.offsetHeight

function movedown(){
if (parseInt(crossobj.style.top)>=(contentheight*(-1)+100))
crossobj.style.top=(parseInt(crossobj.style.top)-speed)+"px";
movedownvar=setTimeout("movedown()",20)
}

function moveup(){
if (parseInt(crossobj.style.top)<=0)
crossobj.style.top=(parseInt(crossobj.style.top)+s peed)+"px";
moveupvar=setTimeout("moveup()",20)
}

function getcontent_height(){
contentheight=crossobj.offsetHeight
}
window.onload=getcontent_height
</script>
</body>
</html>
[/HTML]
Have tried that but coming up with errors on page... not sure why... are you able to post a tested script?
Feb 28 '08 #9
Have tried that but coming up with errors on page... not sure why... are you able to post a tested script?
managed to play around with it enough to fix it thanks!
Feb 29 '08 #10
acoder
Expert Mod 8TB
managed to play around with it enough to fix it thanks!
Oh, good. Can you post your final version?
Feb 29 '08 #11

Post your reply

Sign in to post your reply or Sign up for a free account.

Similar topics

2 posts views Thread by mike | last post: by
6 posts views Thread by wukexin | last post: by
9 posts views Thread by mike | last post: by
3 posts views Thread by Colin J. Williams | last post: by
7 posts views Thread by Corepaul | last post: by
5 posts views Thread by Steve | last post: by
8 posts views Thread by Mark | last post: by
By using this site, you agree to our Privacy Policy and Terms of Use.