Scrolling continues after dragging off the button.
Hi guys,
I am new to java script so I hop I will be more of a help to the forum in the future.
I have a page divided into two frames. For the purpose of a touh screen.
Their is the main page and a side control bar with some links and scroll up and down arrow buttons.
It all works fine unless I hold down the button and drag my finger away to a neutral area. - The page just keeps scrolling untill it reaches the bottom or until I hit another button.
I know its not mission critical an could even be disgised as a feature but I would just like to see it solved.
Hope you can make sense of my code. I deleted anything not of use.
Thanks Anthony.
<script language="javascript">
<!--
function scrollUp()
{
parent.left_frm.scrollBy(0,-100);
scrolldelay = setTimeout('scrollUp()',250);
}
function scrollDown()
{
parent.left_frm.scrollBy(0,100);
scrolldelay = setTimeout('scrollDown()',250);
}
function doNothing()
{
}
//-->
</script>
</HEAD>
<LINK href="tsk.css" type=text/css rel="STYLESHEET">
<BODY BGCOLOR=#ffffff>
<Form>
<table border=0 HEIGHT=100% ALIGN='CENTER'>
<tr valign=top>
<td align=left>
<input type="image" src="../images/UpArrow.gif" name="btnup1" onMouseOver="doNothing()" onMouseDown="scrollUp()" onMouseUp="doNothing()" onMouseOut="doNothing()" onDrag="doNothing()"><br /><br />
</tr>
<tr valign=bottom>
<td align=left>
<input type="image" src="../images/DownArrow.gif" align=center name="btnDown1" onMouseOver="doNothing()" onMouseDown="scrollDown()" onMouseUp="doNothing()" onMouseOut="" onDrag="doNothing()"><br /><br />
</tr>
</table>
</form>
</BODY></HTML>
CSS Codes
Reply With Quote
Bookmarks