maxGraph/docs/js-api/files/util/mxWindow-js.html

173 lines
73 KiB
HTML
Raw Normal View History

2012-05-21 20:32:26 +00:00
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN" "http://www.w3.org/TR/REC-html40/strict.dtd">
<html><head><title>mxWindow</title><link rel="stylesheet" type="text/css" href="../../styles/main.css"><script language=JavaScript src="../../javascript/main.js"></script><script language=JavaScript src="../../javascript/prettify.js"></script><script language=JavaScript src="../../javascript/searchdata.js"></script></head><body class="ContentPage" onLoad="NDOnLoad();prettyPrint();"><script language=JavaScript><!--
if (browserType) {document.write("<div class=" + browserType + ">");if (browserVer) {document.write("<div class=" + browserVer + ">"); }}// --></script>
<!-- Generated by Natural Docs, version 1.5 -->
<!-- http://www.naturaldocs.org -->
<!-- saved from url=(0026)http://www.naturaldocs.org -->
<div id=Content><div class="CClass"><div class=CTopic id=MainTopic><h1 class=CTitle><a name="mxWindow"></a>mxWindow</h1><div class=CBody><p>Basic window inside a document.</p><h4 class=CHeading>Examples</h4><p>Creating a simple window.</p><blockquote><pre class="prettyprint">var tb = document.createElement('div');
var wnd = new mxWindow('Title', tb, 100, 100, 200, 200, true, true);
wnd.setVisible(true);</pre></blockquote><p>Creating a window that contains an iframe.</p><blockquote><pre class="prettyprint">var frame = document.createElement('iframe');
frame.setAttribute('width', '192px');
frame.setAttribute('height', '172px');
frame.setAttribute('src', 'http://www.example.com/');
frame.style.backgroundColor = 'white';
var w = document.body.clientWidth;
var h = (document.body.clientHeight || document.documentElement.clientHeight);
var wnd = new mxWindow('Title', frame, (w-200)/2, (h-200)/3, 200, 200);
2012-10-29 20:17:12 +00:00
wnd.setVisible(true);</pre></blockquote><p>To limit the movement of a window, eg. to keep it from being moved beyond the top, left corner the following method can be overridden (recommended):</p><blockquote><pre class="prettyprint">wnd.setLocation = function(x, y)
{
x = Math.max(0, x);
y = Math.max(0, y);
mxWindow.prototype.setLocation.apply(this, arguments);
};</pre></blockquote><h4 class=CHeading>Or the following event handler can be used</h4><blockquote><pre class="prettyprint">wnd.addListener(mxEvent.MOVE, function(e)
{
wnd.setLocation(Math.max(0, wnd.getX()), Math.max(0, wnd.getY()));
2013-06-28 19:07:06 +00:00
});</pre></blockquote><!--START_ND_SUMMARY--><div class=Summary><div class=STitle>Summary</div><div class=SBorder><table border=0 cellspacing=0 cellpadding=0 class=STable><tr class="SMain"><td class=SEntry><a href="#mxWindow" >mxWindow</a></td><td class=SDescription>Basic window inside a document.</td></tr><tr class="SGroup SIndent1"><td class=SEntry><a href="#mxWindow.Events" >Events</a></td><td class=SDescription></td></tr><tr class="SEvent SIndent2 SMarked"><td class=SEntry><a href="#mxWindow.mxEvent.MOVE_START" >mxEvent.<wbr>MOVE_START</a></td><td class=SDescription>Fires before the window is moved. </td></tr><tr class="SEvent SIndent2"><td class=SEntry><a href="#mxWindow.mxEvent.MOVE" >mxEvent.MOVE</a></td><td class=SDescription>Fires while the window is being moved. </td></tr><tr class="SEvent SIndent2 SMarked"><td class=SEntry><a href="#mxWindow.mxEvent.MOVE_END" >mxEvent.<wbr>MOVE_END</a></td><td class=SDescription>Fires after the window is moved. </td></tr><tr class="SEvent SIndent2"><td class=SEntry><a href="#mxWindow.mxEvent.RESIZE_START" >mxEvent.<wbr>RESIZE_START</a></td><td class=SDescription>Fires before the window is resized. </td></tr><tr class="SEvent SIndent2 SMarked"><td class=SEntry><a href="#mxWindow.mxEvent.RESIZE" >mxEvent.<wbr>RESIZE</a></td><td class=SDescription>Fires while the window is being resized. </td></tr><tr class="SEvent SIndent2"><td class=SEntry><a href="#mxWindow.mxEvent.RESIZE_END" >mxEvent.<wbr>RESIZE_END</a></td><td class=SDescription>Fires after the window is resized. </td></tr><tr class="SEvent SIndent2 SMarked"><td class=SEntry><a href="#mxWindow.mxEvent.MAXIMIZE" >mxEvent.<wbr>MAXIMIZE</a></td><td class=SDescription>Fires after the window is maximized. </td></tr><tr class="SEvent SIndent2"><td class=SEntry><a href="#mxWindow.mxEvent.MINIMIZE" >mxEvent.<wbr>MINIMIZE</a></td><td class=SDescription>Fires after the window is minimized. </td></tr><tr class="SEvent SIndent2 SMarked"><td class=SEntry><a href="#mxWindow.mxEvent.NORMALIZE" >mxEvent.<wbr>NORMALIZE</a></td><td class=SDescription>Fires after the window is normalized, that is, it returned from maximized or minimized state. </td></tr><tr class="SEvent SIndent2"><td class=SEntry><a href="#mxWindow.mxEvent.ACTIVATE" >mxEvent.<wbr>ACTIVATE</a></td><td class=SDescription>Fires after a window is activated. </td></tr><tr class="SEvent SIndent2 SMarked"><td class=SEntry><a href="#mxWindow.mxEvent.SHOW" >mxEvent.SHOW</a></td><td class=SDescription>Fires after the window is shown. </td></tr><tr class="SEvent SIndent2"><td class=SEntry><a href="#mxWindow.mxEvent.HIDE" >mxEvent.HIDE</a></td><td class=SDescription>Fires after the window is hidden. </td></tr><tr class="SEvent SIndent2 SMarked"><td class=SEntry><a href="#mxWindow.mxEvent.CLOSE" >mxEvent.<wbr>CLOSE</a></td><td class=SDescription>Fires before the window is closed. </td></tr><tr class="SEvent SIndent2"><td class=SEntry><a href="#mxWindow.mxEvent.DESTROY" >mxEvent.<wbr>DESTROY</a></td><td class=SDescription>Fires before the window is destroyed. </td></tr><tr class="SGroup SIndent1"><td class=SEntry><a href="#mxWindow.Functions" >Functions</a></td><td class=SDescription></td></tr><tr class="SFunction SIndent2 SMarked"><td class=SEntry><a href="#mxWindow.mxWindow" id=link1 onMouseOver="ShowTip(event, 'tt1', 'link1')" onMouseOut="HideTip('tt1')">mxWindow</a></td><td class=SDescription>Constructs a new window with the given dimension and title to display the specified content. </td></tr><tr class="SGroup SIndent1"><td class=SEntry><a href="#mxWindow.Variables" >Variables</a></td><td class=SDescription></td></tr><tr class="SVariable SIndent2 SMarked"><td class=SEntry><a href="#mxWindow.closeImage" id=link2 onMouseOver="ShowTip(event, 'tt2', 'link2')" onMouseOut="HideTip('tt2')">closeImage</a></td><td class=SDescription>URL of the image to be used for the close icon in the titlebar.</td></tr><tr class="SVariable SIndent2"><td class=SEntry><a href="#mxWindow.minimizeImage" id=link3 onMouseOver="ShowTip(event, 'tt3', 'link3')" onMouseOut="HideTip('tt3')">minimizeImage</a></td><td
2012-05-21 20:32:26 +00:00
2012-10-29 20:17:12 +00:00
<div class="CGroup"><div class=CTopic><h3 class=CTitle><a name="mxWindow.Events"></a>Events</h3></div></div>
2012-05-21 20:32:26 +00:00
2012-10-29 20:17:12 +00:00
<div class="CEvent"><div class=CTopic><h3 class=CTitle><a name="mxWindow.mxEvent.MOVE_START"></a>mxEvent.<wbr>MOVE_START</h3><div class=CBody><p>Fires before the window is moved.&nbsp; The &lt;code&gt;event&lt;/code&gt; property contains the corresponding mouse event.</p></div></div></div>
2012-05-21 20:32:26 +00:00
2012-10-29 20:17:12 +00:00
<div class="CEvent"><div class=CTopic><h3 class=CTitle><a name="mxWindow.mxEvent.MOVE"></a>mxEvent.MOVE</h3><div class=CBody><p>Fires while the window is being moved.&nbsp; The &lt;code&gt;event&lt;/code&gt; property contains the corresponding mouse event.</p></div></div></div>
2012-05-21 20:32:26 +00:00
2012-10-29 20:17:12 +00:00
<div class="CEvent"><div class=CTopic><h3 class=CTitle><a name="mxWindow.mxEvent.MOVE_END"></a>mxEvent.<wbr>MOVE_END</h3><div class=CBody><p>Fires after the window is moved.&nbsp; The &lt;code&gt;event&lt;/code&gt; property contains the corresponding mouse event.</p></div></div></div>
2012-05-21 20:32:26 +00:00
2012-10-29 20:17:12 +00:00
<div class="CEvent"><div class=CTopic><h3 class=CTitle><a name="mxWindow.mxEvent.RESIZE_START"></a>mxEvent.<wbr>RESIZE_START</h3><div class=CBody><p>Fires before the window is resized.&nbsp; The &lt;code&gt;event&lt;/code&gt; property contains the corresponding mouse event.</p></div></div></div>
2012-05-21 20:32:26 +00:00
2012-10-29 20:17:12 +00:00
<div class="CEvent"><div class=CTopic><h3 class=CTitle><a name="mxWindow.mxEvent.RESIZE"></a>mxEvent.<wbr>RESIZE</h3><div class=CBody><p>Fires while the window is being resized.&nbsp; The &lt;code&gt;event&lt;/code&gt; property contains the corresponding mouse event.</p></div></div></div>
2012-05-21 20:32:26 +00:00
2012-10-29 20:17:12 +00:00
<div class="CEvent"><div class=CTopic><h3 class=CTitle><a name="mxWindow.mxEvent.RESIZE_END"></a>mxEvent.<wbr>RESIZE_END</h3><div class=CBody><p>Fires after the window is resized.&nbsp; The &lt;code&gt;event&lt;/code&gt; property contains the corresponding mouse event.</p></div></div></div>
2012-05-21 20:32:26 +00:00
2012-10-29 20:17:12 +00:00
<div class="CEvent"><div class=CTopic><h3 class=CTitle><a name="mxWindow.mxEvent.MAXIMIZE"></a>mxEvent.<wbr>MAXIMIZE</h3><div class=CBody><p>Fires after the window is maximized.&nbsp; The &lt;code&gt;event&lt;/code&gt; property contains the corresponding mouse event.</p></div></div></div>
2012-05-21 20:32:26 +00:00
2012-10-29 20:17:12 +00:00
<div class="CEvent"><div class=CTopic><h3 class=CTitle><a name="mxWindow.mxEvent.MINIMIZE"></a>mxEvent.<wbr>MINIMIZE</h3><div class=CBody><p>Fires after the window is minimized.&nbsp; The &lt;code&gt;event&lt;/code&gt; property contains the corresponding mouse event.</p></div></div></div>
2012-05-21 20:32:26 +00:00
2012-10-29 20:17:12 +00:00
<div class="CEvent"><div class=CTopic><h3 class=CTitle><a name="mxWindow.mxEvent.NORMALIZE"></a>mxEvent.<wbr>NORMALIZE</h3><div class=CBody><p>Fires after the window is normalized, that is, it returned from maximized or minimized state.&nbsp; The &lt;code&gt;event&lt;/code&gt; property contains the corresponding mouse event.</p></div></div></div>
2012-05-21 20:32:26 +00:00
2012-10-29 20:17:12 +00:00
<div class="CEvent"><div class=CTopic><h3 class=CTitle><a name="mxWindow.mxEvent.ACTIVATE"></a>mxEvent.<wbr>ACTIVATE</h3><div class=CBody><p>Fires after a window is activated.&nbsp; The &lt;code&gt;previousWindow&lt;/code&gt; property contains the previous window.&nbsp; The event sender is the active window.</p></div></div></div>
2012-05-21 20:32:26 +00:00
2012-10-29 20:17:12 +00:00
<div class="CEvent"><div class=CTopic><h3 class=CTitle><a name="mxWindow.mxEvent.SHOW"></a>mxEvent.SHOW</h3><div class=CBody><p>Fires after the window is shown.&nbsp; This event has no properties.</p></div></div></div>
2012-05-21 20:32:26 +00:00
2012-10-29 20:17:12 +00:00
<div class="CEvent"><div class=CTopic><h3 class=CTitle><a name="mxWindow.mxEvent.HIDE"></a>mxEvent.HIDE</h3><div class=CBody><p>Fires after the window is hidden.&nbsp; This event has no properties.</p></div></div></div>
2012-05-21 20:32:26 +00:00
2012-10-29 20:17:12 +00:00
<div class="CEvent"><div class=CTopic><h3 class=CTitle><a name="mxWindow.mxEvent.CLOSE"></a>mxEvent.<wbr>CLOSE</h3><div class=CBody><p>Fires before the window is closed.&nbsp; The &lt;code&gt;event&lt;/code&gt; property contains the corresponding mouse event.</p></div></div></div>
2012-05-21 20:32:26 +00:00
2012-10-29 20:17:12 +00:00
<div class="CEvent"><div class=CTopic><h3 class=CTitle><a name="mxWindow.mxEvent.DESTROY"></a>mxEvent.<wbr>DESTROY</h3><div class=CBody><p>Fires before the window is destroyed.&nbsp; This event has no properties.</p></div></div></div>
2012-05-21 20:32:26 +00:00
2012-10-29 20:17:12 +00:00
<div class="CGroup"><div class=CTopic><h3 class=CTitle><a name="mxWindow.Functions"></a>Functions</h3></div></div>
2012-05-21 20:32:26 +00:00
2012-10-29 20:17:12 +00:00
<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxWindow.mxWindow"></a>mxWindow</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class=PBeforeParameters nowrap>function mxWindow(</td><td class=PParameter nowrap>title,</td></tr><tr><td></td><td class=PParameter nowrap>content,</td></tr><tr><td></td><td class=PParameter nowrap>x,</td></tr><tr><td></td><td class=PParameter nowrap>y,</td></tr><tr><td></td><td class=PParameter nowrap>width,</td></tr><tr><td></td><td class=PParameter nowrap>height,</td></tr><tr><td></td><td class=PParameter nowrap>minimizable,</td></tr><tr><td></td><td class=PParameter nowrap>movable,</td></tr><tr><td></td><td class=PParameter nowrap>replaceNode,</td></tr><tr><td></td><td class=PParameter nowrap>style</td><td class=PAfterParameters nowrap>)</td></tr></table></td></tr></table></blockquote><p>Constructs a new window with the given dimension and title to display the specified content.&nbsp; The window elements use the given style as a prefix for the classnames of the respective window elements, namely, the window title and window pane.&nbsp; The respective postfixes are appended to the given stylename as follows:</p><table border=0 cellspacing=0 cellpadding=0 class=CDescriptionList><tr><td class=CDLEntry>style</td><td class=CDLDescription>Base style for the window.</td></tr><tr><td class=CDLEntry>style+Title</td><td class=CDLDescription>Style for the window title.</td></tr><tr><td class=CDLEntry>style+Pane</td><td class=CDLDescription>Style for the window pane.</td></tr></table><p>The default value for style is mxWindow, resulting in the following classnames for the window elements: mxWindow, mxWindowTitle and mxWindowPane.</p><p>If replaceNode is given then the window replaces the given DOM node in the document.</p><h4 class=CHeading>Parameters</h4><table border=0 cellspacing=0 cellpadding=0 class=CDescriptionList><tr><td class=CDLEntry>title</td><td class=CDLDescription>String that represents the title of the new window.</td></tr><tr><td class=CDLEntry>content</td><td class=CDLDescription>DOM node that is used as the window content.</td></tr><tr><td class=CDLEntry>x</td><td class=CDLDescription>X-coordinate of the window location.</td></tr><tr><td class=CDLEntry>y</td><td class=CDLDescription>Y-coordinate of the window location.</td></tr><tr><td class=CDLEntry>width</td><td class=CDLDescription>Width of the window.</td></tr><tr><td class=CDLEntry>height</td><td class=CDLDescription>Optional height of the window.&nbsp; Default is to match the height of the content at the specified width.</td></tr><tr><td class=CDLEntry>minimizable</td><td class=CDLDescription>Optional boolean indicating if the window is minimizable.&nbsp; Default is true.</td></tr><tr><td class=CDLEntry>movable</td><td class=CDLDescription>Optional boolean indicating if the window is movable.&nbsp; Default is true.</td></tr><tr><td class=CDLEntry>replaceNode</td><td class=CDLDescription>Optional DOM node that the window should replace.</td></tr><tr><td class=CDLEntry>style</td><td class=CDLDescription>Optional base classname for the window elements.&nbsp; Default is mxWindow.</td></tr></table></div></div></div>
2012-05-21 20:32:26 +00:00
<div class="CGroup"><div class=CTopic><h3 class=CTitle><a name="mxWindow.Variables"></a>Variables</h3></div></div>
<div class="CVariable"><div class=CTopic><h3 class=CTitle><a name="mxWindow.closeImage"></a>closeImage</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td>mxWindow.prototype.closeImage</td></tr></table></blockquote><p>URL of the image to be used for the close icon in the titlebar.</p></div></div></div>
<div class="CVariable"><div class=CTopic><h3 class=CTitle><a name="mxWindow.minimizeImage"></a>minimizeImage</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td>mxWindow.prototype.minimizeImage</td></tr></table></blockquote><p>URL of the image to be used for the minimize icon in the titlebar.</p></div></div></div>
<div class="CVariable"><div class=CTopic><h3 class=CTitle><a name="mxWindow.normalizeImage"></a>normalizeImage</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td>mxWindow.prototype.normalizeImage</td></tr></table></blockquote><p>URL of the image to be used for the normalize icon in the titlebar.</p></div></div></div>
<div class="CVariable"><div class=CTopic><h3 class=CTitle><a name="mxWindow.maximizeImage"></a>maximizeImage</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td>mxWindow.prototype.maximizeImage</td></tr></table></blockquote><p>URL of the image to be used for the maximize icon in the titlebar.</p></div></div></div>
<div class="CVariable"><div class=CTopic><h3 class=CTitle><a name="mxWindow.normalizeImage"></a>normalizeImage</h3><div class=CBody><p>URL of the image to be used for the resize icon.</p></div></div></div>
<div class="CVariable"><div class=CTopic><h3 class=CTitle><a name="mxWindow.visible"></a>visible</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td>mxWindow.prototype.visible</td></tr></table></blockquote><p>Boolean flag that represents the visible state of the window.</p></div></div></div>
<div class="CVariable"><div class=CTopic><h3 class=CTitle><a name="mxWindow.content"></a>content</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td>mxWindow.prototype.content</td></tr></table></blockquote><p>Reference to the DOM node that represents the window content.</p></div></div></div>
2012-10-29 20:17:12 +00:00
<div class="CVariable"><div class=CTopic><h3 class=CTitle><a name="mxWindow.minimumSize"></a>minimumSize</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td>mxWindow.prototype.minimumSize</td></tr></table></blockquote><p><a href="mxRectangle-js.html#mxRectangle" class=LClass id=link41 onMouseOver="ShowTip(event, 'tt9', 'link41')" onMouseOut="HideTip('tt9')">mxRectangle</a> that specifies the minimum width and height of the window.&nbsp; Default is (50, 40).</p></div></div></div>
2012-05-21 20:32:26 +00:00
<div class="CVariable"><div class=CTopic><h3 class=CTitle><a name="mxWindow.title"></a>title</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td>mxWindow.prototype.title</td></tr></table></blockquote><p>Reference to the DOM node (TD) that contains the title.</p></div></div></div>
<div class="CVariable"><div class=CTopic><h3 class=CTitle><a name="mxWindow.content"></a>content</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td>mxWindow.prototype.content</td></tr></table></blockquote><p>Reference to the DOM node that represents the window content.</p></div></div></div>
2012-10-29 20:17:12 +00:00
<div class="CVariable"><div class=CTopic><h3 class=CTitle><a name="mxWindow.destroyOnClose"></a>destroyOnClose</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td>mxWindow.prototype.destroyOnClose</td></tr></table></blockquote><p>Specifies if the window should be destroyed when it is closed.&nbsp; If this is false then the window is hidden using <a href="#mxWindow.setVisible" class=LFunction id=link42 onMouseOver="ShowTip(event, 'tt34', 'link42')" onMouseOut="HideTip('tt34')">setVisible</a>.&nbsp; Default is true.</p></div></div></div>
2012-05-21 20:32:26 +00:00
<div class="CGroup"><div class=CTopic><h3 class=CTitle><a name="mxWindow.Functions"></a>Functions</h3></div></div>
<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxWindow.init"></a>init</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class=PBeforeParameters nowrap>mxWindow.prototype.init = function(</td><td class=PParameter nowrap>x,</td></tr><tr><td></td><td class=PParameter nowrap>y,</td></tr><tr><td></td><td class=PParameter nowrap>width,</td></tr><tr><td></td><td class=PParameter nowrap>height,</td></tr><tr><td></td><td class=PParameter nowrap>style</td><td class=PAfterParameters nowrap>)</td></tr></table></td></tr></table></blockquote><p>Initializes the DOM tree that represents the window.</p></div></div></div>
<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxWindow.setTitle"></a>setTitle</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class=PBeforeParameters nowrap>mxWindow.prototype.setTitle = function(</td><td class=PParameter nowrap>title</td><td class=PAfterParameters nowrap>)</td></tr></table></td></tr></table></blockquote><p>Sets the window title to the given string.&nbsp; HTML markup inside the title will be escaped.</p></div></div></div>
<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxWindow.setScrollable"></a>setScrollable</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class=PBeforeParameters nowrap>mxWindow.prototype.setScrollable = function(</td><td class=PParameter nowrap>scrollable</td><td class=PAfterParameters nowrap>)</td></tr></table></td></tr></table></blockquote><p>Sets if the window contents should be scrollable.</p></div></div></div>
<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxWindow.activate"></a>activate</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td>mxWindow.prototype.activate = function()</td></tr></table></blockquote><p>Puts the window on top of all other windows.</p></div></div></div>
<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxWindow.getElement"></a>getElement</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td>mxWindow.prototype.getElement = function()</td></tr></table></blockquote><p>Returuns the outermost DOM node that makes up the window.</p></div></div></div>
<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxWindow.fit"></a>fit</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td>mxWindow.prototype.fit = function()</td></tr></table></blockquote><p>Makes sure the window is inside the client area of the window.</p></div></div></div>
<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxWindow.isResizable"></a>isResizable</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td>mxWindow.prototype.isResizable = function()</td></tr></table></blockquote><p>Returns true if the window is resizable.</p></div></div></div>
2013-06-28 19:07:06 +00:00
<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxWindow.setResizable"></a>setResizable</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class=PBeforeParameters nowrap>mxWindow.prototype.setResizable = function(</td><td class=PParameter nowrap>resizable</td><td class=PAfterParameters nowrap>)</td></tr></table></td></tr></table></blockquote><p>Sets if the window should be resizable.&nbsp; To avoid interference with some built-in features of IE10 and later, the use of the following code is recommended if there are resizable <a href="#mxWindow.mxWindow" class=LFunction id=link43 onMouseOver="ShowTip(event, 'tt1', 'link43')" onMouseOut="HideTip('tt1')">mxWindow</a>s in the page:</p><blockquote><pre class="prettyprint">if (mxClient.IS_POINTER)
{
document.body.style.msTouchAction = 'none';
}</pre></blockquote></div></div></div>
2012-05-21 20:32:26 +00:00
<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxWindow.setSize"></a>setSize</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class=PBeforeParameters nowrap>mxWindow.prototype.setSize = function(</td><td class=PParameter nowrap>width,</td></tr><tr><td></td><td class=PParameter nowrap>height</td><td class=PAfterParameters nowrap>)</td></tr></table></td></tr></table></blockquote><p>Sets the size of the window.</p></div></div></div>
<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxWindow.setMinimizable"></a>setMinimizable</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class=PBeforeParameters nowrap>mxWindow.prototype.setMinimizable = function(</td><td class=PParameter nowrap>minimizable</td><td class=PAfterParameters nowrap>)</td></tr></table></td></tr></table></blockquote><p>Sets if the window is minimizable.</p></div></div></div>
2013-06-28 19:07:06 +00:00
<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxWindow.getMinimumSize"></a>getMinimumSize</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td>mxWindow.prototype.getMinimumSize = function()</td></tr></table></blockquote><p>Returns an <a href="mxRectangle-js.html#mxRectangle" class=LClass id=link44 onMouseOver="ShowTip(event, 'tt9', 'link44')" onMouseOut="HideTip('tt9')">mxRectangle</a> that specifies the size for the minimized window.&nbsp; A width or height of 0 means keep the existing width or height.&nbsp; This implementation returns the height of the window title and keeps the width.</p></div></div></div>
2012-05-21 20:32:26 +00:00
<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxWindow.installMinimizeHandler"></a>installMinimizeHandler</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td>mxWindow.prototype.installMinimizeHandler = function()</td></tr></table></blockquote><p>Installs the event listeners required for minimizing the window.</p></div></div></div>
<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxWindow.setMaximizable"></a>setMaximizable</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class=PBeforeParameters nowrap>mxWindow.prototype.setMaximizable = function(</td><td class=PParameter nowrap>maximizable</td><td class=PAfterParameters nowrap>)</td></tr></table></td></tr></table></blockquote><p>Sets if the window is maximizable.</p></div></div></div>
<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxWindow.installMaximizeHandler"></a>installMaximizeHandler</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td>mxWindow.prototype.installMaximizeHandler = function()</td></tr></table></blockquote><p>Installs the event listeners required for maximizing the window.</p></div></div></div>
<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxWindow.installMoveHandler"></a>installMoveHandler</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td>mxWindow.prototype.installMoveHandler = function()</td></tr></table></blockquote><p>Installs the event listeners required for moving the window.</p></div></div></div>
<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxWindow.setLocation"></a>setLocation</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class=PBeforeParameters nowrap>mxWindow.prototype.setLocation = function(</td><td class=PParameter nowrap>x,</td></tr><tr><td></td><td class=PParameter nowrap>y</td><td class=PAfterParameters nowrap>)</td></tr></table></td></tr></table></blockquote><p>Sets the upper, left corner of the window.</p></div></div></div>
<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxWindow.getX"></a>getX</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td>mxWindow.prototype.getX = function()</td></tr></table></blockquote><p>Returns the current position on the x-axis.</p></div></div></div>
<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxWindow.getY"></a>getY</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td>mxWindow.prototype.getY = function()</td></tr></table></blockquote><p>Returns the current position on the y-axis.</p></div></div></div>
2013-06-28 19:07:06 +00:00
<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxWindow.installCloseHandler"></a>installCloseHandler</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td>mxWindow.prototype.installCloseHandler = function()</td></tr></table></blockquote><p>Adds the <a href="#mxWindow.closeImage" class=LVariable id=link45 onMouseOver="ShowTip(event, 'tt2', 'link45')" onMouseOut="HideTip('tt2')">closeImage</a> as a new image node in &lt;closeImg&gt; and installs the &lt;close&gt; event.</p></div></div></div>
2012-05-21 20:32:26 +00:00
<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxWindow.setImage"></a>setImage</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class=PBeforeParameters nowrap>mxWindow.prototype.setImage = function(</td><td class=PParameter nowrap>image</td><td class=PAfterParameters nowrap>)</td></tr></table></td></tr></table></blockquote><p>Sets the image associated with the window.</p><h4 class=CHeading>Parameters</h4><table border=0 cellspacing=0 cellpadding=0 class=CDescriptionList><tr><td class=CDLEntry>image</td><td class=CDLDescription>URL of the image to be used.</td></tr></table></div></div></div>
<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxWindow.setClosable"></a>setClosable</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class=PBeforeParameters nowrap>mxWindow.prototype.setClosable = function(</td><td class=PParameter nowrap>closable</td><td class=PAfterParameters nowrap>)</td></tr></table></td></tr></table></blockquote><p>Sets the image associated with the window.</p><h4 class=CHeading>Parameters</h4><table border=0 cellspacing=0 cellpadding=0 class=CDescriptionList><tr><td class=CDLEntry>closable</td><td class=CDLDescription>Boolean specifying if the window should be closable.</td></tr></table></div></div></div>
<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxWindow.isVisible"></a>isVisible</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td>mxWindow.prototype.isVisible = function()</td></tr></table></blockquote><p>Returns true if the window is visible.</p></div></div></div>
<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxWindow.setVisible"></a>setVisible</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class=PBeforeParameters nowrap>mxWindow.prototype.setVisible = function(</td><td class=PParameter nowrap>visible</td><td class=PAfterParameters nowrap>)</td></tr></table></td></tr></table></blockquote><p>Shows or hides the window depending on the given flag.</p><h4 class=CHeading>Parameters</h4><table border=0 cellspacing=0 cellpadding=0 class=CDescriptionList><tr><td class=CDLEntry>visible</td><td class=CDLDescription>Boolean indicating if the window should be made visible.</td></tr></table></div></div></div>
<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxWindow.show"></a>show</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td>mxWindow.prototype.show = function()</td></tr></table></blockquote><p>Shows the window.</p></div></div></div>
<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxWindow.hide"></a>hide</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td>mxWindow.prototype.hide = function()</td></tr></table></blockquote><p>Hides the window.</p></div></div></div>
2013-06-28 19:07:06 +00:00
<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxWindow.destroy"></a>destroy</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td>mxWindow.prototype.destroy = function()</td></tr></table></blockquote><p>Destroys the window and removes all associated resources.&nbsp; Fires a <a href="#mxWindow.destroy" class=LFunction id=link46 onMouseOver="ShowTip(event, 'tt37', 'link46')" onMouseOut="HideTip('tt37')">destroy</a> event prior to destroying the window.</p></div></div></div>
2012-05-21 20:32:26 +00:00
</div><!--Content-->
<div id=Footer><a href="http://www.naturaldocs.org">Generated by Natural Docs</a></div><!--Footer-->
2013-08-05 16:12:22 +00:00
<div id=Menu><div class=MEntry><div class=MFile><a href="../index-txt.html">API Specification</a></div></div><div class=MEntry><div class=MGroup><a href="javascript:ToggleMenu('MGroupContent1')">Editor</a><div class=MGroupContent id=MGroupContent1><div class=MEntry><div class=MFile><a href="../editor/mxDefaultKeyHandler-js.html">mxDefaultKeyHandler</a></div></div><div class=MEntry><div class=MFile><a href="../editor/mxDefaultPopupMenu-js.html">mxDefaultPopupMenu</a></div></div><div class=MEntry><div class=MFile><a href="../editor/mxDefaultToolbar-js.html">mxDefaultToolbar</a></div></div><div class=MEntry><div class=MFile><a href="../editor/mxEditor-js.html">mxEditor</a></div></div></div></div></div><div class=MEntry><div class=MGroup><a href="javascript:ToggleMenu('MGroupContent2')">Handler</a><div class=MGroupContent id=MGroupContent2><div class=MEntry><div class=MFile><a href="../handler/mxCellHighlight-js.html">mxCellHighlight</a></div></div><div class=MEntry><div class=MFile><a href="../handler/mxCellMarker-js.html">mxCellMarker</a></div></div><div class=MEntry><div class=MFile><a href="../handler/mxCellTracker-js.html">mxCellTracker</a></div></div><div class=MEntry><div class=MFile><a href="../handler/mxConnectionHandler-js.html">mxConnectionHandler</a></div></div><div class=MEntry><div class=MFile><a href="../handler/mxConstraintHandler-js.html">mxConstraintHandler</a></div></div><div class=MEntry><div class=MFile><a href="../handler/mxEdgeHandler-js.html">mxEdgeHandler</a></div></div><div class=MEntry><div class=MFile><a href="../handler/mxEdgeSegmentHandler-js.html">mxEdgeSegmentHandler.js</a></div></div><div class=MEntry><div class=MFile><a href="../handler/mxElbowEdgeHandler-js.html">mxElbowEdgeHandler</a></div></div><div class=MEntry><div class=MFile><a href="../handler/mxGraphHandler-js.html">mxGraphHandler</a></div></div><div class=MEntry><div class=MFile><a href="../handler/mxKeyHandler-js.html">mxKeyHandler</a></div></div><div class=MEntry><div class=MFile><a href="../handler/mxPopupMenuHandler-js.html">mxPanningHandler</a></div></div><div class=MEntry><div class=MFile><a href="../handler/mxPanningHandler-js.html">mxPanningHandler</a></div></div><div class=MEntry><div class=MFile><a href="../handler/mxRubberband-js.html">mxRubberband</a></div></div><div class=MEntry><div class=MFile><a href="../handler/mxSelectionCellsHandler-js.html">mxSelectionCellsHandler</a></div></div><div class=MEntry><div class=MFile><a href="../handler/mxTooltipHandler-js.html">mxTooltipHandler</a></div></div><div class=MEntry><div class=MFile><a href="../handler/mxVertexHandler-js.html">mxVertexHandler</a></div></div></div></div></div><div class=MEntry><div class=MGroup><a href="javascript:ToggleMenu('MGroupContent3')">Io</a><div class=MGroupContent id=MGroupContent3><div class=MEntry><div class=MFile><a href="../io/mxCellCodec-js.html">mxCellCodec</a></div></div><div class=MEntry><div class=MFile><a href="../io/mxChildChangeCodec-js.html">mxChildChangeCodec</a></div></div><div class=MEntry><div class=MFile><a href="../io/mxCodec-js.html">mxCodec</a></div></div><div class=MEntry><div class=MFile><a href="../io/mxCodecRegistry-js.html">mxCodecRegistry</a></div></div><div class=MEntry><div class=MFile><a href="../io/mxDefaultKeyHandlerCodec-js.html">mxDefaultKeyHandlerCodec</a></div></div><div class=MEntry><div class=MFile><a href="../io/mxDefaultPopupMenuCodec-js.html">mxDefaultPopupMenuCodec</a></div></div><div class=MEntry><div class=MFile><a href="../io/mxDefaultToolbarCodec-js.html">mxDefaultToolbarCodec</a></div></div><div class=MEntry><div class=MFile><a href="../io/mxEditorCodec-js.html">mxEditorCodec</a></div></div><div class=MEntry><div class=MFile><a href="../io/mxGenericChangeCodec-js.html">mxGenericChangeCodec</a></div></div><div class=MEntry><div class=MFile><a href="../io/mxGraphCodec-js.html">mxGraphCodec</a></div></div><div class=MEntry><div class=MFile><a href="../io/mxGraphViewCodec-js.html">mxGraphViewCodec</a></div></div><div class=MEntry><div class=MFile><a href="../io/mxModelCodec-js.html">mxModelCodec</a></d
2012-05-21 20:32:26 +00:00
var searchPanel = new SearchPanel("searchPanel", "HTML", "../../search");
--></script><div id=MSearchPanel class=MSearchPanelInactive><input type=text id=MSearchField value=Search onFocus="searchPanel.OnSearchFieldFocus(true)" onBlur="searchPanel.OnSearchFieldFocus(false)" onKeyUp="searchPanel.OnSearchFieldChange()"><select id=MSearchType onFocus="searchPanel.OnSearchTypeFocus(true)" onBlur="searchPanel.OnSearchTypeFocus(false)" onChange="searchPanel.OnSearchTypeChange()"><option id=MSearchEverything selected value="General">Everything</option><option value="Classes">Classes</option><option value="Cookies">Cookies</option><option value="Events">Events</option><option value="Files">Files</option><option value="Functions">Functions</option><option value="Variables">Variables</option></select></div><script language=JavaScript><!--
HideAllBut([10], 13);// --></script></div><!--Menu-->
<!--START_ND_TOOLTIPS-->
2013-06-28 19:07:06 +00:00
<div class=CToolTip id="tt1"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class=PBeforeParameters nowrap>function mxWindow(</td><td class=PParameter nowrap>title,</td></tr><tr><td></td><td class=PParameter nowrap>content,</td></tr><tr><td></td><td class=PParameter nowrap>x,</td></tr><tr><td></td><td class=PParameter nowrap>y,</td></tr><tr><td></td><td class=PParameter nowrap>width,</td></tr><tr><td></td><td class=PParameter nowrap>height,</td></tr><tr><td></td><td class=PParameter nowrap>minimizable,</td></tr><tr><td></td><td class=PParameter nowrap>movable,</td></tr><tr><td></td><td class=PParameter nowrap>replaceNode,</td></tr><tr><td></td><td class=PParameter nowrap>style</td><td class=PAfterParameters nowrap>)</td></tr></table></td></tr></table></blockquote>Constructs a new window with the given dimension and title to display the specified content. </div></div><div class=CToolTip id="tt2"><div class=CVariable><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td>mxWindow.prototype.closeImage</td></tr></table></blockquote>URL of the image to be used for the close icon in the titlebar.</div></div><div class=CToolTip id="tt3"><div class=CVariable><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td>mxWindow.prototype.minimizeImage</td></tr></table></blockquote>URL of the image to be used for the minimize icon in the titlebar.</div></div><div class=CToolTip id="tt4"><div class=CVariable><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td>mxWindow.prototype.normalizeImage</td></tr></table></blockquote>URL of the image to be used for the normalize icon in the titlebar.</div></div><div class=CToolTip id="tt5"><div class=CVariable><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td>mxWindow.prototype.maximizeImage</td></tr></table></blockquote>URL of the image to be used for the maximize icon in the titlebar.</div></div><div class=CToolTip id="tt6"><div class=CVariable><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td>mxWindow.prototype.visible</td></tr></table></blockquote>Boolean flag that represents the visible state of the window.</div></div><div class=CToolTip id="tt7"><div class=CVariable><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td>mxWindow.prototype.content</td></tr></table></blockquote>Reference to the DOM node that represents the window content.</div></div><div class=CToolTip id="tt8"><div class=CVariable><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td>mxWindow.prototype.minimumSize</td></tr></table></blockquote>mxRectangle that specifies the minimum width and height of the window. </div></div><div class=CToolTip id="tt9"><div class=CClass>Extends mxPoint to implement a 2-dimensional rectangle with double precision coordinates.</div></div><div class=CToolTip id="tt10"><div class=CVariable><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td>mxWindow.prototype.title</td></tr></table></blockquote>Reference to the DOM node (TD) that contains the title.</div></div><div class=CToolTip id="tt11"><div class=CVariable><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td>mxWindow.prototype.destroyOnClose</td></tr></table></blockquote>Specifies if the window should be destroyed when it is closed. </div></div><div class=CToolTip id="tt12"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class=PBeforeParameters nowrap>mxWindow.prototype.init = function(</td><td class=PParameter nowrap>x,</td></tr><tr><td></td><td class=PParameter nowrap>y,</td></tr><tr><td></td><td class=PParameter nowrap>width,</td></tr><tr><td
2012-05-21 20:32:26 +00:00
<div id=MSearchResultsWindow><iframe src="" frameborder=0 name=MSearchResults id=MSearchResults></iframe><a href="javascript:searchPanel.CloseResultsWindow()" id=MSearchResultsWindowClose>Close</a></div>
<script language=JavaScript><!--
if (browserType) {if (browserVer) {document.write("</div>"); }document.write("</div>");}// --></script></body></html>