te')); return $arr; } /* 遍历用户所有主题 * @param $uid 用户ID * @param int $page 页数 * @param int $pagesize 每页记录条数 * @param bool $desc 排序方式 TRUE降序 FALSE升序 * @param string $key 返回的数组用那一列的值作为 key * @param array $col 查询哪些列 */ function thread_tid_find_by_uid($uid, $page = 1, $pagesize = 1000, $desc = TRUE, $key = 'tid', $col = array()) { if (empty($uid)) return array(); $orderby = TRUE == $desc ? -1 : 1; $arr = thread_tid__find($cond = array('uid' => $uid), array('tid' => $orderby), $page, $pagesize, $key, $col); return $arr; } // 遍历栏目下tid 支持数组 $fid = array(1,2,3) function thread_tid_find_by_fid($fid, $page = 1, $pagesize = 1000, $desc = TRUE) { if (empty($fid)) return array(); $orderby = TRUE == $desc ? -1 : 1; $arr = thread_tid__find($cond = array('fid' => $fid), array('tid' => $orderby), $page, $pagesize, 'tid', array('tid', 'verify_date')); return $arr; } function thread_tid_delete($tid) { if (empty($tid)) return FALSE; $r = thread_tid__delete(array('tid' => $tid)); return $r; } function thread_tid_count() { $n = thread_tid__count(); return $n; } // 统计用户主题数 大数量下严谨使用非主键统计 function thread_uid_count($uid) { $n = thread_tid__count(array('uid' => $uid)); return $n; } // 统计栏目主题数 大数量下严谨使用非主键统计 function thread_fid_count($fid) { $n = thread_tid__count(array('fid' => $fid)); return $n; } ?>javascript - Coordinates of HTML elements - Stack Overflow

科技改变生活-雨落星辰 - 所有的伟大,都源于一个勇敢的开始

    最新消息：雨落星辰是一个专注网站SEO优化、网站SEO诊断、搜索引擎研究、网络营销推广、网站策划运营及站长类的自媒体原创博客
    你的位置： 首页>programmer>javascript - Coordinates of HTML elements - Stack Overflow

    javascript - Coordinates of HTML elements - Stack Overflow

    programmeradmin3浏览0评论

    I am going to create a selection 'lasso' that the user can use to select portions of a table. I figured that positioning a div over the region is far easier than trying to manipulate the cell borders.

    If you don't understand what I mean, open up a spread sheet and drag over a region. I want the div to align perfectly with the cell borders.

    I have a very good idea of how to do this, but how would I get the (x,y) coordinates (screen position) of a table cell (td)?

    I am going to create a selection 'lasso' that the user can use to select portions of a table. I figured that positioning a div over the region is far easier than trying to manipulate the cell borders.

    If you don't understand what I mean, open up a spread sheet and drag over a region. I want the div to align perfectly with the cell borders.

    I have a very good idea of how to do this, but how would I get the (x,y) coordinates (screen position) of a table cell (td)?

    • javascript
    • jquery
    • html
    • html-table
    • coordinates
    Share Improve this question edited Nov 22, 2017 at 19:40 Brian Tompsett - 汤莱恩 5,89372 gold badges61 silver badges133 bronze badges asked Jun 6, 2011 at 16:22 user686605user686605
    Add a ment  | 

    4 Answers 4

    Reset to default 7

    Use .offset() along with .height() and .width() if necessary.

    var td = $(someTDReference);
var pos = td.offset();
pos.bottom = pos.top + td.height();
pos.right = pos.left + td.width();
// pos now contains top, left, bottom, and right in pixels

    Edit: Not .position(), use .offset(). Updated above.

    Edit: Changed pos.width() to td.width()

    Hey you should be able to do it like this (jsFiddle): http://jsfiddle/jackrugile/YKHkX/

    $('td').hover(function(){
    var xPos = Math.floor($(this).offset().left);
    var yPos = Math.floor($(this).offset().top);
});

    The Math.floor gets rid of the crazy decimals and makes it easier to work with in my opinion. Hope that helps!

    you can use pageX and pageY to trackdown the mouse cursor x , y 

    $("#your_div").mouseover(function(e))
{
    x = e.pageX;
    y = e.pageY;
}

    you can set the div border to highlight the div on mouseover simply by

    $("#your_div").css("border","1px solid black");

    this will kinda show current div selectable effect...

    that if if the div is

    position:fixed and then you can read its left and top property

    hope that helps you

    For those who doesn't want to use jquery:

    var coordinates = td.getBoundingClientRect();
console.log(coordinates.left, coordinates.top, coordinates.right, coordinates.bottom);

    与本文相关的文章

    发布评论

    评论列表(0)

    1. 暂无评论