GV

GeezerVison

The World Wide Web, restored to 800 pixels of glory.

Home|About|Gaming cabinet|Archives|How it works|Starter sites

On this site

  • addCss
  • addMeta
  • addStyle
  • allowSelect
  • create
  • createCss
  • denySelect
  • download
  • getSelectionRange
  • getTextSize
  • getValue
  • index
  • insertBefore
  • locate

This view

  • Original page
  • New address

GeezerVison is showing docs.webix.com — offset of html, Methods Webix Docs

Widgets Samples Demos Forum Services
Documentation
  • addCss
  • addMeta
  • addStyle
  • allowSelect
  • create
  • createCss
  • denySelect
  • download
  • getSelectionRange
  • getTextSize
  • getValue
  • index
  • insertBefore
  • locate
  • offset
  • pos
  • posRelative
  • preventEvent
  • remove
  • removeCss
  • removeStyle
  • setSelectionRange
  • stopEvent
  • triggerEvent
StartAPI ReferencehtmlMethods

offset

returns the position of an HTML element on the page and its size

object offset(HTMLElement node);
nodeHTMLElementan HTML element
objectthe position object of an HTML element

Example

var elem = document.getElementById("myDiv")
webix.html.offset(elem); // returns {y: 20, x: 28, width: 600, height: 600}

Details

The returned object contains the following properties:

  • y - the top absolute position
  • x - the left absolute position
  • width - the width of the element
  • height - the height of the element
See also
  • API
    • pos, posRelative
  • Back to top
    Join Our Forum
    We've retired comments here. Visit our forum for faster technical support, connect with other developers, and share your feedback there.
    Go to Forum
    • Components
    • Accordion
    • Calendar
    • Carousel
    • Chart
    • Controls
    • Comments
    • DataTable
    •  
    • DataView
    • Filter
    • Form
    • Layout
    • List
    • Menu
    • Tabview
    •  
    • Timeline
    • Toolbar
    • Tree
    • TreeTable
    • UnitList
    • Uploader
    • Window
    • Complex Widgets
    • Pivot
    • Kanban Board
    • Query
    • File Manager
    • Document Manager
    • SpreadSheet
    • Desktop
    •  
    • User Manager
    • Chat
    • Scheduler
    • Gantt
    • Report Manager
    • Diagram
    • Diagram Editor
    • ToDo
    • Resources
    • Snippet Editor
    • UI Designer
    • Skin Builder
    • Form Builder
    • Tutorials
    • Blog
    • Client Area
    Webix © XB Software Ltd
    2013-2026
    You are visitor 01402503 — GeezerVison does not store the pages you look up.
    Best viewed with Netscape Navigator 4.7 or Internet Explorer 6 at 800×600. No cookies required.