09/02/03 10:45:11 B7SnZ0Q0.net
くだすれajaxでレスつかなそうなので移動してきました。
--------------------------------------
jQuery UI を使ってgoogle map のようにドラッグして表示位置を変えられるフィールドを作りたいのですが、ちょっと困っていることがあります。
<div id="dd">
<div style="background-image: url('sample1,png'); width:2000px; height:500px"></div>
<div style="background-image: url('sample2,png'); width:2000px; height:1500px"></div>
</div>
<script type="text/javascript">
$('#dd').draggable();
</script>
みたいな感じなのですが、これを実装するととりあえずドラッグアンドドロップはできました。
しかし、width :2000px とあるように、画面をはみ出る大きさの<div>要素をドラッグしようとしているのですが、例えば、ずっと左上に向けてドラッグしていって、
一番右下(2000px 2000px)が表示領域に表示されたら、それ以上左上にドラッグできないようにしたいのです。他の三方の場合もまた然りです。
現状では、一番端まで行ってもドラッグでき、その先の何もない部分まで表示されてしまうのですが、これが表示されないように&ドラッグできなくなるようにしたいのです。
どなたかアドバイスいただけたら幸いですm(_ _)m
---------------------------------------------