| T O P I C R E V I E W |
| 1user2 |
Posted - 27 Jan 2008 : 11:00:20
who can solve the following "problem" ?
I made a page with an i-frame, incl. colored scrollbar - no problem.
Now I want to hide the scrollbar completely and make the i-frame scrolling by mouse-over and mouse-out to an image(arrow up and arrow down)
By my knowledge I'll have to do this with a correct javascript, but I am not a java programmer :)
Who can help me ? |
| 3 L A T E S T R E P L I E S (Newest First) |
| s.dav |
Posted - 31 Jan 2008 : 09:55:10
You have to:
1- create a script block on the header of the page contained into the IFRAME
put into it two functions
<script>
function goDown()
{
document.offsetTop+=5;
}
function goUp()
{
if (document.offsetTop>5)
document.offsetTop-=5;
else
document.offsetTop=0;
}
</script>
2- create the down and up arrows
3- assign event to arrows, choose "onClick", "JavaCall", "goDown();" |
| 1user2 |
Posted - 30 Jan 2008 : 15:32:23
thnx Dav.
The "style"tag works but I don't know how to go on with the rest, sorry |
| s.dav |
Posted - 28 Jan 2008 : 09:12:52
Try the follows:
1- add this style to the body tag (by creating a "style" tag into the header code of the page inserted into the iframe)
<style type="text/css">
body {overflow:hidden;}
</style>
no tried but it should hide scrollbars
The IFRAME tag itself has some properties that will permit you to hide scrollbars if the style trick doesn't work
2- the code that will permit the page to scroll should be a thing like this:
document.offsetTop=xxx;
so for scrolling down:
document.offsetTop+=5;
up:
if (document.offsetTop>5)
document.offsetTop-=5;
else
document.offsetTop=0;
You can use the Javascript setTimeOut function to recall a javascript function after some time.
no tested but it should work. |
