Tek-Tips is the largest IT community on the Internet today!
Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!
-
Congratulations Mike Lewis on being selected by the Tek-Tips community for having the most helpful posts in the forums last week. Way to Go!
Scrolling a content in an IFRAME without using scrollbars 1
- Thread starter karu76
- Start date
You could use inline-links (<a name="sectionX">Header for section X</a>) and refer to these (<a href="#sectionX">go to Section X</a>).
This way you'd end up with a page consisting of X sections that should fit in the iframe, each obne having an UP and a DOWN link to the previous and the next section. Of course you could also include a link to the top and the bottom of tha page.
cu, Sascha cu, Sascha
This way you'd end up with a page consisting of X sections that should fit in the iframe, each obne having an UP and a DOWN link to the previous and the next section. Of course you could also include a link to the top and the bottom of tha page.
cu, Sascha cu, Sascha
- Thread starter
- #3
Hi thanks for your prompt reply, i tried as what you have mentioned, but it pops to the section where the anchor tag is used.
I want a scrolling effect..just like the way a document scrolls on the browser when you click on the scrollbar..
Maybe you can send me a simple source...i could have mis intepreted your explaination above... my eamil is karu76@yahoo.com
Thank you once again...
I want a scrolling effect..just like the way a document scrolls on the browser when you click on the scrollbar..
Maybe you can send me a simple source...i could have mis intepreted your explaination above... my eamil is karu76@yahoo.com
Thank you once again...
theocraticmind
Programmer
maybe this could be of some use:
i know the user dosen't control the scrolling, but maybe you could play with it to achive this.
i know the user dosen't control the scrolling, but maybe you could play with it to achive this.
- Thread starter
- #5
-
1
- #6
NEVERSLEEP
Programmer
Code:
<html>
<head>
<title>ScrollText</title>
<style type="text/css">
#divUp {position:absolute; left:170px; top:190px;}
#divDown {position:absolute; left:170px; top:380px;}
#divScrollTextCont {position:absolute; left:170px; top:220px; width:300px; height:150px; clip:rect(0px 300px 150px 0px); overflow:hidden; visibility:hidden;}
#divText {position:absolute; left:0px; top:0px;}
</style>
<script language="JavaScript" type="text/javascript">
function lib_bwcheck(){
this.ver=navigator.appVersion
this.agent=navigator.userAgent
this.dom=document.getElementById?1:0
this.opera5=this.agent.indexOf("Opera 5")>-1
this.ie5=(this.ver.indexOf("MSIE 5")>-1 && this.dom && !this.opera5)?1:0;
this.ie6=(this.ver.indexOf("MSIE 6")>-1 && this.dom && !this.opera5)?1:0;
this.ie4=(document.all && !this.dom && !this.opera5)?1:0;
this.ie=this.ie4||this.ie5||this.ie6
this.mac=this.agent.indexOf("Mac")>-1
this.ns6=(this.dom && parseInt(this.ver) >= 5) ?1:0;
this.ns4=(document.layers && !this.dom)?1:0;
this.bw=(this.ie6 || this.ie5 || this.ie4 || this.ns4 || this.ns6 || this.opera5)
return this
}
var bw=new lib_bwcheck()
var speed = 30
var loop, timer
function makeObj(obj,nest){
nest=(!nest) ? "":'document.'+nest+'.'
this.el=bw.dom?document.getElementById(obj):bw.ie4?document.all[obj]:bw.ns4?eval(nest+'document.'+obj):0;
this.css=bw.dom?document.getElementById(obj).style:bw.ie4?document.all[obj].style:bw.ns4?eval(nest+'document.'+obj):0;
this.scrollHeight=bw.ns4?this.css.document.height:this.el.offsetHeight
this.clipHeight=bw.ns4?this.css.clip.height:this.el.offsetHeight
this.up=goUp;this.down=goDown;
this.moveIt=moveIt; this.x=0; this.y=0;
this.obj = obj + "Object"
eval(this.obj + "=this")
return this
}
var px = bw.ns4||window.opera?"":"px";
function moveIt(x,y){
this.x = x
this.y = y
this.css.left = this.x+px
this.css.top = this.y+px
}
function goDown(move){
if (this.y>-this.scrollHeight+oCont.clipHeight){
this.moveIt(0,this.y-move)
if (loop) setTimeout(this.obj+".down("+move+")",speed)
}
}
function goUp(move){
if (this.y<0){
this.moveIt(0,this.y-move)
if (loop) setTimeout(this.obj+".up("+move+")",speed)
}
}
function scroll(speed){
if (scrolltextLoaded){
loop = true;
if (speed>0) oScroll.down(speed)
else oScroll.up(speed)
}
}
function noScroll(){
loop = false
if (timer) clearTimeout(timer)
}
var scrolltextLoaded = false
function scrolltextInit(){
oCont = new makeObj('divScrollTextCont')
oScroll = new makeObj('divText','divScrollTextCont')
oScroll.moveIt(0,0)
oCont.css.visibility = "visible"
scrolltextLoaded = true
}
if (bw.bw) onload = scrolltextInit
</script>
</head>
<body marginleft="0" marginheight="0">
<div id="divUp">
<a href="#" onmouseover="scroll(-2)" onmouseout="noScroll()" onclick="return false">[slow]</a>
<a href="#" onmouseover="scroll(-7)" onmouseout="noScroll()" onclick="return false">[medium]</a>
<a href="#" onmouseover="scroll(-10)" onmouseout="noScroll()" onclick="return false">[fast]</a>
</div>
<div id="divDown">
<a href="#" onmouseover="scroll(2)" onmouseout="noScroll()" onclick="return false">[slow]</a>
<a href="#" onmouseover="scroll(7)" onmouseout="noScroll()" onclick="return false">[medium]</a>
<a href="#" onmouseover="scroll(10)" onmouseout="noScroll()" onclick="return false">[fast]</a>
</div>
<div id="divScrollTextCont">
<div id="divText">
test text test text test text test text test text test text<br>
test text test text test text test text test text test text<br>
test text test text test text test text test text test text<br>
test text test text test text test text test text test text<br>
test text test text test text test text test text test text<br><br>
test text test text test text test text test text test text<br>
test text test text test text test text test text test text<br>
test text test text test text test text test text test text<br>
test text test text test text test text test text test text<br>
test text test text test text test text test text test text - END
</div>
</div>
</body>
</html>
someone knowledge ends where
someone else knowledge starts
- Status
Similar threads
- Locked
- Question