36 lines
No EOL
19 KiB
HTML
36 lines
No EOL
19 KiB
HTML
<!DOCTYPE html><!--[if lt IE 7]> <html class="no-js ie6 oldie" lang="en"> <![endif]-->
|
|
<!--[if IE 7]> <html class="no-js ie7 oldie" lang="en"> <![endif]-->
|
|
<!--[if IE 8]> <html class="no-js ie8 oldie" lang="en"> <![endif]-->
|
|
<!--[if gt IE 8]><!--> <html class="no-js" lang="en"> <!--<![endif]--><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><title>Anchor - Ace API</title><meta name="generator" content="panino-doc-build"><meta name="description" content="Ace API documentation for the online code editor"><meta name="author" content="Garen J. Torikian"><script src="./resources/javascripts/jquery.js"></script><script src="../doc/site//js/main.js"></script><link rel="stylesheet" media="all and (max-device-width: 480px)" href="doc/site/iphone.css"><link rel="stylesheet" media="all and (min-device-width: 481px) and (max-device-width: 1024px)" href="doc/site/iphone.css"><link href="./resources/ace/skeleton/images/favicon.ico" rel="icon" type="image/x-icon"><link rel="stylesheet" href="./resources/csses/bootstrap.min.css"><link href="../doc/site//style.css" rel="stylesheet" type="text/css"><link rel="stylesheet" href="./resources/csses/ace_api.css"><link rel="stylesheet" href="./resources/csses/font-awesome.css"><link href="./resources/images/favicon.ico" rel="icon" type="image/x-icon"><script src="./resources/javascripts/bbq.js"></script><script src="./resources/javascripts/jquery.collapse.js"></script><script src="./resources/javascripts/jquery.cookie.js"></script><script src="./resources/javascripts/bootstrap-dropdown.js"></script><script src="./resources/javascripts/bootstrap-tab.js"></script></head><body><div id="wrapper"><div class="content"><div class="column2"><div id="top_container" class="collapse"><h1>The high performance code editor for the web.</h1><div id="page_logo"><img src="doc/site/images/logo.png"></div></div><div style="clear: both;"></div><ul id="tabnav" class="nav nav-pills"><li><a href="/"><img src=".//resources/images/ace_logo_menu.png"></a></li><li><a href="../index.html#nav=about" data-toggle="tab">About</a></li><li><a href="../index.html#nav=embedding" data-toggle="tab">Embedding Guide</a></li><li><a href="../index.html#nav=howto" data-toggle="tab">How-To Guide</a></li><li class="active"><a href="index.html">API Reference</a></li><li><a href="../index.html#nav=production" data-toggle="tab">ACE in Production</a></li><li><a href="../index.html#nav=support" data-toggle="tab">Support</a></li></ul><div class="tab-content"><div class="row centerpiece"><div id="sidebarContainer" class="span3"><div id="sidebar"><div id="well"><form id="searchbox" action="" class="navbar-search"> <input name="query" type="text" placeholder="Search the API" title="Search across all the documentation" class="search-query span3"></form><h3 class="api_title">Ace Reference</h3><div class="swirl_divider"> </div><ul class="menu"><li><div class="menu-item"><a href="ace.html#nav=api" class="menuLink namespace">Ace</a></div></li><li><div class="menu-item"><a href="anchor.html#nav=api" class="menuLink namespace">Anchor</a></div></li><li><div class="menu-item"><a href="background_tokenizer.html#nav=api" class="menuLink namespace">BackgroundTokenizer </a></div></li><li><div class="menu-item"><a href="document.html#nav=api" class="menuLink namespace">Document </a></div></li><li><div class="menu-item"><a href="edit_session.html#nav=api" class="menuLink namespace">EditSession </a></div></li><li><div class="menu-item"><a href="editor.html#nav=api" class="menuLink namespace">Editor</a></div></li><li><div class="menu-item"><a href="range.html#nav=api" class="menuLink namespace">Range</a></div></li><li><div class="menu-item"><a href="scrollbar.html#nav=api" class="menuLink namespace">Scrollbar</a></div></li><li><div class="menu-item"><a href="search.html#nav=api" class="menuLink namespace">Search </a></div></li><li><div class="menu-item"><a href="selection.html#nav=api" class="menuLink namespace">Selection </a></div></li><li><div class="menu-item"><a href="token_iterator.html#nav=api" class="menuLink namespace">TokenIterator</a></div></li><li><div class="menu-item"><a href="tokenizer.html#nav=api" class="menuLink namespace">Tokenizer</a></div></li><li><div class="menu-item"><a href="undomanager.html#nav=api" class="menuLink namespace">UndoManager</a></div></li><li><div class="menu-item"><a href="virtual_renderer.html#nav=api" class="menuLink namespace">VirtualRenderer</a></div></li></ul></div></div></div><div id="mainContent" class="span9"><div id="documentation"><div class="classContent"><div class="membersBackground"></div><div class=" members pos0"><div class=" membersContent pos0"><h1 class="memberHeader"><span class="name">Anchor<span class="editInC9"> <a href='http://c9.io/open/git/?url=git%3A%2F%2Fgithub.com%2Fajaxorg%2Face.git' title='Edit in Cloud9 IDE'>[edit]</a></span></span></h1><ul data-tabs="tabs" class="nav tabs pos0"><li data-dropdown="dropdown" class="dropdown"><a href="#" data-toggle="dropdown" class="dropdown-toggle"><span>Events (1)</span><b class="caret"></b></a><ul class="dropdown-menu"><li data-id="Anchor.event.change" class="memberLink"><a href="#Anchor.event.change" class="" title="Anchor.event.change (event)" data-id="Anchor.event.change">change</a></li></ul></li><li data-dropdown="dropdown" class="dropdown"><a href="#" data-toggle="dropdown" class="dropdown-toggle"><span>Constructors (1)</span><b class="caret"></b></a><ul class="dropdown-menu"><li data-id="Anchor.new" class="memberLink"><a href="#Anchor.new" class="" title="Anchor.new (constructor)" data-id="Anchor.new">new</a></li></ul></li><li data-dropdown="dropdown" class="dropdown"><a href="#" data-toggle="dropdown" class="dropdown-toggle"><span>Functions (5)</span><b class="caret"></b></a><ul class="dropdown-menu"><li data-id="Anchor.clipPositionToDocument" class="memberLink"><a href="#Anchor.clipPositionToDocument" class="" title="Anchor.clipPositionToDocument (class method)" data-id="Anchor.clipPositionToDocument">clipPositionToDocument</a></li><li data-id="Anchor.detach" class="memberLink"><a href="#Anchor.detach" class="" title="Anchor.detach (class method)" data-id="Anchor.detach">detach</a></li><li data-id="Anchor.getDocument" class="memberLink"><a href="#Anchor.getDocument" class="" title="Anchor.getDocument (class method)" data-id="Anchor.getDocument">getDocument</a></li><li data-id="Anchor.getPosition" class="memberLink"><a href="#Anchor.getPosition" class="" title="Anchor.getPosition (class method)" data-id="Anchor.getPosition">getPosition</a></li><li data-id="Anchor.setPosition" class="memberLink"><a href="#Anchor.setPosition" class="" title="Anchor.setPosition (class method)" data-id="Anchor.setPosition">setPosition</a></li></ul></li><li data-dropdown="dropdown" class="dropdown"><ul class="dropdown-menu"></ul></li><li data-dropdown="dropdown" class="dropdown"><ul class="dropdown-menu"></ul></li><li data-dropdown="dropdown" class="dropdown"><ul class="dropdown-menu"></ul></li><li data-dropdown="dropdown" class="dropdown"><ul class="dropdown-menu"></ul></li></ul></div></div><article id="Anchor" data-title="Anchor (class)" class="article"><div class="section description"><div class="memberContent"><p>Defines the floating pointer in the document. Whenever text is inserted or deleted before the cursor, the position of the cursor is updated</p>
|
|
</div></div></article><h3 class="sectionHeader">Constructors</h3><article id="Anchor.new" data-title="Anchor.new (constructor)" class="article"><div class="section method"><div class="memberContent"><div class="title"><i id="Anchor.new" class="methodToggle methodClicker inactive icon-caret-right"></i><ul class="signatures"><li class="signature"><ul><li class="signature-call"><span class="constructorIdentifier">new </span><span id="Anchor.new" class="member-name methodClicker">Anchor</span>(<span class="sigArgList"><a href="document.html#Document" class="argument methodClicker" title="Document (class)" data-id="Document">Document</a> doc, <a href="http://www.nodemanual.org/latest/js_doc/Number.html" class="argument methodClicker" title="Number" data-id="Number">Number</a> row, <a href="http://www.nodemanual.org/latest/js_doc/Number.html" class="argument methodClicker" title="Number" data-id="Number">Number</a> column</span>)</li></ul><ul class="metaInfo"></ul></li></ul></div><div class="sideToggler"><div id="ellipsis_Anchor.new" class="ellipsis_description"><p>Creates a new <code>Anchor</code> and associates it with a document.</p>
|
|
</div><div class="description"><p>Creates a new <code>Anchor</code> and associates it with a document.</p>
|
|
<h4>Arguments</h4><table class="argumentTable argument-list table table-striped table-bordered"><tr class="argumentRow "><td class="argName ">doc</td><td class="argType" "><a href="document.html#Document" class="" title="Document (class)" data-id="Document">Document</a></td><td class="argDescription "><p>Required. The document to associate with the anchor</p>
|
|
</td></tr><tr class="argumentRow "><td class="argName ">row</td><td class="argType" "><a href="http://www.nodemanual.org/latest/js_doc/Number.html" class="" title="Number" data-id="Number">Number</a></td><td class="argDescription "><p>Required. The starting row position</p>
|
|
</td></tr><tr class="argumentRow "><td class="argName ">column</td><td class="argType" "><a href="http://www.nodemanual.org/latest/js_doc/Number.html" class="" title="Number" data-id="Number">Number</a></td><td class="argDescription "><p>Required. The starting column position</p>
|
|
</td></tr></table></div></div></div></div></article><h3 class="sectionHeader">Events</h3><article id="Anchor.event.change" data-title="Anchor.event.change (event)" class="article"><div class="section method"><div class="memberContent"><div class="title"><i id="Anchor.event.change" class="methodToggle methodClicker inactive icon-caret-right"></i><ul class="signatures"><li class="signature"><ul><li class="signature-call"><span class="eventObjName">Anchor</span><span class="eventListenerStart">.on("</span><span id="Anchor.event.change" class="member-name eventMember methodClicker">change</span><span class="eventListenerClose">", </span><span class="eventFunctionOpen">function(</span><a href="http://www.nodemanual.org/latest/js_doc/Object.html" class="argument methodClicker" title="Object" data-id="Object">Object</a> e<span class="eventFunctionClose">))</span></li></ul><ul class="metaInfo"></ul></li></ul></div><div class="sideToggler"><div id="ellipsis_Anchor.event.change" class="ellipsis_description"><p>Fires whenever the anchor position changes.</p>
|
|
</div><div class="description"><p>Fires whenever the anchor position changes.</p>
|
|
<p>Events that can trigger this function include <a href="#Anchor.setPosition" class="link-short" title="Anchor.setPosition (class method)" data-id="Anchor.setPosition"><code>setPosition()</code></a>.</p>
|
|
<h4>Arguments</h4><table class="argumentTable argument-list table table-striped table-bordered"><tr class="argumentRow "><td class="argName ">e</td><td class="argType" "><a href="http://www.nodemanual.org/latest/js_doc/Object.html" class="" title="Object" data-id="Object">Object</a></td><td class="argDescription "><p>Required. An object containing information about the anchor position. It has two properties:</p>
|
|
<ul>
|
|
<li><p><code>old</code>: An object describing the old Anchor position</p>
|
|
</li>
|
|
<li><p><code>value</code>: An object describing the new Anchor position </p>
|
|
<p>Both of these objects have a <code>row</code> and <code>column</code> property corresponding to the position.</p>
|
|
</li>
|
|
</ul>
|
|
</td></tr></table></div></div></div></div></article><h3 class="sectionHeader">Methods</h3><article id="Anchor.clipPositionToDocument" data-title="Anchor.clipPositionToDocument (class method)" class="article"><div class="section method"><div class="memberContent"><div class="title"><i id="Anchor.clipPositionToDocument" class="methodToggle methodClicker inactive icon-caret-right"></i><ul class="signatures"><li class="signature"><ul><li class="signature-call"><span id="Anchor.clipPositionToDocument" class="member-name methodClicker"><span class="sigClassName">Anchor.</span><span class="sigMemberName">clipPositionToDocument</span></span>(<span class="sigArgList"><a href="http://www.nodemanual.org/latest/js_doc/Number.html" class="argument methodClicker" title="Number" data-id="Number">Number</a> row, <a href="http://www.nodemanual.org/latest/js_doc/Number.html" class="argument methodClicker" title="Number" data-id="Number">Number</a> column</span>)</li></ul><ul class="metaInfo"><li><span class="label internal">Internal</span></li></ul></li></ul></div><div class="sideToggler"><div id="ellipsis_Anchor.clipPositionToDocument" class="ellipsis_description"><p>Clips the anchor position to the specified row and column.</p>
|
|
</div><div class="description"><p>Clips the anchor position to the specified row and column.</p>
|
|
<h4>Arguments</h4><table class="argumentTable argument-list table table-striped table-bordered"><tr class="argumentRow "><td class="argName ">row</td><td class="argType" "><a href="http://www.nodemanual.org/latest/js_doc/Number.html" class="" title="Number" data-id="Number">Number</a></td><td class="argDescription "><p>Required. The row index to clip the anchor to</p>
|
|
</td></tr><tr class="argumentRow "><td class="argName ">column</td><td class="argType" "><a href="http://www.nodemanual.org/latest/js_doc/Number.html" class="" title="Number" data-id="Number">Number</a></td><td class="argDescription "><p>Required. The column index to clip the anchor to</p>
|
|
</td></tr></table></div></div></div></div></article><article id="Anchor.detach" data-title="Anchor.detach (class method)" class="article"><div class="section method"><div class="memberContent"><div class="title"><i id="Anchor.detach" class="methodToggle methodClicker inactive icon-caret-right"></i><ul class="signatures"><li class="signature"><ul><li class="signature-call"><span id="Anchor.detach" class="member-name methodClicker"><span class="sigClassName">Anchor.</span><span class="sigMemberName">detach</span></span>(<span class="sigArgList"></span>)</li></ul><ul class="metaInfo"></ul></li></ul></div><div class="sideToggler"><div id="ellipsis_Anchor.detach" class="ellipsis_description"><p>When called, the <code>'change'</code> event listener is removed.</p>
|
|
</div><div class="description"><p>When called, the <code>'change'</code> event listener is removed.</p>
|
|
</div></div></div></div></article><article id="Anchor.getDocument" data-title="Anchor.getDocument (class method)" class="article"><div class="section method"><div class="memberContent"><div class="title"><i id="Anchor.getDocument" class="methodToggle methodClicker inactive icon-caret-right"></i><ul class="signatures"><li class="signature"><ul><li class="signature-call"><span id="Anchor.getDocument" class="member-name methodClicker"><span class="sigClassName">Anchor.</span><span class="sigMemberName">getDocument</span></span>(<span class="sigArgList"></span>)<li class="signature-returns"><ul class="argument-types"><li class="argument-type"><a href="document.html#Document" class="returnType " title="Document (class)" data-id="Document">Document</a></li></ul></li></li></ul><ul class="metaInfo"></ul></li></ul></div><div class="sideToggler"><div id="ellipsis_Anchor.getDocument" class="ellipsis_description"><p>Returns the current document.</p>
|
|
</div><div class="description"><p>Returns the current document.</p>
|
|
</div></div></div></div></article><article id="Anchor.getPosition" data-title="Anchor.getPosition (class method)" class="article"><div class="section method"><div class="memberContent"><div class="title"><i id="Anchor.getPosition" class="methodToggle methodClicker inactive icon-caret-right"></i><ul class="signatures"><li class="signature"><ul><li class="signature-call"><span id="Anchor.getPosition" class="member-name methodClicker"><span class="sigClassName">Anchor.</span><span class="sigMemberName">getPosition</span></span>(<span class="sigArgList"></span>)<li class="signature-returns"><ul class="argument-types"><li class="argument-type"><a href="http://www.nodemanual.org/latest/js_doc/Object.html" class="returnType " title="Object" data-id="Object">Object</a></li></ul></li></li></ul><ul class="metaInfo"></ul></li></ul></div><div class="sideToggler"><div id="ellipsis_Anchor.getPosition" class="ellipsis_description"><p>Returns an object identifying the <code>row</code> and <code>column</code> position of the current anchor.</p>
|
|
</div><div class="description"><p>Returns an object identifying the <code>row</code> and <code>column</code> position of the current anchor.</p>
|
|
</div></div></div></div></article><article id="Anchor.setPosition" data-title="Anchor.setPosition (class method)" class="article"><div class="section method"><div class="memberContent"><div class="title"><i id="Anchor.setPosition" class="methodToggle methodClicker inactive icon-caret-right"></i><ul class="signatures"><li class="signature"><ul><li class="signature-call"><span id="Anchor.setPosition" class="member-name methodClicker"><span class="sigClassName">Anchor.</span><span class="sigMemberName">setPosition</span></span>(<span class="sigArgList"><a href="http://www.nodemanual.org/latest/js_doc/Number.html" class="argument methodClicker" title="Number" data-id="Number">Number</a> row, <a href="http://www.nodemanual.org/latest/js_doc/Number.html" class="argument methodClicker" title="Number" data-id="Number">Number</a> column, <a href="http://www.nodemanual.org/latest/js_doc/Boolean.html" class="argument methodClicker" title="Boolean" data-id="Boolean">Boolean</a> noClip</span>)</li></ul><ul class="metaInfo"></ul></li></ul></div><div class="sideToggler"><div id="ellipsis_Anchor.setPosition" class="ellipsis_description"><p>Sets the anchor position to the specified row and column. If <code>noClip</code> is <code>true</code>, the position is not clipped.</p>
|
|
</div><div class="description"><p>Sets the anchor position to the specified row and column. If <code>noClip</code> is <code>true</code>, the position is not clipped.</p>
|
|
<h4>Arguments</h4><table class="argumentTable argument-list table table-striped table-bordered"><tr class="argumentRow "><td class="argName ">row</td><td class="argType" "><a href="http://www.nodemanual.org/latest/js_doc/Number.html" class="" title="Number" data-id="Number">Number</a></td><td class="argDescription "><p>Required. The row index to move the anchor to</p>
|
|
</td></tr><tr class="argumentRow "><td class="argName ">column</td><td class="argType" "><a href="http://www.nodemanual.org/latest/js_doc/Number.html" class="" title="Number" data-id="Number">Number</a></td><td class="argDescription "><p>Required. The column index to move the anchor to</p>
|
|
</td></tr><tr class="argumentRow "><td class="argName ">noClip</td><td class="argType" "><a href="http://www.nodemanual.org/latest/js_doc/Boolean.html" class="" title="Boolean" data-id="Boolean">Boolean</a></td><td class="argDescription "><p>Required. Identifies if you want the position to be clipped</p>
|
|
</td></tr></table></div></div></div></div></article></div></div><div id="disqus_thread"></div></div></div></div></div></div></div><script defer src="./resources/javascripts/ux.js"></script><script src="./resources/javascripts/clicker.js"></script><script src="./resources/javascripts/jquery-scrollspy.js"></script><script defer src="./resources/javascripts/disqus-ext.js"></script><script defer src="./resources/javascripts/ga.js"></script></body></html> |