容器中的图像 jQuery 滚动条。（如facebookcropper）无法获取位置值

发布于 2024-08-29 22:47:02 字数 927 浏览 6 评论 0原文

心里真的很痛。

我有一个 php 图像上传器，一切都很好，并且保存了文件，jquery ajax 在修改后的 html div 中返回图像，其 div 设置如下：

#crop-holder {
  width:80px;
  height:80px;
  margin:10px 10px 20px 10px;
  border:1px #c0c0c0 solid;
  overflow:hidden;
  cursor:move;
 }

图像显示正常，我正在使用 jquery rollview 插件：< a href="http://code.google.com/p/jquery-scrollview/" rel="nofollow noreferrer">http://code.google.com/p/jquery-scrollview/

我有尝试在插件中添加几行来存储scrollTop和Left的变量，然后在我的页面中用x和y替换两个隐藏的输入值。然后在 div 中返回的 ajax html 上，我尝试单击按钮（例如）检索两个隐藏输入的值...

这是我添加到插件中的内容（我不是 js 专家！） :

.mouseout(function(){ 
 var _m = this.m;
    var lasty = _m.scrollTop();
   getElementById("ycord").value = lasty;
   var lastx = _m.scrollLeft();
  getElementById("xcord").value = lastx;
   self.stopgrab();
             })

还是没有运气！！

我怎样才能获得scrollTop和scrollLeft并成功地准备它们发送到另一个php脚本！？

：）

谢谢

原文

Having a reallllll mind pain.

I have a php image uploader which is all good and sotring the file and the jquery ajax is returning the image in an ammended html div with a div set up like this:

#crop-holder {
  width:80px;
  height:80px;
  margin:10px 10px 20px 10px;
  border:1px #c0c0c0 solid;
  overflow:hidden;
  cursor:move;
 }

The image is viewing fine and I am using the jquery scrollview plugin: http://code.google.com/p/jquery-scrollview/

I have tried adding a few lines to the plugin to store variables of scrollTop and Left and then replacing two hidden input values with x and y in my page. And then on the returned ajax html in the div I am trying to on a button click (for example) retrieve the values of the two hidden inputs....

Heres what i added to the plugin (i'm no js expert!):

.mouseout(function(){ 
 var _m = this.m;
    var lasty = _m.scrollTop();
   getElementById("ycord").value = lasty;
   var lastx = _m.scrollLeft();
  getElementById("xcord").value = lastx;
   self.stopgrab();
             })

Still no luck!!

How can I get the scrollTop and scrollLeft and successfully prepare them for sending onto another php script!?

Thanks:)

stefpretty

分享到QQ

分享到微博