cursor changes but it doesn't allow me to drag?

GoogleCodeExporter commented 9 years ago

I don't understand why this doesn't work, it should be so simple, could you 
please look at this small example page of code and tell me what the heck is 
wrong? :*(

[code]

<HTML>
<HEAD>
<style>
.hello 
{width:400px;
white-space:nowrap;}

#map {
    width:200px;
    overflow:hidden;}
</style>

<TITLE> SCROLLING TEST</TITLE> 
        <SCRIPT type="text/javascript" src="js/jquery.js"></SCRIPT> 
        <SCRIPT type="text/javascript" 
src="js/jquery.scrollview.js"></SCRIPT> 

        <script type="text/javascript">
$(document).ready(function(){
  $(".hello").scrollview({
    grab:"images/openhand.cur",
    grabbing:"images/closedhand.cur"
  });

});
</script>
</HEAD>
<body>
<div id="map">
 <div class="hello">
   <p>hello hellohello hellohello hellohello hellohello hellohello 
hellohello hellohello hellohello hellohello hellohello hellohello 
hellohello hellohello hellohello hellohello hellohello hellohello 
hellohello hellohello hellohello hellohello hellohello hellohello 
hellohello hellohello hellohello hellohello hellohello hellohello 
hellohello hellohello hellohello hellohello hellohello hellohello 
hellohello hellohello hellohello hellohello hellohello hellohello 
hellohello hellohello hellohello hellohello hellohello hellohello 
hellohello hellohello hellohello hellohello hellohello hellohello 
hellohello hellohello hellohello hellohello hellohello hellohello 
hellohello hellohello hellohello hellohello hellohello hellohello 
hellohello hellohello hellohello hellohello hellohello hellohello 
hellohello hellohello hellohello hellohello hellohello hello</p>
 </div>
</div>
</body>

[/code]

Original issue reported on code.google.com by ExodusMo...@gmail.com on 30 Jul 2009 at 7:06

GoogleCodeExporter commented 9 years ago

Same here. Cursor changes, but no dragging. Tested in FF and IE7

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" 
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html;charset=utf-8">
        <script src="jquery-1.3.2.min.js" type="text/javascript"></script>
        <script src="jquery.scrollview.js" type="text/javascript"></script>
        <script type="text/javascript">
$(document).ready(function(){
  $("#map").scrollview({
    grab:"hmove.cur",
    grabbing:"hnwse.cur"
  });
});
        </script>
</head>
<body>
<div id="map">
    <div>
        <img src="largepicture.gif" width="3000" height="2000" alt="" />
    </div>
</div>
</body>
</html>

Original comment by bla...@gmail.com on 26 Nov 2009 at 1:06

GoogleCodeExporter commented 9 years ago

I have figured out.
The wrapper div must have an width and height defined, to fix my code I did:
<div id="map" style="width:1000px;height:500px;overflow:hidden;">

hope this helps

Original comment by bla...@gmail.com on 26 Nov 2009 at 1:20

tilfin / jquery-scrollview

cursor changes but it doesn't allow me to drag? #2