biborder.html

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

<h2>Remarks</h2>
<p>
		To change the border on the component you have to use
		<code><a href="BiComponent.html#border">setBorder()</a></code>. Changing the
		border object without calling <code><a href="BiComponent.html#border">setBorder()</a></code>
		will not update the component.
	</p>
<h2>Method Details</h2>
<h3><a name="paintBorder"></a>paintBorder</h3>
<p>Makes the component have a border described by the current border object</p>
<h4>Syntax</h4>
<pre class="method-syntax">object.paintBorder(<span class="methodArgument">oComponent</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>oComponent</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 draw the border to</td>
</tr>
</tbody>
</table>
<h4>Return Type</h4>
<p><code class="type">void</code></p>
<h3><a name="removeBorder"></a>removeBorder</h3>
<p>
				Removes this border from a component. This means that
				the border styles this border object has applied to a component
				will be reset/removed.
			</p>
<h4>Syntax</h4>
<pre class="method-syntax">object.removeBorder(<span class="methodArgument">oComponent</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>oComponent</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 the border from</td>
</tr>
</tbody>
</table>
<h4>Return Type</h4>
<p><code class="type">void</code></p>
<h3><a name="setBottom"></a>setBottom</h3>
<p>Sets the bottom width, style and color</p>
<h4>Syntax</h4>
<pre class="method-syntax">object.setBottom([<span class="methodArgument">width</span> [, <span class="methodArgument">style</span> [, <span class="methodArgument">color</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>width</code></td>
<td><code class="type">Number</code></td>
<td class="optional-column"><img src="check.png" alt="checked"></td>
<td><code>0</code></td>
<td>The width (in pixels) of the bottom border</td>
</tr>
<tr>
<td><code>style</code></td>
<td><code class="type">String</code></td>
<td class="optional-column"><img src="check.png" alt="checked"></td>
<td><code>solid</code></td>
<td>The style of the bottom border</td>
</tr>
<tr>
<td><code>color</code></td>
<td><code class="type">String</code></td>
<td class="optional-column"><img src="check.png" alt="checked"></td>
<td></td>
<td>The color of the bottom border</td>
</tr>
</tbody>
</table>
<h4>Return Type</h4>
<p><code class="type">void</code></p>
<h3><a name="setLeft"></a>setLeft</h3>
<p>Sets the left width, style and color</p>
<h4>Syntax</h4>
<pre class="method-syntax">object.setLeft([<span class="methodArgument">width</span> [, <span class="methodArgument">style</span> [, <span class="methodArgument">color</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>width</code></td>
<td><code class="type">Number</code></td>
<td class="optional-column"><img src="check.png" alt="checked"></td>
<td><code>0</code></td>
<td>The width (in pixels) of the left border</td>
</tr>
<tr>
<td><code>style</code></td>
<td><code class="type">String</code></td>
<td class="optional-column"><img src="check.png" alt="checked"></td>
<td><code>solid</code></td>
<td>The style of the left border</td>
</tr>
<tr>
<td><code>color</code></td>
<td><code class="type">String</code></td>
<td class="optional-column"><img src="check.png" alt="checked"></td>
<td></td>
<td>The color of the left border</td>
</tr>
</tbody>
</table>
<h4>Return Type</h4>
<p><code class="type">void</code></p>
<h3><a name="setRight"></a>setRight</h3>
<p>Sets the right width, style and color</p>
<h4>Syntax</h4>
<pre class="method-syntax">object.setRight([<span class="methodArgument">width</span> [, <span class="methodArgument">style</span> [, <span class="methodArgument">color</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>width</code></td>
<td><code class="type">Number</code></td>
<td class="optional-column"><img src="check.png" alt="checked"></td>
<td><code>0</code></td>
<td>The width (in pixels) of the right border</td>
</tr>
<tr>
<td><code>style</code></td>
<td><code class="type">String</code></td>
<td class="optional-column"><img src="check.png" alt="checked"></td>
<td><code>solid</code></td>
<td>The style of the right border</td>
</tr>
<tr>
<td><code>color</code></td>
<td><code class="type">String</code></td>
<td class="optional-column"><img src="check.png" alt="checked"></td>
<td></td>
<td>The color of the right border</td>
</tr>
</tbody>
</table>
<h4>Return Type</h4>
<p><code class="type">void</code></p>
<h3><a name="setTop"></a>setTop</h3>
<p>Sets the top width, style and color</p>
<h4>Syntax</h4>
<pre class="method-syntax">object.setTop([<span class="methodArgument">width</span> [, <span class="methodArgument">style</span> [, <span class="methodArgument">color</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>width</code></td>
<td><code class="type">Number</code></td>
<td class="optional-column"><img src="check.png" alt="checked"></td>
<td><code>0</code></td>
<td>The width (in pixels) of the top border</td>
</tr>
<tr>
<td><code>style</code></td>
<td><code class="type">String</code></td>
<td class="optional-column"><img src="check.png" alt="checked"></td>
<td><code>solid</code></td>
<td>The style of the top border</td>
</tr>
<tr>
<td><code>color</code></td>
<td><code class="type">String</code></td>
<td class="optional-column"><img src="check.png" alt="checked"></td>
<td></td>
<td>The color of the top border</td>
</tr>
</tbody>
</table>
<h4>Return Type</h4>
<p><code class="type">void</code></p>
<h2>Static Method Details</h2>
<h3><a name="fromString"></a>fromString</h3>
<p>
				Parses a string and returns a new border object. The format for the
				string is<br>
				<br>
				(&lt;size&gt;"px"?)? &lt;style&gt;? &lt;color&gt;?<br>
				<br>
				2px dotted red<br>
				<br>
				The order of the parts is not relevant.
			</p>
<h4>Syntax</h4>
<pre class="method-syntax">BiBorder.fromString(<span class="methodArgument">s</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>s</code></td>
<td><code class="type">String</code></td>
<td class="optional-column"></td>
<td></td>
<td>The string to parse</td>
</tr>
</tbody>
</table>
<h4>Return Type</h4>
<p><code class="type"><code><a href="BiFont.html">BiFont</a></code></code></p>
</body>
</html>