📄 documentation.html.svn-base
字号:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"><html xmlns="http://www.w3.org/1999/xhtml" version="-//W3C//DTD XHTML 1.1//EN" xml:lang="en"><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title>Prototype Window Class : Documentation</title> <!-- Prototype Window Class Part --> <script type="text/javascript" src="javascripts/prototype.js"> </script> <script type="text/javascript" src="javascripts/effects.js"> </script> <script type="text/javascript" src="javascripts/window.js"> </script> <script type="text/javascript" src="javascripts/debug.js"> </script> <link href="themes/default.css" rel="stylesheet" type="text/css" > </link> <!-- Doc Part--> <link href="stylesheets/style.css" rel="stylesheet" type="text/css" > </link> <script type="text/javascript" src="js/application.js"> </script> </head><body onload="Application.insertDocOverview()"> <script>Application.insertNavigation('documentation')</script> <div class="content"> <h2 class="first"> Overview</h2> <div id="Overview"></div> <h2>Window Class</h2> Main class to handle windows<br/><br/> <div class="function window" title="keepMultiModalWindow"><a name="keepMultiModalWindow"></a> <p class="title"><span class="function">Window.keepMultiModalWindow</span> Constant for multi modal window behavior.<br><br> By default (<strong>Window.keepMultiModalWindow=false</strong>), a new modal window will hide the previous one. if <strong>Window.keepMultiModalWindow=true</strong>, a new modal window will move the previous one under the overlay. </p> </div> <div class="function window" title="initialize"><a name="initialize"></a> <p class="title"><span class="function">initialize(id, options)</span> Window constructor used when creating new window (new Window(id, options))</p> <!-- <p class="parameter_header"> <span class="field">Argument</span> <span class="explanation">Description</span> </p> --> <p class="parameter"> <span class="field">id</span> <span class="explanation">DOM id of the window must be unique</span> </p> <p class="parameter"> <span class="field">options</span> <span class="explanation"> Hash map of window options, here is the key list: <table> <tr><th>Key</th> <th>Default</th> <th>Description </th></tr> <tr><td class="key">className</td> <td class="default">dialog</td> <td class="detail">Class name prefix </td></tr> <tr><td class="key">title</td> <td class="default">none</td> <td class="detail">Window's title </td></tr> <tr><td class="key">url</td> <td class="default">none</td> <td class="detail">URL of window content (use an iframe)</td></tr> <tr><td class="key">parent</td> <td class="default">body</td> <td class="detail">Parent node of the window </td></tr> <tr><td class="key">top | bottom</td> <td class="default">top:0</td> <td class="detail">Top or bottom position of the window in pixels </td></tr> <tr><td class="key">right | left</td> <td class="default">left:0</td> <td class="detail">Right or left position of the window in pixels</td></tr> <tr><td class="key">width / height</td> <td class="default">100</td> <td class="detail">width and height of the window </td></tr> <tr><td class="key">maxWidth / maxHeight</td> <td class="default">none</td> <td class="detail">Maximum width and height of the window</td></tr> <tr><td class="key">minWidth / minHeight</td> <td class="default">100/20</td> <td class="detail">Minimum width and height of the window </td></tr> <tr><td class="key">resizable</td> <td class="default">true</td> <td class="detail">Specify if the window can be resized </td></tr> <tr><td class="key">closable</td> <td class="default">true</td> <td class="detail">Specify if the window can be closed </td></tr> <tr><td class="key">minimizable</td> <td class="default">true</td> <td class="detail">Specify if the window can be minimized </td></tr> <tr><td class="key">maximizable</td> <td class="default">true</td> <td class="detail">Specify if the window can be maximized</td></tr> <tr><td class="key">draggable</td> <td class="default">true</td> <td class="detail">Specify if the window can be moved </td></tr> <tr><td class="key">showEffect</td> <td class="default">Effect.Appear or<br> Element.show</td> <td class="detail">Show effect function. The default value depends if effect.js of script.aculo.us is included </td></tr> <tr><td class="key">hideEffect</td> <td class="default">Effect.Fade or<br> Element.hide</td> <td class="detail">Hide effect function. The default value depends if effect.js of script.aculo.us is included </td></tr> <tr><td class="key">showEffectOptions</td> <td class="default">none</td> <td class="detail">Show effect options (see script.aculo.us documentation).</td></tr> <tr><td class="key">hideEffectOptions</td> <td class="default">none</td> <td class="detail">Hid effect options (see script.aculo.us documentation).</td></tr> <tr><td class="key">effectOptions</td> <td class="default">none</td> <td class="detail">Show and hide effect options (see script.aculo.us documentation).</td></tr> <tr><td class="key">onload</td> <td class="default">none</td> <td class="detail">Onload function of the main window div or iframe</td></tr> <tr><td class="key">opacity</td> <td class="default">1</td> <td class="detail">Window opacity </td></tr> <tr><td class="key">recenterAuto</td> <td class="default">true</td> <td class="detail">Recenter modal window when browser size has changed</td></tr> <tr><td class="key">wiredDrag</td> <td class="default">false</td> <td class="detail">Move/Resize will be done with a wired frame (customizable in CSS, class <strong><className>_wired_frame</strong>. Look in alphacube.css for an example) </td></tr> </table> </span> </p> </div> <div class="function window" title="destroy"><a name="destroy"></a> <p class="title"><span class="function">destroy()</span> Window destructor</p> </div> <div class="function window" title="getId"><a name="getId"></a> <p class="title"><span class="function">getId()</span> Returns current window id</p> </div> <div class="function window" title="setDestroyOnClose"><a name="setDestroyOnClose"></a> <p class="title"><span class="function">setDestroyOnClose()</span> The window will be destroy by clicking on close button instead of being hidden</p> </div> <div class="function window" title="setDelegate"><a name="setDelegate"></a> <p class="title"><span class="function">setDelegate(delegate)</span> Sets window delegate</p> <p class="parameter"> <span class="field">delegate</span> <span class="explanation">Window delegate, should have canClose(window) function</span> </p> </div> <div class="function window" title="getDelegate"><a name="getDelegate"></a> <p class="title"><span class="function">getDelegate()</span> Returns current window delegate</p> </div> <div class="function window" title="setContent"><a name="setContent"></a> <p class="title"><span class="function">setContent(id, autoresize, autoposition)</span> Sets window content using an existing element (does not work with url/iframe)</p> <p class="parameter"> <span class="field">id</span> <span class="explanation">Element id to insert in the window</span> </p> <p class="parameter"> <span class="field">autoresize (default false)</span> <span class="explanation">Resizes the window to fit with its content</span> </p> <p class="parameter"> <span class="field">autoposition (default false)</span> <span class="explanation">Sets the current window position to the specified input element</span> </p> </div> <div class="function window" title="setHTMLContent"><a name="setHTMLContent"></a> <p class="title"><span class="function">setHTMLContent(html)</span> Sets window HTML content.</p> <p class="parameter"> <span class="field">html</span> <span class="explanation">HTML code</span> </p> </div> <div class="function window" title="setURL"><a name="setURL"></a> <p class="title"><span class="function">setURL(url)</span> Sets window content using an URL.</p> <p class="parameter"> <span class="field">url</span> <span class="explanation">URL for content (content will be shown using an iframe)</span> </p> </div> <div class="function window" title="getURL"><a name="getURL"></a> <p class="title"><span class="function">getURL()</span> Returns window URL content. Returns nil if content is not an url.</p> </div> <div class="function window" title="refresh"><a name="refresh"></a> <p class="title"><span class="function">refresh()</span> Refreshes window URL content.s</p> </div> <div class="function window" title="setAjaxContent"><a name="setAjaxContent"></a> <p class="title"><span class="function">setAjaxContent(url, options, showCentered, showModal)</span> Sets window content using an Ajax request. The request must return HTML code. See script.aculo.us <a href="http://wiki.script.aculo.us/scriptaculous/show/Ajax.Request">Ajax.request </a>documentation for details. When the response is received, the window is shown.</p> <p class="parameter"> <span class="field">url</span> <span class="explanation">Ajax request URL</span> </p> <p class="parameter"> <span class="field">options</span> <span class="explanation">Ajax request options</span> </p> <p class="parameter"> <span class="field">showCentered (default false)</span> <span class="explanation">Displays window centered when response is received</span> </p> <p class="parameter"> <span class="field">showModal (default false)</span> <span class="explanation">Displays window in modal mode when response is received</span> </p> </div> <div class="function window" title="getContent"><a name="getContent"></a> <p class="title"><span class="function">getContent()</span> Returns current window content (a div or an iframe)</p> </div> <div class="function window" title="setCookie"><a name="setCookie"></a> <p class="title"><span class="function">setCookie(name, expires, path, domain, secure)</span> Sets cookie informations to store window size and position</p> <p class="parameter"> <span class="field">name (default window's id)</span> <span class="explanation">Cookie name</span> </p> <p class="parameter"> <span class="field">expires, path, domain, secure</span> <span class="explanation">Cookie attributes</span> </p> </div> <div class="function window" title="setLocation"><a name="setLocation"></a> <p class="title"><span class="function">setLocation(top, left)</span> Sets window top-left position</p> <p class="parameter"> <span class="field">top</span> <span class="explanation">Top position in pixels</span> </p> <p class="parameter"> <span class="field">bottom</span> <span class="explanation">Bottom position in pixels</span> </p> </div> <div class="function window" title="getSize"><a name="getSize"></a> <p class="title"><span class="function">getSize()</span> Gets window content size. Return an hash with width and height as keys</p> </div> <div class="function window" title="setSize"><a name="setSize"></a> <p class="title"><span class="function">setSize(width, height)</span> Sets window content size</p> <p class="parameter"> <span class="field">width</span> <span class="explanation">Width in pixels</span> </p> <p class="parameter"> <span class="field">height</span> <span class="explanation">Height in pixels</span> </p> </div> <div class="function window" title="updateWidth"><a name="updateWidth"></a> <p class="title"><span class="function">updateWidth()</span> Recompute window width, useful when you change window content and do not want scrolling</p> </div> <div class="function window" title="updateHeight"><a name="updateHeight"></a> <p class="title"><span class="function">updateHeight()</span> Recompute window height, useful when you change window content and do not want scrolling</p> </div> <div class="function window" title="toFront"><a name="toFront"></a> <p class="title"><span class="function">toFront()</span> Brings current window in front of all others</p> </div> <div class="function window" title="show"><a name="show"></a> <p class="title"><span class="function">show(modal)</span> Shows window at its current position</p> <p class="parameter"> <span class="field">modal (default false)</span>⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -