bicomponent.html

在流览器上仿CS界面的JAVASCRIPT脚本

<h4>Return Type</h4>
<p><code class="type">void</code></p>
<h3><a name="remove"></a>remove</h3>
<p>Removes an existing child from the component.</p>
<h4>Syntax</h4>
<pre class="method-syntax">object.remove(<span class="methodArgument">oChild</span>)</pre>
<h4>Parameters</h4>
<table>
<thead>
<tr>
<td>Name</td>
<td>Type</td>
<td class="optional-header">Optional</td>
<td>Default</td>
<td>Descripton</td>
</tr>
</thead>
<tbody>
<tr>
<td><code>oChild</code></td>
<td><code class="type"><code><a href="BiComponent.html">BiComponent</a></code></code></td>
<td class="optional-column"></td>
<td></td>
<td>The component to remove</td>
</tr>
</tbody>
</table>
<h4>Return Type</h4>
<p><code class="type"><code><a href="BiComponent.html">BiComponent</a></code></code></p>
<h3><a name="removeAll"></a>removeAll</h3>
<p>
				Removes and disposes all children.
			</p>
<h4>Syntax</h4>
<pre class="method-syntax">object.removeAll()</pre>
<h4>Parameters</h4>
<p>No arguments.</p>
<h4>Return Type</h4>
<p><code class="type">void</code></p>
<h3><a name="removeHtmlProperty"></a>removeHtmlProperty</h3>
<p>Removes the HTML property value for the HTML element
				represented by the component. This should be used with caution since in some cases
				this might give unrespected results.</p>
<h4>Syntax</h4>
<pre class="method-syntax">object.removeHtmlProperty(<span class="methodArgument">sPropertyName</span>)</pre>
<h4>Parameters</h4>
<table>
<thead>
<tr>
<td>Name</td>
<td>Type</td>
<td class="optional-header">Optional</td>
<td>Default</td>
<td>Descripton</td>
</tr>
</thead>
<tbody>
<tr>
<td><code>sPropertyName</code></td>
<td><code class="type">String</code></td>
<td class="optional-column"></td>
<td></td>
<td>The HTML property name</td>
</tr>
</tbody>
</table>
<h4>Return Type</h4>
<p><code class="type">void</code></p>
<h3><a name="removeStyleProperty"></a>removeStyleProperty</h3>
<p>Removes the CSS style property value for the HTML element
				represented by the component. This should be used with caution since in some cases
				this might give unrespected results.</p>
<h4>Syntax</h4>
<pre class="method-syntax">object.removeStyleProperty(<span class="methodArgument">sPropertyName</span>)</pre>
<h4>Parameters</h4>
<table>
<thead>
<tr>
<td>Name</td>
<td>Type</td>
<td class="optional-header">Optional</td>
<td>Default</td>
<td>Descripton</td>
</tr>
</thead>
<tbody>
<tr>
<td><code>sPropertyName</code></td>
<td><code class="type">String</code></td>
<td class="optional-column"></td>
<td></td>
<td>The CSS property name</td>
</tr>
</tbody>
</table>
<h4>Return Type</h4>
<p><code class="type">void</code></p>
<h3><a name="scrollIntoView"></a>scrollIntoView</h3>
<p>Scrolls the parent component view port so that the
				current component becomes inside the view port if possible. The
				argument can be used to tell what edge of the viewport the component
				should be aligned to.
			</p>
<h4>Syntax</h4>
<pre class="method-syntax">object.scrollIntoView([<span class="methodArgument">bTopLeft</span>])</pre>
<h4>Parameters</h4>
<table>
<thead>
<tr>
<td>Name</td>
<td>Type</td>
<td class="optional-header">Optional</td>
<td>Default</td>
<td>Descripton</td>
</tr>
</thead>
<tbody>
<tr>
<td><code>bTopLeft</code></td>
<td><code class="type">void</code></td>
<td class="optional-column"><img src="check.png" alt="checked"></td>
<td><code>null</code></td>
<td>
						This describes the value to align the component to relative
						to the view port of the parent.<br>
						<br>
						<code>null</code> - Scroll as little as possible to make
							the component visible in the parent view port.<br>
						<code>true</code> - try to align the component with the
						upper left edge of the parent view port.<br>
						<code>false</code> - try to align the component with the
						lower right edge of the parent view port.
					</td>
</tr>
</tbody>
</table>
<h4>Return Type</h4>
<p><code class="type">void</code></p>
<h3><a name="scrollIntoViewX"></a>scrollIntoViewX</h3>
<p>Scrolls the parent component view port horizontally so that the
				current component becomes inside the view port if possible. The
				argument can be used to tell what edge of the viewport the component
				should be aligned to.
			</p>
<h4>Syntax</h4>
<pre class="method-syntax">object.scrollIntoViewX([<span class="methodArgument">bLeft</span>])</pre>
<h4>Parameters</h4>
<table>
<thead>
<tr>
<td>Name</td>
<td>Type</td>
<td class="optional-header">Optional</td>
<td>Default</td>
<td>Descripton</td>
</tr>
</thead>
<tbody>
<tr>
<td><code>bLeft</code></td>
<td><code class="type">void</code></td>
<td class="optional-column"><img src="check.png" alt="checked"></td>
<td><code>null</code></td>
<td>
						This describes the value to align the component to relative
						to the view port of the parent.<br>
						<br>
						<code>null</code> - Scroll as little as possible to make
							the component visible in the parent view port.<br>
						<code>true</code> - try to align the component with the
						left edge of the parent view port.<br>
						<code>false</code> - try to align the component with the
						right edge of the parent view port.
					</td>
</tr>
</tbody>
</table>
<h4>Return Type</h4>
<p><code class="type">void</code></p>
<h3><a name="scrollIntoViewY"></a>scrollIntoViewY</h3>
<p>Scrolls the parent component view port vertically so that the
				current component becomes inside the view port if possible. The
				argument can be used to tell what edge of the viewport the component
				should be aligned to.
			</p>
<h4>Syntax</h4>
<pre class="method-syntax">object.scrollIntoViewY([<span class="methodArgument">bTop</span>])</pre>
<h4>Parameters</h4>
<table>
<thead>
<tr>
<td>Name</td>
<td>Type</td>
<td class="optional-header">Optional</td>
<td>Default</td>
<td>Descripton</td>
</tr>
</thead>
<tbody>
<tr>
<td><code>bTop</code></td>
<td><code class="type">void</code></td>
<td class="optional-column"><img src="check.png" alt="checked"></td>
<td><code>null</code></td>
<td>
						This describes the value to align the component to relative
						to the view port of the parent.<br>
						<br>
						<code>null</code> - Scroll as little as possible to make
							the component visible in the parent view port.<br>
						<code>true</code> - try to align the component with the
						upper edge of the parent view port.<br>
						<code>false</code> - try to align the component with the
						lower edge of the parent view port.
					</td>
</tr>
</tbody>
</table>
<h4>Return Type</h4>
<p><code class="type">void</code></p>
<h3><a name="setBounds"></a>setBounds</h3>
<p>Sets the left and top position as well as the width and height for the component.</p>
<h4>Syntax</h4>
<pre class="method-syntax">object.setBounds(<span class="methodArgument">nLeft</span>, <span class="methodArgument">nTop</span>, <span class="methodArgument">nWidth</span>, <span class="methodArgument">nHeight</span>)</pre>
<h4>Parameters</h4>
<table>
<thead>
<tr>
<td>Name</td>
<td>Type</td>
<td class="optional-header">Optional</td>
<td>Default</td>
<td>Descripton</td>
</tr>
</thead>
<tbody>
<tr>
<td><code>nLeft</code></td>
<td><code class="type">Number</code></td>
<td class="optional-column"></td>
<td></td>
<td>The new left location for the component</td>
</tr>
<tr>
<td><code>nTop</code></td>
<td><code class="type">Number</code></td>
<td class="optional-column"></td>
<td></td>
<td>The new top locatin for the component</td>
</tr>
<tr>
<td><code>nWidth</code></td>
<td><code class="type">Number</code></td>
<td class="optional-column"></td>
<td></td>
<td>The new width of the component</td>
</tr>
<tr>
<td><code>nHeight</code></td>
<td><code class="type">Number</code></td>
<td class="optional-column"></td>
<td></td>
<td>The new height of the component</td>
</tr>
</tbody>
</table>
<h4>Return Type</h4>
<p><code class="type">void</code></p>
<h3><a name="setHtmlProperty"></a>setHtmlProperty</h3>
<p>Adds a certain HTML property (attribute) to the HTML element represented
				by the component. This should be used with caution since in some cases
				this might give unrespected results.</p>
<h4>Syntax</h4>
<pre class="method-syntax">object.setHtmlProperty(<span class="methodArgument">sPropertyName</span>, <span class="methodArgument">sValue</span>)</pre>
<h4>Parameters</h4>
<table>
<thead>
<tr>
<td>Name</td>
<td>Type</td>
<td class="optional-header">Optional</td>
<td>Default</td>
<td>Descripton</td>
</tr>
</thead>
<tbody>
<tr>
<td><code>sPropertyName</code></td>
<td><code class="type">String</code></td>
<td class="optional-column"></td>
<td></td>
<td>The HTML property name</td>
</tr>
<tr>
<td><code>sValue</code></td>
<td><code class="type">String</code></td>
<td class="optional-column"></td>
<td></td>
<td>The HTML property value</td>
</tr>
</tbody>
</table>
<h4>Return Type</h4>
<p><code class="type">void</code></p>
<h3><a name="setLocation"></a>setLocation</h3>
<p>Sets the left and top position for the component.</p>
<h4>Syntax</h4>
<pre class="method-syntax">object.setLocation(<span class="methodArgument">left</span>, <span class="methodArgument">top</span>)</pre>
<h4>Parameters</h4>
<table>
<thead>
<tr>
<td>Name</td>
<td>Type</td>
<td class="optional-header">Optional</td>
<td>Default</td>
<td>Descripton</td>
</tr>
</thead>
<tbody>
<tr>
<td><code>left</code></td>
<td><code class="type">Number</code></td>
<td class="optional-column"></td>
<td></td>
<td>The new left location for the component</td>
</tr>
<tr>
<td><code>top</code></td>
<td><code class="type">Number</code></td>
<td class="optional-column"></td>
<td></td>
<td>The new top locatin for the component</td>
</tr>
</tbody>
</table>
<h4>Return Type<