Initial revision
This commit is contained in:
dchandler
parent
8c4ab30a52
commit
0643096899
139 changed files with 10024 additions and 0 deletions
102
extensions/calpa/Docs/html/guide-Forms-accesskey.html
Normal file
102
extensions/calpa/Docs/html/guide-Forms-accesskey.html
Normal file
|
|
@ -0,0 +1,102 @@
|
|||
<HTML>
|
||||
<BODY bgcolor=ffffff>
|
||||
<P>
|
||||
<TABLE width=100% cellspacing=0 cellpadding=0>
|
||||
<TR>
|
||||
<TD>
|
||||
<FONT size=-1><B>CalHTMLPane v2.0 Guide</B></FONT>
|
||||
</TD>
|
||||
<TD align=right>
|
||||
<FONT size=-1><B>Example Tag Usage</B></FONT>
|
||||
</TD>
|
||||
</TR>
|
||||
</TABLE>
|
||||
<HR width=100% size=1 color=black>
|
||||
<P>
|
||||
<FONT size=+1><B>2: Forms</B></FONT>
|
||||
<P>
|
||||
<BLOCKQUOTE>
|
||||
<P>
|
||||
<B>Attr: accesskey</B><BR>
|
||||
|
||||
<P>
|
||||
<TABLE border cellpadding=6 align=center>
|
||||
<TR>
|
||||
<TD>
|
||||
<B>Synopsis:</B><BR>
|
||||
Use this attribute to give a keyboard accelerator to a form component.
|
||||
|
||||
<P>For form buttons created with the INPUT tag the button text will show
|
||||
the accelerator underlined.
|
||||
|
||||
<P>For other controls the U (underline) tag can be used to mark the key
|
||||
accelerator.
|
||||
|
||||
<P>Note that the LABEL tag can be used to pass focus to another form
|
||||
component by using the <B>for</B> attribute (see HTML4.0 spec).
|
||||
|
||||
<P>
|
||||
</TD>
|
||||
</TR>
|
||||
|
||||
<TR>
|
||||
<TD>
|
||||
<B>Example:</B>
|
||||
<P>
|
||||
<table align=center bgcolor=ffffdd cellspacing=0 cellpadding=4 rules=none bordercolor=black frame=border>
|
||||
<tr>
|
||||
<td><FONT color=navy>
|
||||
|
||||
<P align=center><BR>
|
||||
<INPUT type=button value="Press me" accesskey="P"> <BR>
|
||||
Your <U>n</U>ame: <INPUT type=text accesskey=n><BR>
|
||||
<P align=center><BR>
|
||||
<LABEL bgcolor=white for=mycombo accesskey='c'><U>C</U>omposer</LABEL><BR>
|
||||
<SELECT id=mycombo><BR>
|
||||
<code> </code><OPTION>Mozart<BR>
|
||||
<code> </code><OPTION>Schubert<BR>
|
||||
<code> </code><OPTION>Bach<BR>
|
||||
</SELECT><BR>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
<P>
|
||||
|
||||
|
||||
<TR><TD>
|
||||
<B>Rendering:</B>
|
||||
<FONT color=red size=-1>Note: Java 1.2 has a bug (no. 4159610) relating to this example. If
|
||||
the textfield has focus and an accelerator is used for a different control, the
|
||||
accelerator character will show within the textfield</FONT>
|
||||
<P align=center>
|
||||
<INPUT type=button value="Press me" accesskey="P">
|
||||
Your <U>n</U>ame: <INPUT type=text accesskey=n>
|
||||
<P align=center>
|
||||
<LABEL bgcolor=white for=mycombo accesskey='c'><U>C</U>omposer</LABEL>
|
||||
<SELECT id=mycombo>
|
||||
<OPTION>Mozart
|
||||
<OPTION>Schubert
|
||||
<OPTION>Bach
|
||||
</SELECT>
|
||||
<BR>
|
||||
<BR>
|
||||
|
||||
</TD>
|
||||
</TR>
|
||||
|
||||
</TABLE>
|
||||
</BLOCKQUOTE>
|
||||
|
||||
<TABLE align=center width=50%>
|
||||
<TR>
|
||||
<TD align=center>
|
||||
<A href="../CalGuide.html">Guide Index</A> |
|
||||
<A href="../javadoc/overview-tree.html"> JavaDoc</A> |
|
||||
<A href="guide-Forms-labeltag.html"> Previous</A> |
|
||||
<A href="guide-Frames-iframe.html"> Next</A>
|
||||
</TD>
|
||||
</TR>
|
||||
</TABLE>
|
||||
|
||||
</BODY>
|
||||
</HTML>
|
||||
178
extensions/calpa/Docs/html/guide-Forms-button.html
Normal file
178
extensions/calpa/Docs/html/guide-Forms-button.html
Normal file
|
|
@ -0,0 +1,178 @@
|
|||
<HTML>
|
||||
<BODY bgcolor=ffffff>
|
||||
<P>
|
||||
<TABLE width=100% cellspacing=0 cellpadding=0>
|
||||
<TR>
|
||||
<TD>
|
||||
<FONT size=-1><B>CalHTMLPane v2.0 Guide</B></FONT>
|
||||
</TD>
|
||||
<TD align=right>
|
||||
<FONT size=-1><B>Example Tag Usage</B></FONT>
|
||||
</TD>
|
||||
</TR>
|
||||
</TABLE>
|
||||
<HR width=100% size=1 color=black>
|
||||
<P>
|
||||
<FONT size=+1><B>2: Forms</B></FONT>
|
||||
<P>
|
||||
<BLOCKQUOTE>
|
||||
<P>
|
||||
<B>Tag: INPUT (submit)</B><BR>
|
||||
<B>Tag: INPUT (reset)</B><BR>
|
||||
<B>Tag: INPUT (button)</B><BR>
|
||||
<P>
|
||||
<BLOCKQUOTE>
|
||||
<TABLE border align=center cellpadding=12 width=100%>
|
||||
|
||||
<TR>
|
||||
<TD>
|
||||
<B>Default Rendering (no color modification):</B>
|
||||
<P>
|
||||
<FORM>
|
||||
<table align=center border=2 cellspacing=2 cellpadding=10 width=400 bgcolor=uicontrol>
|
||||
<colgroup span=4 align=center width=25%>
|
||||
</colgroup>
|
||||
<tr><th> </th><th>lookandfeel</th><th>threedee</th><th>flush</th></tr>
|
||||
<tr>
|
||||
<td><B>uicontrol</B>
|
||||
<td><input type=button style=lookandfeel value="Press Me"></td>
|
||||
<td><input type=button style=threedee value="Press Me"></td>
|
||||
<td><input type=button style=flush value="Press Me"></td>
|
||||
</tr>
|
||||
<tr bgcolor=white>
|
||||
<td><B>white</B>
|
||||
<td><input type=button style=lookandfeel value="Press Me"></td>
|
||||
<td><input type=button style=threedee value="Press Me"></td>
|
||||
<td><input type=button style=flush value="Press Me"></td>
|
||||
</tr>
|
||||
<tr bgcolor=black>
|
||||
<td><B><FONT color=white>black</FONT></B>
|
||||
<td><input type=button style=lookandfeel value="Press Me"></td>
|
||||
<td><input type=button style=threedee value="Press Me"></td>
|
||||
<td><input type=button style=flush value="Press Me"></td>
|
||||
</tr>
|
||||
<tr bgcolor=ddccee>
|
||||
<td><B>(light)</B>
|
||||
<td><input type=button style=lookandfeel value="Press Me"></td>
|
||||
<td><input type=button style=threedee value="Press Me"></td>
|
||||
<td><input type=button style=flush value="Press Me"></td>
|
||||
</tr>
|
||||
<tr bgcolor=557733>
|
||||
<td><B>(dark)</B>
|
||||
<td><input type=button style=lookandfeel value="Press Me"></td>
|
||||
<td><input type=button style=threedee value="Press Me"></td>
|
||||
<td><input type=button style=flush value="Press Me"></td>
|
||||
</tr>
|
||||
</table>
|
||||
</FORM>
|
||||
<BR>
|
||||
</TD></TR>
|
||||
<TR><TD>
|
||||
<B>Setting color attributes:</B>
|
||||
<P>
|
||||
<table align=center bgcolor=ffffdd cellspacing=0 cellpadding=4 rules=none bordercolor=black frame=border>
|
||||
<tr>
|
||||
<td><FONT color=navy>
|
||||
<TABLE border=2 cellspacing=2 cellpadding=5 width=200 bgcolor=uicontrol><BR>
|
||||
<code> </code><COLGROUP span=2 align=center width=50%></COLGROUP><BR>
|
||||
<code> </code><TR><TH>threedee</TH><TH>flush</TH></TR><BR>
|
||||
<code> </code><TR bgcolor=aa88aa><TD><BR>
|
||||
<code> </code><INPUT type=button style=threedee bgcolor=aa88aa value="Press Me"><BR>
|
||||
<code> </code><INPUT type=button style=flush bgcolor=aa88aa value="Press Me"><BR>
|
||||
<code> </code></TD></TR><BR>
|
||||
|
||||
<code> </code><TR><TD><BR>
|
||||
<code> </code><INPUT type=button style=threedee bgcolor=779988 value="Press Me"><BR>
|
||||
<code> </code><INPUT type=buton style=flush bgcolor=779988 value="Press Me"><BR>
|
||||
<code> </code></TD></TR><BR>
|
||||
|
||||
<code> </code><TR bgcolor=ee99aa><TD><BR>
|
||||
<code> </code><INPUT type=button style=threedee bgcolor=ee99aa value="Press Me"><BR>
|
||||
<code> </code><INPUT type=button style=flush bgcolor=ee99aa value="Press Me"><BR>
|
||||
<code> </code></TD></TR><BR>
|
||||
|
||||
<code> </code><TR><TD><BR>
|
||||
<code> </code><INPUT type=button style=threedee bgcolor=ccaa22 value="Press Me"><BR>
|
||||
<code> </code><INPUT type=button style=flush bgcolor=ccaa22 value="Press Me"><BR>
|
||||
<code> </code></TD></TR><BR>
|
||||
|
||||
|
||||
</TABLE></FONT>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
<P>
|
||||
</TR>
|
||||
</TD>
|
||||
<TR><TD>
|
||||
<P>
|
||||
<B>Rendering:</B>
|
||||
<BR>
|
||||
<table align=center border=2 cellspacing=2 cellpadding=5 width=200 bgcolor=uicontrol>
|
||||
<colgroup span=2 align=center width=50%>
|
||||
</colgroup>
|
||||
<tr><th>threedee</th><th>flush</th></tr>
|
||||
<tr bgcolor=aa88aa>
|
||||
<td><input type=button style=threedee bgcolor=aa88aa value="Press Me"></td>
|
||||
<td><input type=button style=flush bgcolor=aa88aa value="Press Me"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><input type=button style=threedee bgcolor=779988 value="Press Me"></td>
|
||||
<td><input type=button style=flush bgcolor=779988 value="Press Me"></td>
|
||||
</tr>
|
||||
<tr bgcolor=ee99aa>
|
||||
<td><input type=button style=threedee bgcolor=ee99aa value="Press Me"></td>
|
||||
<td><input type=button style=flush bgcolor=ee99aa value="Press Me"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><input type=button style=threedee bgcolor=ccaa22 value="Press Me"></td>
|
||||
<td><input type=button style=flush bgcolor=ccaa22 value="Press Me"></td>
|
||||
</tr>
|
||||
</table>
|
||||
<BR>
|
||||
</TD>
|
||||
</TR>
|
||||
|
||||
<TR>
|
||||
<TD>
|
||||
The inner highlight of the <B>flush</B> style can be removed by
|
||||
setting the control's <B>bordercolorlight</B> to the same color as its background
|
||||
<P>
|
||||
<table align=center bgcolor=ffffdd cellspacing=0 cellpadding=4 rules=none bordercolor=black frame=border>
|
||||
<tr><td>
|
||||
<TABLE align=center border=2 cellspacing=2 cellpadding=5 width=100 bgcolor=aabbcc><BR>
|
||||
<TR><TD><BR>
|
||||
<code> </code><INPUT type=button align=bottom style=flush bgcolor=aabbcc<BR>
|
||||
<code> </code>bordercolorlight=aabbcc value="Press Me"><BR>
|
||||
</TD></TR><BR>
|
||||
</TABLE>
|
||||
</td></tr>
|
||||
</table>
|
||||
<P>
|
||||
|
||||
|
||||
<table align=center border=2 cellspacing=2 cellpadding=5 width=100 bgcolor=aabbcc>
|
||||
<tr><td>
|
||||
<input type=button align=bottom style=flush bgcolor=aabbcc bordercolorlight=aabbcc value="Press Me">
|
||||
</td></tr>
|
||||
</table>
|
||||
</TD>
|
||||
</TR>
|
||||
|
||||
</TABLE>
|
||||
</BLOCKQUOTE>
|
||||
</BLOCKQUOTE>
|
||||
|
||||
<TABLE align=center width=50%>
|
||||
<TR>
|
||||
<TD align=center>
|
||||
<A href="../CalGuide.html">Guide Index</A> |
|
||||
<A href="../javadoc/overview-tree.html"> JavaDoc</A> |
|
||||
<A href="guide-Forms-uiscrollcolors.html"> Previous</A> |
|
||||
<A href="guide-Forms-checkbox.html"> Next</A>
|
||||
</TD>
|
||||
</TR>
|
||||
</TABLE>
|
||||
|
||||
</BODY>
|
||||
</HTML>
|
||||
123
extensions/calpa/Docs/html/guide-Forms-buttontag.html
Normal file
123
extensions/calpa/Docs/html/guide-Forms-buttontag.html
Normal file
|
|
@ -0,0 +1,123 @@
|
|||
<HTML>
|
||||
<BODY bgcolor=ffffff>
|
||||
<P>
|
||||
<TABLE width=100% cellspacing=0 cellpadding=0>
|
||||
<TR>
|
||||
<TD>
|
||||
<FONT size=-1><B>CalHTMLPane v2.0 Guide</B></FONT>
|
||||
</TD>
|
||||
<TD align=right>
|
||||
<FONT size=-1><B>Example Tag Usage</B></FONT>
|
||||
</TD>
|
||||
</TR>
|
||||
</TABLE>
|
||||
<HR width=100% size=1 color=black>
|
||||
<P>
|
||||
<FONT size=+1><B>2: Forms</B></FONT>
|
||||
<P>
|
||||
<BLOCKQUOTE>
|
||||
<P>
|
||||
<B>Tag: BUTTON</B><BR>
|
||||
<P>
|
||||
<BLOCKQUOTE>
|
||||
<TABLE border align=center cellpadding=6 width=100%>
|
||||
|
||||
<TR>
|
||||
<TD>
|
||||
<B>Synopsis:</B><BR>
|
||||
The <B>BUTTON</B> tag can contain HTML content, although it cannot contain
|
||||
other form components, framesets, or hyperlinks.
|
||||
<P>Within the threedee and flush styles the <B>marginwidth</B> and <B>marginheight</B>
|
||||
attributes determine the button's insets (the gap between the button's border
|
||||
and its content). The default marginwidth is 5 pixels, default marginheight 2 pixels.
|
||||
<P>This tag takes the <B>type</B> attribute. The default type is <B>submit</B>.
|
||||
<P>Note that to get the spacing and word-wrap you desire within the button it
|
||||
is often advisable to format content using tables.
|
||||
</TD>
|
||||
</TR>
|
||||
|
||||
<TR>
|
||||
<TD>
|
||||
<B>Example:</B>
|
||||
<P>
|
||||
<table align=center bgcolor=ffffdd cellspacing=0 cellpadding=4 rules=none bordercolor=black frame=border>
|
||||
<tr>
|
||||
<td><FONT color=navy>
|
||||
<BUTTON style=lookandfeel bgcolor=ccaacc><BR>
|
||||
<code> </code><IMG src="images/gift.gif" align=left><BR>
|
||||
<code> </code><DIV align=center>Click<BR>here for<BR clear=left>your special<BR><BR>
|
||||
<code> </code><FONT color=red><B><I>FREE GIFT!!</I></B></FONT></DIV><BR>
|
||||
</BUTTON>
|
||||
<P>
|
||||
<BUTTON style=threedee bgcolor=palegreen><BR>
|
||||
<code> </code><IMG src="images/gift.gif" align=left><BR>
|
||||
<code> </code><DIV align=center>Click<BR>here for<BR clear=left>your special<BR><BR>
|
||||
<code> </code><FONT color=red><B><I>FREE GIFT!!</I></B></FONT></DIV><BR>
|
||||
</BUTTON>
|
||||
<P>
|
||||
<BUTTON style=flush bgcolor=aaaaee><BR>
|
||||
<code> </code><IMG src="images/gift.gif" align=left><BR>
|
||||
<code> </code><DIV align=center>Click<BR>here for<BR clear=left>your special<BR><BR>
|
||||
<code> </code><FONT color=yellow><B><I>FREE GIFT!!</I></B></FONT></DIV><BR>
|
||||
</BUTTON>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
<P>
|
||||
</TR>
|
||||
</TD>
|
||||
|
||||
<TR>
|
||||
<TD>
|
||||
<B>Rendering:</B>
|
||||
<P>
|
||||
<table align=center border=2 cellspacing=2 cellpadding=10 bgcolor=uicontrol>
|
||||
<colgroup span=3 align=center>
|
||||
</colgroup>
|
||||
<tr><th>lookandfeel</th><th>threedee</th><th>flush</th></tr>
|
||||
<tr>
|
||||
<td>
|
||||
<BUTTON style=lookandfeel bgcolor=ccaacc>
|
||||
<IMG src="images/gift.gif" align=left>
|
||||
<DIV align=center>Click<BR>here for<BR clear=left>your special<BR>
|
||||
<FONT color=red><B><I>FREE GIFT!!</I></B></FONT></DIV>
|
||||
</BUTTON>
|
||||
</td>
|
||||
<td>
|
||||
<BUTTON style=threedee bgcolor=palegreen>
|
||||
<IMG src="images/gift.gif" align=left>
|
||||
<DIV align=center>Click<BR>here for<BR clear=left>your special<BR>
|
||||
<FONT color=red><B><I>FREE GIFT!!</I></B></FONT></DIV>
|
||||
</BUTTON>
|
||||
</td>
|
||||
<td>
|
||||
<BUTTON style=flush bgcolor=aaaaee>
|
||||
<IMG src="images/gift.gif" align=left>
|
||||
<DIV align=center>Click<BR>here for<BR clear=left>your special<BR>
|
||||
<FONT color=yellow><B><I>FREE GIFT!!</I></B></FONT><DIV>
|
||||
</BUTTON>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
<BR>
|
||||
</TD>
|
||||
</TR>
|
||||
|
||||
|
||||
</TABLE>
|
||||
</BLOCKQUOTE>
|
||||
</BLOCKQUOTE>
|
||||
|
||||
<TABLE align=center width=50%>
|
||||
<TR>
|
||||
<TD align=center>
|
||||
<A href="../CalGuide.html">Guide Index</A> |
|
||||
<A href="../javadoc/overview.tree.html"> JavaDoc</A> |
|
||||
<A href="guide-Forms-text.html"> Previous</A> |
|
||||
<A href="guide-Forms-labeltag.html"> Next</A>
|
||||
</TD>
|
||||
</TR>
|
||||
</TABLE>
|
||||
|
||||
</BODY>
|
||||
</HTML>
|
||||
151
extensions/calpa/Docs/html/guide-Forms-checkbox.html
Normal file
151
extensions/calpa/Docs/html/guide-Forms-checkbox.html
Normal file
|
|
@ -0,0 +1,151 @@
|
|||
<HTML>
|
||||
<BODY bgcolor=ffffff>
|
||||
<P>
|
||||
<TABLE width=100% cellspacing=0 cellpadding=0>
|
||||
<TR>
|
||||
<TD>
|
||||
<FONT size=-1><B>CalHTMLPane v2.0 Guide</B></FONT>
|
||||
</TD>
|
||||
<TD align=right>
|
||||
<FONT size=-1><B>Example Tag Usage</B></FONT>
|
||||
</TD>
|
||||
</TR>
|
||||
</TABLE>
|
||||
<HR width=100% size=1 color=black>
|
||||
<P>
|
||||
<FONT size=+1><B>2: Forms</B></FONT>
|
||||
<P>
|
||||
<BLOCKQUOTE>
|
||||
<P>
|
||||
<B>Tag: INPUT (checkbox)</B><BR>
|
||||
<P>
|
||||
<BLOCKQUOTE>
|
||||
<TABLE border align=center width=100% cellpadding=12>
|
||||
|
||||
|
||||
|
||||
<TR>
|
||||
<TD>
|
||||
<B>Default Rendering (no color modification):</B>
|
||||
<P>
|
||||
<table align=center border=2 cellspacing=2 cellpadding=5 width=400 bgcolor=uicontrol>
|
||||
<colgroup span=4 align=center width=25%>
|
||||
</colgroup>
|
||||
<tr><th> </th><th>lookandfeel</th><th>threedee</th><th>flush</th></tr>
|
||||
<tr>
|
||||
<td><B>uicontrol</B>
|
||||
<td><input type=checkbox style=lookandfeel> Text</td>
|
||||
<td><input type=checkbox style=threedee> Text</td>
|
||||
<td><input type=checkbox style=flush> Text</td>
|
||||
</tr>
|
||||
<tr bgcolor=white>
|
||||
<td><B>white</B>
|
||||
<td><input type=checkbox style=lookandfeel> Text</td>
|
||||
<td><input type=checkbox style=threedee> Text</td>
|
||||
<td><input type=checkbox style=flush> Text</td>
|
||||
</tr>
|
||||
<tr bgcolor=black>
|
||||
<td><B><FONT color=white>black</FONT></B>
|
||||
<td><input type=checkbox style=lookandfeel> <FONT color=white>Text</FONT></td>
|
||||
<td><input type=checkbox style=threedee> <FONT color=white>Text</FONT></td>
|
||||
<td><input type=checkbox style=flush> <FONT color=white>Text</FONT></td>
|
||||
</tr>
|
||||
<tr bgcolor=ddccee>
|
||||
<td><B>(light)</B>
|
||||
<td><input type=checkbox style=lookandfeel> Text</td>
|
||||
<td><input type=checkbox style=threedee> Text</td>
|
||||
<td><input type=checkbox style=flush> Text</td>
|
||||
</tr>
|
||||
<tr bgcolor=557733>
|
||||
<td><B>(dark)</B>
|
||||
<td><input type=checkbox style=lookandfeel> Text</td>
|
||||
<td><input type=checkbox style=threedee> Text</td>
|
||||
<td><input type=checkbox style=flush> Text</td>
|
||||
</tr>
|
||||
</table>
|
||||
<BR>
|
||||
</TD></TR>
|
||||
<TR><TD>
|
||||
<B>Setting color attributes:</B>
|
||||
<P>
|
||||
<table align=center bgcolor=ffffdd cellspacing=0 cellpadding=4 rules=none bordercolor=black frame=border>
|
||||
<tr>
|
||||
<td><FONT color=navy>
|
||||
<TABLE border=2 cellspacing=2 cellpadding=5 width=200 bgcolor=uicontrol><BR>
|
||||
<code> </code><COLGROUP span=2 align=center width=50%></COLGROUP><BR>
|
||||
<code> </code><TR><TH>threedee</TH><TH>flush</TH></TR><BR>
|
||||
<code> </code><TR><TD><BR>
|
||||
<code> </code><INPUT type=checkbox style=threedee bgcolor=uicontrol> Text<BR>
|
||||
<code> </code><INPUT type=checkbox style=flush bgcolor=green text=white> Text<BR>
|
||||
<code> </code></TD></TR><BR>
|
||||
|
||||
<code> </code><TR bgcolor=779988><TD><BR>
|
||||
<code> </code><INPUT type=checkbox style=threedee bgcolor=779988> Text<BR>
|
||||
<code> </code><INPUT type=checkbox style=flush bgcolor=779988 text=yellow> Text<BR>
|
||||
<code> </code></TD></TR><BR>
|
||||
|
||||
<code> </code><TR bgcolor=ee99aa><TD><BR>
|
||||
<code> </code><INPUT type=checkbox style=threedee bgcolor=ee99aa> Text<BR>
|
||||
<code> </code><INPUT type=checkbox style=flush bgcolor=red text=white> Text<BR>
|
||||
<code> </code></TD></TR><BR>
|
||||
|
||||
<code> </code><TR bgcolor=ccaa22><TD><BR>
|
||||
<code> </code><INPUT type=checkbox style=threedee bgcolor=ccaa22> Text<BR>
|
||||
<code> </code><INPUT type=checkbox style=flush bgcolor=ccaa22> Text<BR>
|
||||
<code> </code></TD></TR><BR>
|
||||
|
||||
|
||||
</TABLE></FONT>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
<P>
|
||||
</TR>
|
||||
</TD>
|
||||
<TR><TD>
|
||||
<P>
|
||||
<B>Rendering:</B>
|
||||
<BR>
|
||||
<table align=center border=2 cellspacing=2 cellpadding=5 width=200 bgcolor=uicontrol>
|
||||
<colgroup span=2 align=center width=50%>
|
||||
</colgroup>
|
||||
<tr><th>threedee</th><th>flush</th></tr>
|
||||
<tr>
|
||||
<td><input type=checkbox style=threedee bgcolor=uicontrol> Text</td>
|
||||
<td><input type=checkbox style=flush bgcolor=green text=white> Text</td>
|
||||
</tr>
|
||||
<tr bgcolor=779988>
|
||||
<td><input type=checkbox style=threedee bgcolor=779988> Text</td>
|
||||
<td><input type=checkbox style=flush bgcolor=779988 text=yellow> Text</td>
|
||||
</tr>
|
||||
<tr bgcolor=ee99aa>
|
||||
<td><input type=checkbox style=threedee bgcolor=ee99aa> Text</td>
|
||||
<td><input type=checkbox style=flush bgcolor=red text=white> Text</td>
|
||||
</tr>
|
||||
<tr bgcolor=ccaa22>
|
||||
<td><input type=checkbox style=threedee bgcolor=ccaa22 > Text</td>
|
||||
<td><input type=checkbox style=flush bgcolor=ccaa22> Text</td>
|
||||
</tr>
|
||||
</table>
|
||||
<BR>
|
||||
</TD>
|
||||
</TR>
|
||||
|
||||
|
||||
</TABLE>
|
||||
</BLOCKQUOTE>
|
||||
</BLOCKQUOTE>
|
||||
|
||||
<TABLE align=center width=50%>
|
||||
<TR>
|
||||
<TD align=center>
|
||||
<A href="../CalGuide.html">Guide Index</A> |
|
||||
<A href="../javadoc/overview-tree.html"> JavaDoc</A> |
|
||||
<A href="guide-Forms-button.html"> Previous</A> |
|
||||
<A href="guide-Forms-radio.html"> Next</A>
|
||||
</TD>
|
||||
</TR>
|
||||
</TABLE>
|
||||
|
||||
</BODY>
|
||||
</HTML>
|
||||
133
extensions/calpa/Docs/html/guide-Forms-color.html
Normal file
133
extensions/calpa/Docs/html/guide-Forms-color.html
Normal file
|
|
@ -0,0 +1,133 @@
|
|||
<HTML>
|
||||
<BODY bgcolor=ffffff>
|
||||
<P>
|
||||
<TABLE width=100% cellspacing=0 cellpadding=0>
|
||||
<TR>
|
||||
<TD>
|
||||
<FONT size=-1><B>CalHTMLPane v2.0 Guide</B></FONT>
|
||||
</TD>
|
||||
<TD align=right>
|
||||
<FONT size=-1><B>Example Tag Usage</B></FONT>
|
||||
</TD>
|
||||
</TR>
|
||||
</TABLE>
|
||||
<HR width=100% size=1 color=black>
|
||||
<P>
|
||||
<FONT size=+1><B>2: Forms</B></FONT>
|
||||
<P>
|
||||
<BLOCKQUOTE>
|
||||
<P>
|
||||
<B>Attr: bgcolor</B><BR>
|
||||
<B>Attr: bordercolorlight</B><BR>
|
||||
<B>Attr: bordercolordark</B><BR>
|
||||
<B>Attr: bordercolor</B><BR>
|
||||
<B>Attr: text</B><BR>
|
||||
<B>Attr: arrowcolor</B><BR>
|
||||
<P>
|
||||
<BLOCKQUOTE>
|
||||
<TABLE border align=center width=100% cellpadding=6>
|
||||
|
||||
<TR>
|
||||
<TD>
|
||||
<B>Use Within:</B><BR>
|
||||
<INPUT> <TEXTAREA>, <SELECT>, <BUTTON>,
|
||||
<LABEL>
|
||||
</TD>
|
||||
</TR>
|
||||
|
||||
|
||||
<TR>
|
||||
<TD>
|
||||
<B>Arguments:</B> A hexidecimal color code or default color name<BR>
|
||||
e.g. bordercolorlight=A0A0A0 bordercolordark=green
|
||||
</TD>
|
||||
</TR>
|
||||
|
||||
<TR>
|
||||
<TD>
|
||||
<B>Synopsis:</B><BR>
|
||||
<B>bgcolor</B> determines the base control color of the form component.
|
||||
<P><B>bordercolorlight</B> sets the highlight color of the component.
|
||||
<P><B>bordercolordark</B> sets the shadow color of the component.
|
||||
<P><B>bordercolor</B> sets the background of text components, lists etc.<BR>
|
||||
except when used within <LABEL> when it sets the label border color
|
||||
<P><B>text</B> sets the foreground (text) color.
|
||||
<P><B>arrowcolor</B> sets the color of arrows within comboboxes and scroll buttons.
|
||||
</TD>
|
||||
</TR>
|
||||
|
||||
<TR>
|
||||
<TD>
|
||||
<B>Example:</B>
|
||||
<P>
|
||||
<table align=center bgcolor=ffffdd cellspacing=0 cellpadding=4 rules=none bordercolor=black frame=border>
|
||||
<tr>
|
||||
<td><FONT color=navy>
|
||||
<TABLE border=3 cellspacing=3 cellpadding=5 bgcolor=6688aa><BR>
|
||||
<code> </code><TR><TD align=center><BR>
|
||||
<code> </code><SELECT style=flush text=white arrowcolor=white align=bottom><BR>
|
||||
<code> </code><OPTION>Winnie the Pooh<BR>
|
||||
<code> </code><OPTION>Bambi<BR>
|
||||
<code> </code><OPTION>Babe<BR>
|
||||
<code> </code><OPTION>E.T.<BR>
|
||||
<code> </code></SELECT><BR>
|
||||
<code> </code></TD></TR><BR>
|
||||
<code> </code><TR><TD><BR>
|
||||
<code> </code><TEXTAREA style=threedee bgcolor=6688aa rows=4 bordercolor=ddddff<BR>
|
||||
<code> </code>align=bottom>Target locked...<BR>
|
||||
<code>  </code></TEXTAREA><BR>
|
||||
<code> </code></TD></TR><BR>
|
||||
<code> </code><TR><TD align=center><BR>
|
||||
<code> </code><INPUT style=threedee type=button bgcolor=dd0000 text=white<BR>
|
||||
<code> </code> value=Fire align=bottom><BR>
|
||||
<code> </code></TD></TR><BR>
|
||||
</TABLE></FONT>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
<P>
|
||||
</TR>
|
||||
</TD>
|
||||
|
||||
<TR>
|
||||
<TD>
|
||||
<B>Rendering:</B>
|
||||
<BR>
|
||||
<table align=center border=3 cellspacing=3 cellpadding=5 bgcolor=6688AA>
|
||||
<tr><td align=center>
|
||||
<SELECT style=flush text=white bgcolor=6688AA arrowcolor=white align=bottom>
|
||||
<OPTION>Winnie the Pooh
|
||||
<OPTION>Bambi
|
||||
<OPTION>Babe
|
||||
<OPTION>E.T.
|
||||
|
||||
</SELECT>
|
||||
</tr></td>
|
||||
|
||||
<tr><td><TEXTAREA bgcolor=6688AA rows=4
|
||||
bordercolor=ddddff align=bottom>Target locked...
|
||||
</TEXTAREA></td></tr>
|
||||
<tr><td align=center><INPUT type=button bgcolor=dd0000 text=white value="Fire" align=bottom></td></tr>
|
||||
</table>
|
||||
<br>
|
||||
</TD>
|
||||
</TR>
|
||||
|
||||
|
||||
</TABLE>
|
||||
</BLOCKQUOTE>
|
||||
</BLOCKQUOTE>
|
||||
|
||||
<TABLE align=center width=50%>
|
||||
<TR>
|
||||
<TD align=center>
|
||||
<A href="../CalGuide.html">Guide Index</A> |
|
||||
<A href="../javadoc/overview-tree.html"> JavaDoc</A> |
|
||||
<A href="guide-Forms-style.html"> Previous</A> |
|
||||
<A href="guide-Forms-uiscrollcolors.html"> Next</A>
|
||||
</TD>
|
||||
</TR>
|
||||
</TABLE>
|
||||
|
||||
</BODY>
|
||||
</HTML>
|
||||
188
extensions/calpa/Docs/html/guide-Forms-combobox.html
Normal file
188
extensions/calpa/Docs/html/guide-Forms-combobox.html
Normal file
|
|
@ -0,0 +1,188 @@
|
|||
<HTML>
|
||||
<BODY bgcolor=ffffff>
|
||||
<P>
|
||||
<TABLE width=100% cellspacing=0 cellpadding=0>
|
||||
<TR>
|
||||
<TD>
|
||||
<FONT size=-1><B>CalHTMLPane v2.0 Guide</B></FONT>
|
||||
</TD>
|
||||
<TD align=right>
|
||||
<FONT size=-1><B>Example Tag Usage</B></FONT>
|
||||
</TD>
|
||||
</TR>
|
||||
</TABLE>
|
||||
<HR width=100% size=1 color=black>
|
||||
<P>
|
||||
<FONT size=+1><B>2: Forms</B></FONT>
|
||||
<P>
|
||||
<BLOCKQUOTE>
|
||||
<P>
|
||||
<B>Tag: SELECT (combobox)</B><BR>
|
||||
<P>
|
||||
<BLOCKQUOTE>
|
||||
<TABLE border align=center cellpadding=12 width=100%>
|
||||
|
||||
<TR>
|
||||
<TD>
|
||||
<B>Default Rendering (no color modification):</B>
|
||||
<P>
|
||||
<FORM>
|
||||
<table align=center border=2 cellspacing=2 cellpadding=10 width=400 bgcolor=uicontrol>
|
||||
<colgroup span=3 align=center width=33%>
|
||||
</colgroup>
|
||||
<tr><th>lookandfeel</th><th>threedee</th><th>flush</th></tr>
|
||||
<tr>
|
||||
<td>
|
||||
<SELECT style=lookandfeel align=bottom>
|
||||
<OPTION>Alabama
|
||||
<OPTION>Alaska
|
||||
<OPTION>Arizona
|
||||
<OPTION>Arkansas
|
||||
<OPTION>California
|
||||
<OPTION>Colorado
|
||||
<OPTION>Connecticut
|
||||
<OPTION>Delaware
|
||||
<OPTION>Florida
|
||||
<OPTION>Georgia
|
||||
<OPTION>Hawaii
|
||||
<OPTION>Idaho
|
||||
</SELECT>
|
||||
</td>
|
||||
<td>
|
||||
<SELECT style=threedee align=bottom>
|
||||
<OPTION>Alabama
|
||||
<OPTION>Alaska
|
||||
<OPTION>Arizona
|
||||
<OPTION>Arkansas
|
||||
<OPTION>California
|
||||
<OPTION>Colorado
|
||||
<OPTION>Connecticut
|
||||
<OPTION>Delaware
|
||||
<OPTION>Florida
|
||||
<OPTION>Georgia
|
||||
<OPTION>Hawaii
|
||||
<OPTION>Idaho
|
||||
</SELECT>
|
||||
</td>
|
||||
<td>
|
||||
<SELECT style=flush align=bottom>
|
||||
<OPTION>Alabama
|
||||
<OPTION>Alaska
|
||||
<OPTION>Arizona
|
||||
<OPTION>Arkansas
|
||||
<OPTION>California
|
||||
<OPTION>Colorado
|
||||
<OPTION>Connecticut
|
||||
<OPTION>Delaware
|
||||
<OPTION>Florida
|
||||
<OPTION>Georgia
|
||||
<OPTION>Hawaii
|
||||
<OPTION>Idaho
|
||||
</SELECT>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
<BR>
|
||||
</TD></TR>
|
||||
<TR><TD>
|
||||
<B>With color attributes:</B>
|
||||
<P>
|
||||
<table align=center bgcolor=ffffdd cellspacing=0 cellpadding=4 rules=none bordercolor=black frame=border>
|
||||
<tr><td>
|
||||
<SELECT style=threedee bgcolor=ccbbcc><BR>
|
||||
<SELECT style=flush bgcolor=ccbbcc><BR>
|
||||
</td></tr>
|
||||
</table>
|
||||
<P>
|
||||
<table align=center border=2 cellspacing=2 cellpadding=5 width=300 bgcolor=ccbbcc>
|
||||
<colgroup span=2 align=center width=50%>
|
||||
</colgroup>
|
||||
<tr><th>threedee</th><th>flush</th></tr>
|
||||
<tr><td>
|
||||
<SELECT style=threedee align=bottom bgcolor=ccbbcc>
|
||||
<OPTION>Alabama
|
||||
<OPTION>Alaska
|
||||
<OPTION>Arizona
|
||||
<OPTION>Arkansas
|
||||
<OPTION>California
|
||||
<OPTION>Colorado
|
||||
<OPTION>Connecticut
|
||||
<OPTION>Delaware
|
||||
<OPTION>Florida
|
||||
<OPTION>Georgia
|
||||
<OPTION>Hawaii
|
||||
<OPTION>Idaho
|
||||
</SELECT>
|
||||
</td><td>
|
||||
<SELECT style=flush align=bottom bgcolor=ccbbcc>
|
||||
<OPTION>Alabama
|
||||
<OPTION>Alaska
|
||||
<OPTION>Arizona
|
||||
<OPTION>Arkansas
|
||||
<OPTION>California
|
||||
<OPTION>Colorado
|
||||
<OPTION>Connecticut
|
||||
<OPTION>Delaware
|
||||
<OPTION>Florida
|
||||
<OPTION>Georgia
|
||||
<OPTION>Hawaii
|
||||
<OPTION>Idaho
|
||||
</SELECT>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
<BR>
|
||||
</TD>
|
||||
</TR>
|
||||
|
||||
<TR>
|
||||
<TD>
|
||||
Use the <B>bordercolorlight</B> attribute to soften the inner highlight color
|
||||
of the <B>flush</B> style
|
||||
<P>
|
||||
<table align=center bgcolor=ffffdd cellspacing=0 cellpadding=4 rules=none bordercolor=black frame=border>
|
||||
<tr><td>
|
||||
<SELECT style=flush bgcolor=ccbbcc bordercolorlight=eeddee><BR>
|
||||
</td></tr>
|
||||
</table>
|
||||
<P>
|
||||
<table align=center border=2 cellspacing=2 cellpadding=5 width=150 bgcolor=ccbbcc>
|
||||
<tr><td align=center>
|
||||
<SELECT style=flush align=bottom bgcolor=ccbbcc bordercolorlight=eeddee>
|
||||
<OPTION>Alabama
|
||||
<OPTION>Alaska
|
||||
<OPTION>Arizona
|
||||
<OPTION>Arkansas
|
||||
<OPTION>California
|
||||
<OPTION>Colorado
|
||||
<OPTION>Connecticut
|
||||
<OPTION>Delaware
|
||||
<OPTION>Florida
|
||||
<OPTION>Georgia
|
||||
<OPTION>Hawaii
|
||||
<OPTION>Idaho
|
||||
</SELECT>
|
||||
|
||||
</td></tr>
|
||||
</table>
|
||||
</TD>
|
||||
</TR>
|
||||
|
||||
|
||||
</TABLE>
|
||||
</BLOCKQUOTE>
|
||||
</BLOCKQUOTE>
|
||||
|
||||
<TABLE align=center width=50%>
|
||||
<TR>
|
||||
<TD align=center>
|
||||
<A href="../CalGuide.html">Guide Index</A> |
|
||||
<A href="../javadoc/overview-tree.html"> JavaDoc</A> |
|
||||
<A href="guide-Forms-radio.html"> Previous</A> |
|
||||
<A href="guide-Forms-selection.html"> Next</A>
|
||||
</TD>
|
||||
</TR>
|
||||
</TABLE>
|
||||
|
||||
</BODY>
|
||||
</HTML>
|
||||
101
extensions/calpa/Docs/html/guide-Forms-labeltag.html
Normal file
101
extensions/calpa/Docs/html/guide-Forms-labeltag.html
Normal file
|
|
@ -0,0 +1,101 @@
|
|||
<HTML>
|
||||
<BODY bgcolor=ffffff>
|
||||
<P>
|
||||
<TABLE width=100% cellspacing=0 cellpadding=0>
|
||||
<TR>
|
||||
<TD>
|
||||
<FONT size=-1><B>CalHTMLPane v2.0 Guide</B></FONT>
|
||||
</TD>
|
||||
<TD align=right>
|
||||
<FONT size=-1><B>Example Tag Usage</B></FONT>
|
||||
</TD>
|
||||
</TR>
|
||||
</TABLE>
|
||||
<HR width=100% size=1 color=black>
|
||||
<P>
|
||||
<FONT size=+1><B>2: Forms</B></FONT>
|
||||
<P>
|
||||
<BLOCKQUOTE>
|
||||
<P>
|
||||
<B>Tag: LABEL</B><BR>
|
||||
<P>
|
||||
<BLOCKQUOTE>
|
||||
<TABLE border align=center cellpadding=6 width=100%>
|
||||
|
||||
<TR>
|
||||
<TD>
|
||||
<B>Synopsis:</B><BR>
|
||||
The <B>LABEL</B> tag can contain HTML content, although it cannot contain
|
||||
other form components, framesets, or hyperlinks.
|
||||
|
||||
<P>The <B>marginwidth</B> and <B>marginheight</B>
|
||||
attributes determine the label's insets (the gap between the button's border
|
||||
and its content). The default marginwidth is 3 pixels, default marginheight 2 pixels.
|
||||
|
||||
<P>Use the <B>for</B> attribute to transfer focus from a label to another
|
||||
form component (see HTML4.0 spec).
|
||||
|
||||
<P>Use the <B>border</B> attribute to set the size of the label's border and
|
||||
the <B>bordercolor</B> attribute to set the border's color.
|
||||
|
||||
<P>Use the <B>dropshadow</B> attribute to give the label a small shadow effect.
|
||||
|
||||
<P>Note that to get the spacing and word-wrap you desire within the label it
|
||||
is often advisable to format content using tables.
|
||||
|
||||
</TD>
|
||||
</TR>
|
||||
|
||||
<TR>
|
||||
<TD>
|
||||
<B>Example:</B>
|
||||
<P>
|
||||
<table align=center bgcolor=ffffdd cellspacing=0 cellpadding=4 rules=none bordercolor=black frame=border>
|
||||
<tr>
|
||||
<td><FONT color=navy>
|
||||
<LABEL dropshadow border=1 bordercolor=black bgcolor=ddddee><BR>
|
||||
<code> </code><TABLE cellspacing=2><TR><TD align=center><BR>
|
||||
<code> </code><FONT size=-1 face=helvetica>Call now for<BR>information</FONT><BR>
|
||||
<code> </code></TD><TD><BR>
|
||||
<code> </code><IMG src="images/phone.gif"><BR>
|
||||
<code> </code></TD></TR></TABLE><BR>
|
||||
</LABEL><BR>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
<P>
|
||||
</TR>
|
||||
</TD>
|
||||
|
||||
<TR>
|
||||
<TD>
|
||||
<B>Rendering:</B>
|
||||
<DIV align=center>
|
||||
<LABEL dropshadow border=1 bordercolor=black bgcolor=ddddee>
|
||||
<table cellspacing=2><tr><td align=center>
|
||||
<FONT face=helvetica size=-1>Call now for<BR>information</FONT>
|
||||
</td><td><IMG src="images/phone.gif"></td></tr>
|
||||
</table>
|
||||
</LABEL>
|
||||
</DIV>
|
||||
<BR>
|
||||
</TD>
|
||||
</TR>
|
||||
|
||||
</TABLE>
|
||||
</BLOCKQUOTE>
|
||||
</BLOCKQUOTE>
|
||||
|
||||
<TABLE align=center width=50%>
|
||||
<TR>
|
||||
<TD align=center>
|
||||
<A href="../CalGuide.html">Guide Index</A> |
|
||||
<A href="../javadoc/overview-tree.html"> JavaDoc</A> |
|
||||
<A href="guide-Forms-buttontag.html"> Previous</A> |
|
||||
<A href="guide-Forms-accesskey.html"> Next</A>
|
||||
</TD>
|
||||
</TR>
|
||||
</TABLE>
|
||||
|
||||
</BODY>
|
||||
</HTML>
|
||||
151
extensions/calpa/Docs/html/guide-Forms-radio.html
Normal file
151
extensions/calpa/Docs/html/guide-Forms-radio.html
Normal file
|
|
@ -0,0 +1,151 @@
|
|||
<HTML>
|
||||
<BODY bgcolor=ffffff>
|
||||
<P>
|
||||
<TABLE width=100% cellspacing=0 cellpadding=0>
|
||||
<TR>
|
||||
<TD>
|
||||
<FONT size=-1><B>CalHTMLPane v2.0 Guide</B></FONT>
|
||||
</TD>
|
||||
<TD align=right>
|
||||
<FONT size=-1><B>Example Tag Usage</B></FONT>
|
||||
</TD>
|
||||
</TR>
|
||||
</TABLE>
|
||||
<HR width=100% size=1 color=black>
|
||||
<P>
|
||||
<FONT size=+1><B>2: Forms</B></FONT>
|
||||
<P>
|
||||
<BLOCKQUOTE>
|
||||
<P>
|
||||
<B>Tag: INPUT (radio)</B><BR>
|
||||
<P>
|
||||
<BLOCKQUOTE>
|
||||
<TABLE border align=center width=100% cellpadding=12>
|
||||
|
||||
<TR>
|
||||
<TD>
|
||||
<B>Default Rendering (no color modification):</B>
|
||||
<P>
|
||||
<FORM>
|
||||
<table align=center border=2 cellspacing=2 cellpadding=5 width=400 bgcolor=uicontrol>
|
||||
<colgroup span=4 align=center width=25%>
|
||||
</colgroup>
|
||||
<tr><th> </th><th>lookandfeel</th><th>threedee</th><th>flush</th></tr>
|
||||
<tr>
|
||||
<td><B>uicontrol</B>
|
||||
<td><input type=radio style=lookandfeel name=a value=1> Text</td>
|
||||
<td><input type=radio style=threedee name=b value=1> Text</td>
|
||||
<td><input type=radio style=flush name=c value=1> Text</td>
|
||||
</tr>
|
||||
<tr bgcolor=white>
|
||||
<td><B>white</B>
|
||||
<td><input type=radio style=lookandfeel name=a value=2> Text</td>
|
||||
<td><input type=radio style=threedee name=b value=2> Text</td>
|
||||
<td><input type=radio style=flush name=c value=2> Text</td>
|
||||
</tr>
|
||||
<tr bgcolor=black>
|
||||
<td><B><FONT color=white>black</FONT></B>
|
||||
<td><input type=radio style=lookandfeel name=a value=3> <FONT color=white>Text</FONT></td>
|
||||
<td><input type=radio style=threedee name=b value=3> <FONT color=white>Text</FONT></td>
|
||||
<td><input type=radio style=flush name=c value=3> <FONT color=white>Text</FONT></td>
|
||||
</tr>
|
||||
<tr bgcolor=ddccee>
|
||||
<td><B>(light)</B>
|
||||
<td><input type=radio style=lookandfeel name=a value=4> Text</td>
|
||||
<td><input type=radio style=threedee name=b value=4> Text</td>
|
||||
<td><input type=radio style=flush name=c value=4> Text</td>
|
||||
</tr>
|
||||
<tr bgcolor=557733>
|
||||
<td><B>(dark)</B>
|
||||
<td><input type=radio style=lookandfeel name=a value=5> Text</td>
|
||||
<td><input type=radio style=threedee name=b value=5> Text</td>
|
||||
<td><input type=radio style=flush name=c value=5> Text</td>
|
||||
</tr>
|
||||
</table>
|
||||
</FORM>
|
||||
<BR>
|
||||
</TD></TR>
|
||||
<TR><TD>
|
||||
<B>Setting color attributes:</B>
|
||||
<P>
|
||||
<table align=center bgcolor=ffffdd cellspacing=0 cellpadding=4 rules=none bordercolor=black frame=border>
|
||||
<tr>
|
||||
<td><FONT color=navy>
|
||||
<TABLE border=2 cellspacing=2 cellpadding=5 width=200 bgcolor=uicontrol><BR>
|
||||
<code> </code><COLGROUP span=2 align=center width=50%></COLGROUP><BR>
|
||||
<code> </code><TR><TH>threedee</TH><TH>flush</TH></TR><BR>
|
||||
<code> </code><TR bgcolor=aa88aa><TD><BR>
|
||||
<code> </code><INPUT type=radio style=threedee bgcolor=aa88aa> Text<BR>
|
||||
<code> </code><INPUT type=radio style=flush bgcolor=aa88aa> Text<BR>
|
||||
<code> </code></TD></TR><BR>
|
||||
|
||||
<code> </code><TR bgcolor=779988><TD><BR>
|
||||
<code> </code><INPUT type=radio style=threedee bgcolor=779988> Text<BR>
|
||||
<code> </code><INPUT type=radio style=flush bgcolor=779988> Text<BR>
|
||||
<code> </code></TD></TR><BR>
|
||||
|
||||
<code> </code><TR bgcolor=ee99aa><TD><BR>
|
||||
<code> </code><INPUT type=radio style=threedee bgcolor=ee99aa> Text<BR>
|
||||
<code> </code><INPUT type=radio style=flush bgcolor=ee99aa> Text<BR>
|
||||
<code> </code></TD></TR><BR>
|
||||
|
||||
<code> </code><TR bgcolor=ccaa22><TD><BR>
|
||||
<code> </code><INPUT type=radio style=threedee bgcolor=ccaa22> Text<BR>
|
||||
<code> </code><INPUT type=radio style=flush bgcolor=ccaa22> Text<BR>
|
||||
<code> </code></TD></TR><BR>
|
||||
|
||||
|
||||
</TABLE></FONT>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
<P>
|
||||
</TR>
|
||||
</TD>
|
||||
<TR><TD>
|
||||
<P>
|
||||
<B>Rendering:</B>
|
||||
<BR>
|
||||
<table align=center border=2 cellspacing=2 cellpadding=5 width=200 bgcolor=uicontrol>
|
||||
<colgroup span=2 align=center width=50%>
|
||||
</colgroup>
|
||||
<tr><th>threedee</th><th>flush</th></tr>
|
||||
<tr bgcolor=aa88aa>
|
||||
<td><input type=radio style=threedee bgcolor=aa88aa> Text</td>
|
||||
<td><input type=radio style=flush bgcolor=aa88aa> Text</td>
|
||||
</tr>
|
||||
<tr bgcolor=779988>
|
||||
<td><input type=radio style=threedee bgcolor=779988> Text</td>
|
||||
<td><input type=radio style=flush bgcolor=779988> Text</td>
|
||||
</tr>
|
||||
<tr bgcolor=ee99aa>
|
||||
<td><input type=radio style=threedee bgcolor=ee99aa> Text</td>
|
||||
<td><input type=radio style=flush bgcolor=ee99aa> Text</td>
|
||||
</tr>
|
||||
<tr bgcolor=ccaa22>
|
||||
<td><input type=radio style=threedee bgcolor=ccaa22 > Text</td>
|
||||
<td><input type=radio style=flush bgcolor=ccaa22> Text</td>
|
||||
</tr>
|
||||
</table>
|
||||
<BR>
|
||||
</TD>
|
||||
</TR>
|
||||
|
||||
|
||||
</TABLE>
|
||||
</BLOCKQUOTE>
|
||||
</BLOCKQUOTE>
|
||||
|
||||
<TABLE align=center width=50%>
|
||||
<TR>
|
||||
<TD align=center>
|
||||
<A href="../CalGuide.html">Guide Index</A> |
|
||||
<A href="../javadoc/overview-tree.html"> JavaDoc</A> |
|
||||
<A href="guide-Forms-checkbox.html"> Previous</A> |
|
||||
<A href="guide-Forms-combobox.html"> Next</A>
|
||||
</TD>
|
||||
</TR>
|
||||
</TABLE>
|
||||
|
||||
</BODY>
|
||||
</HTML>
|
||||
154
extensions/calpa/Docs/html/guide-Forms-selection.html
Normal file
154
extensions/calpa/Docs/html/guide-Forms-selection.html
Normal file
|
|
@ -0,0 +1,154 @@
|
|||
<HTML>
|
||||
<BODY bgcolor=ffffff>
|
||||
<P>
|
||||
<TABLE width=100% cellspacing=0 cellpadding=0>
|
||||
<TR>
|
||||
<TD>
|
||||
<FONT size=-1><B>CalHTMLPane v2.0 Guide</B></FONT>
|
||||
</TD>
|
||||
<TD align=right>
|
||||
<FONT size=-1><B>Example Tag Usage</B></FONT>
|
||||
</TD>
|
||||
</TR>
|
||||
</TABLE>
|
||||
<HR width=100% size=1 color=black>
|
||||
<P>
|
||||
<FONT size=+1><B>2: Forms</B></FONT>
|
||||
<P>
|
||||
<BLOCKQUOTE>
|
||||
<P>
|
||||
<B>Tag: SELECT (list)</B><BR>
|
||||
<P>
|
||||
<BLOCKQUOTE>
|
||||
<TABLE border align=center bgcolor=ffffff cellpadding=12 width=100%>
|
||||
|
||||
<TR>
|
||||
<TD>
|
||||
<B>Default Rendering (no color modification):</B>
|
||||
<P>
|
||||
<FORM>
|
||||
<table align=center border=2 cellspacing=2 cellpadding=10 width=400 bgcolor=uicontrol>
|
||||
<colgroup span=4 align=center width=25%>
|
||||
</colgroup>
|
||||
<tr><th>lookandfeel</th><th>threedee</th><th>flush</th></tr>
|
||||
<tr>
|
||||
<td>
|
||||
<SELECT style=lookandfeel size=5 align=bottom>
|
||||
<OPTION>Alabama
|
||||
<OPTION>Alaska
|
||||
<OPTION>Arizona
|
||||
<OPTION>Arkansas
|
||||
<OPTION>California
|
||||
<OPTION>Colorado
|
||||
<OPTION>Connecticut
|
||||
<OPTION>Delaware
|
||||
<OPTION>Florida
|
||||
<OPTION>Georgia
|
||||
<OPTION>Hawaii
|
||||
<OPTION>Idaho
|
||||
</SELECT>
|
||||
</td>
|
||||
<td>
|
||||
<SELECT style=threedee align=bottom size=5>
|
||||
<OPTION>Alabama
|
||||
<OPTION>Alaska
|
||||
<OPTION>Arizona
|
||||
<OPTION>Arkansas
|
||||
<OPTION>California
|
||||
<OPTION>Colorado
|
||||
<OPTION>Connecticut
|
||||
<OPTION>Delaware
|
||||
<OPTION>Florida
|
||||
<OPTION>Georgia
|
||||
<OPTION>Hawaii
|
||||
<OPTION>Idaho
|
||||
</SELECT>
|
||||
</td>
|
||||
<td>
|
||||
<SELECT style=flush align=bottom size=5>
|
||||
<OPTION>Alabama
|
||||
<OPTION>Alaska
|
||||
<OPTION>Arizona
|
||||
<OPTION>Arkansas
|
||||
<OPTION>California
|
||||
<OPTION>Colorado
|
||||
<OPTION>Connecticut
|
||||
<OPTION>Delaware
|
||||
<OPTION>Florida
|
||||
<OPTION>Georgia
|
||||
<OPTION>Hawaii
|
||||
<OPTION>Idaho
|
||||
</SELECT>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
<BR>
|
||||
</TD></TR>
|
||||
<TR><TD>
|
||||
<B>With color attributes:</B>
|
||||
<P>
|
||||
<table align=center bgcolor=ffffdd cellspacing=0 cellpadding=4 rules=none bordercolor=black frame=border>
|
||||
<tr><td>
|
||||
<SELECT style=threedee bgcolor=mediumturquoise size=5><BR>
|
||||
<SELECT style=flush bgcolor=mediumturquoise size=5><BR>
|
||||
</td></tr>
|
||||
</table>
|
||||
<P>
|
||||
<table align=center border=2 cellspacing=2 cellpadding=5 width=300 bgcolor=mediumturquoise>
|
||||
<colgroup span=2 align=center width=50%>
|
||||
</colgroup>
|
||||
<tr><th>threedee</th><th>flush</th></tr>
|
||||
<tr><td>
|
||||
<SELECT style=threedee align=bottom bgcolor=mediumturquoise size=5>
|
||||
<OPTION>Alabama
|
||||
<OPTION>Alaska
|
||||
<OPTION>Arizona
|
||||
<OPTION>Arkansas
|
||||
<OPTION>California
|
||||
<OPTION>Colorado
|
||||
<OPTION>Connecticut
|
||||
<OPTION>Delaware
|
||||
<OPTION>Florida
|
||||
<OPTION>Georgia
|
||||
<OPTION>Hawaii
|
||||
<OPTION>Idaho
|
||||
</SELECT>
|
||||
</td><td>
|
||||
<SELECT style=flush align=bottom bgcolor=mediumturquoise size=5>
|
||||
<OPTION>Alabama
|
||||
<OPTION>Alaska
|
||||
<OPTION>Arizona
|
||||
<OPTION>Arkansas
|
||||
<OPTION>California
|
||||
<OPTION>Colorado
|
||||
<OPTION>Connecticut
|
||||
<OPTION>Delaware
|
||||
<OPTION>Florida
|
||||
<OPTION>Georgia
|
||||
<OPTION>Hawaii
|
||||
<OPTION>Idaho
|
||||
</SELECT>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
<BR>
|
||||
</TD>
|
||||
</TR>
|
||||
|
||||
</TABLE>
|
||||
</BLOCKQUOTE>
|
||||
</BLOCKQUOTE>
|
||||
|
||||
<TABLE align=center width=50%>
|
||||
<TR>
|
||||
<TD align=center>
|
||||
<A href="../CalGuide.html">Guide Index</A> |
|
||||
<A href="../javadoc/overview-tree.html"> JavaDoc</A> |
|
||||
<A href="guide-Forms-combobox.html"> Previous</A> |
|
||||
<A href="guide-Forms-text.html"> Next</A>
|
||||
</TD>
|
||||
</TR>
|
||||
</TABLE>
|
||||
|
||||
</BODY>
|
||||
</HTML>
|
||||
188
extensions/calpa/Docs/html/guide-Forms-style.html
Normal file
188
extensions/calpa/Docs/html/guide-Forms-style.html
Normal file
|
|
@ -0,0 +1,188 @@
|
|||
<HTML>
|
||||
<BODY bgcolor=ffffff>
|
||||
<P>
|
||||
<TABLE width=100% cellspacing=0 cellpadding=0>
|
||||
<TR>
|
||||
<TD>
|
||||
<FONT size=-1><B>CalHTMLPane v2.0 Guide</B></FONT>
|
||||
</TD>
|
||||
<TD align=right>
|
||||
<FONT size=-1><B>Example Tag Usage</B></FONT>
|
||||
</TD>
|
||||
</TR>
|
||||
</TABLE>
|
||||
<HR width=100% size=1 color=black>
|
||||
<P>
|
||||
<FONT size=+1><B>2: Forms</B></FONT>
|
||||
<P>
|
||||
<BLOCKQUOTE>
|
||||
<P>
|
||||
<B>Attr: style</B><BR>
|
||||
<P>
|
||||
<TABLE border align=center bgcolor=ffffff cellpadding=6 width=100%>
|
||||
|
||||
<TR>
|
||||
<TD colspan=2>
|
||||
<B>Use Within:</B><BR>
|
||||
<INPUT> <TEXTAREA>, <SELECT>, <BUTTON>
|
||||
</TD>
|
||||
</TR>
|
||||
|
||||
|
||||
<TR>
|
||||
<TD colspan=2>
|
||||
<B>Arguments:</B> lookandfeel | threedee | flush
|
||||
</TD>
|
||||
</TR>
|
||||
|
||||
<TR>
|
||||
<TD colspan=2>
|
||||
<B>Synopsis:</B><BR>
|
||||
Certain Swing Look & Feel controls do not render well within HTML documents
|
||||
due to default color, sizing, opacity and border settings on the component.
|
||||
The CalHTMLPane supports two additional rendering styles: <B>threedee</B>
|
||||
and <B>flush</B> which will give consistent rendering irrespective of the
|
||||
installed Look & Feel.
|
||||
|
||||
<P>Note that styles can be freely mixed within a document.
|
||||
<BR><BR>
|
||||
</TD>
|
||||
</TR>
|
||||
|
||||
<TR><TH colspan=2>Examples of THREEDEE style form rendering</TD></TR>
|
||||
|
||||
<TR><TD>
|
||||
<table align=center frame=border border=4 xbgcolor=teal bgcolor=ffffee bordercolor=maroon rules=none cellpadding=3>
|
||||
<tr><td>
|
||||
<table cellpadding=3>
|
||||
<tr><th colspan=2><U>Personal Details</U></td></tr>
|
||||
<tr><td align=right>Your name</td><td width=150><INPUT style=threedee type=text bordercolordark=aaaa77 bordercolorlight=cccc99></td></tr>
|
||||
<tr><td align=right valign=top>Address</td><td><TEXTAREA rows=4 style=threedee bordercolordark=aaaa77 bordercolorlight=cccc99></TEXTAREA></td></tr>
|
||||
<tr><td align=right>Zip Code</td><td><INPUT style=threedee type=text bordercolordark=aaaa77 bordercolorlight=cccc99></td></tr>
|
||||
<tr><td align=right>Email address</td><td><INPUT style=threedee type=text bordercolordark=aaaa77 bordercolorlight=cccc99></td></tr>
|
||||
<tr><td align=right colspan=2>
|
||||
<BUTTON bgcolor=cccc99 bordercolorlight=eeeebb marginheight=1 type=button style=threedee>
|
||||
<FONT face=Helvetica size=-2 color=maroon><B>Submit Details</B></FONT>
|
||||
</BUTTON>
|
||||
</td></tr>
|
||||
</table>
|
||||
</td></tr>
|
||||
</table>
|
||||
</TD>
|
||||
|
||||
<TD>
|
||||
<table align=center frame=border border=4 bgcolor=teal bordercolor=maroon rules=none cellpadding=3>
|
||||
<tr><td>
|
||||
<table cellpadding=3>
|
||||
<tr><th colspan=2><U><FONT color=cccc99>Personal Details</FONT></U></td></tr>
|
||||
<tr><td align=right><FONT color=cccc99>Your name</FONT></td><td width=150><INPUT style=threedee type=text bgcolor=teal></td></tr>
|
||||
<tr><td align=right valign=top><FONT color=cccc99>Address</FONT></TD><td><TEXTAREA rows=4 style=threedee bgcolor=teal></TEXTAREA></td></tr>
|
||||
<tr><td align=right><FONT color=cccc99>Zip Code</FONT></td><td><INPUT style=threedee type=text bgcolor=teal></td></tr>
|
||||
<tr><td align=right><FONT color=cccc99>Email address</FONT></td><td><INPUT style=threedee type=text bgcolor=teal></td></tr>
|
||||
<tr><td align=right colspan=2>
|
||||
<BUTTON bgcolor=cccc99 marginheight=1 type=button style=threedee>
|
||||
<FONT face=Helvetica size=-2 color=maroon><B>Submit Details</B></FONT>
|
||||
</BUTTON>
|
||||
</td></tr>
|
||||
</table>
|
||||
</td></tr>
|
||||
</table>
|
||||
</TD>
|
||||
</TR>
|
||||
|
||||
<TR><TH colspan=2>Examples of FLUSH style form rendering</TD></TR>
|
||||
|
||||
<TR><TD>
|
||||
<table align=center frame=border border=4 bgcolor=ffffee bordercolor=maroon rules=none cellpadding=3>
|
||||
<tr><td>
|
||||
<table cellpadding=3>
|
||||
<tr><th colspan=2><U>Personal Details</U></td></tr>
|
||||
<tr><td align=right>Your name</td><td width=150><INPUT style=flush type=text></td></tr>
|
||||
<tr><td align=right valign=top>Address</td><td><TEXTAREA rows=4 style=flush></TEXTAREA></td></tr>
|
||||
<tr><td align=right>Zip Code</td><td><INPUT style=flush type=text></TD></TR>
|
||||
<tr><td align=right>Email address</td><td><INPUT style=flush type=text></td></tr>
|
||||
<tr><td align=right colspan=2>
|
||||
<button bgcolor=cccc99 marginheight=1 type=button style=flush>
|
||||
<FONT face=Helvetica size=-2 color=maroon><B>Submit Details</B></FONT>
|
||||
</button>
|
||||
</td></tr>
|
||||
</table>
|
||||
</td></tr>
|
||||
</table>
|
||||
</TD>
|
||||
|
||||
<TD>
|
||||
<table align=center frame=border border=4 bgcolor=teal bordercolor=maroon rules=none cellpadding=3>
|
||||
<tr><td>
|
||||
<table cellpadding=3>
|
||||
<tr><th colspan=2><U><FONT color=cccc99>Personal Details</FONT></U></td></tr>
|
||||
<tr><td align=right><FONT color=cccc99>Your name</FONT></td><td width=150><INPUT style=flush type=text></td></tr>
|
||||
<tr><td align=right valign=top><FONT color=cccc99>Address</FONT></td><td><TEXTAREA rows=4 style=flush></TEXTAREA></TD></TR>
|
||||
<tr><td align=right><FONT color=cccc99>Zip Code</FONT></td><td><INPUT style=flush type=text></td></tr>
|
||||
<tr><td align=right><FONT color=cccc99>Email address</FONT></td><td><INPUT style=flush type=text></td></tr>
|
||||
<tr><td align=right colspan=2>
|
||||
<BUTTON bgcolor=cccc99 marginheight=1 type=button style=flush>
|
||||
<FONT face=Helvetica size=-2 color=maroon><B>Submit Details</B></FONT>
|
||||
</BUTTON>
|
||||
</td></tr>
|
||||
</table>
|
||||
</td></tr>
|
||||
</table>
|
||||
</TD></TR>
|
||||
|
||||
<TR><TH colspan=2>Examples of LOOKANDFEEL style form rendering</TD></TR>
|
||||
|
||||
<TR><TD>
|
||||
<table align=center frame=border border=4 bgcolor=ffffee bordercolor=maroon rules=none cellpadding=3>
|
||||
<tr><td>
|
||||
<table cellpadding=3>
|
||||
<tr><th colspan=2><U>Personal Details</U></td></tr>
|
||||
<tr><td align=right>Your name</td><td width=150><INPUT style=lookandfeel type=text size=15></td></tr>
|
||||
<tr><td align=right valign=top>Address</td><td><TEXTAREA rows=4 cols=15 style=lookandfeel></TEXTAREA></td></tr>
|
||||
<tr><td align=right>Zip Code</td><td><INPUT style=lookandfeel type=text size=15></TD></TR>
|
||||
<tr><td align=right>Email address</td><td><INPUT style=lookandfeel type=text size=15></td></tr>
|
||||
<tr><td align=right colspan=2>
|
||||
<button bgcolor=cccc99 marginheight=1 type=button style=lookandfeel>
|
||||
<FONT face=Helvetica size=-2 color=maroon><B>Submit Details</B></FONT>
|
||||
</button>
|
||||
</td></tr>
|
||||
</table>
|
||||
</td></tr>
|
||||
</table>
|
||||
</TD>
|
||||
|
||||
<TD>
|
||||
<table align=center frame=border border=4 bgcolor=teal bordercolor=maroon rules=none cellpadding=3>
|
||||
<tr><td>
|
||||
<table cellpadding=3>
|
||||
<tr><th colspan=2><U><FONT color=cccc99>Personal Details</FONT></U></td></tr>
|
||||
<tr><td align=right><FONT color=cccc99>Your name</FONT></td><td width=150><INPUT size=15 style=lookandfeel type=text></td></tr>
|
||||
<tr><td align=right valign=top><FONT color=cccc99>Address</FONT></td><td><TEXTAREA rows=4 cols=15 style=lookandfeel></TEXTAREA></TD></TR>
|
||||
<tr><td align=right><FONT color=cccc99>Zip Code</FONT></td><td><INPUT style=lookandfeel size=15 type=text></td></tr>
|
||||
<tr><td align=right><FONT color=cccc99>Email address</FONT></td><td><INPUT style=lookandfeel size=15 type=text></td></tr>
|
||||
<tr><td align=right colspan=2>
|
||||
<BUTTON bgcolor=cccc99 marginheight=1 type=button style=lookandfeel>
|
||||
<FONT face=Helvetica size=-2 color=maroon><B>Submit Details</B></FONT>
|
||||
</BUTTON>
|
||||
</td></tr>
|
||||
</table>
|
||||
</td></tr>
|
||||
</table>
|
||||
</TD></TR>
|
||||
</TABLE>
|
||||
|
||||
</BLOCKQUOTE>
|
||||
|
||||
<TABLE align=center width=50%>
|
||||
<TR>
|
||||
<TD align=center colspan=2>
|
||||
<A href="../CalGuide.html">Guide Index</A> |
|
||||
<A href="../javadoc/overview-tree.html"> JavaDoc</A> |
|
||||
<A href="guide-Tables-widths.html"> Previous</A> |
|
||||
<A href="guide-Forms-color.html"> Next</A>
|
||||
</TD>
|
||||
</TR>
|
||||
</TABLE>
|
||||
|
||||
</BODY>
|
||||
</HTML>
|
||||
143
extensions/calpa/Docs/html/guide-Forms-text.html
Normal file
143
extensions/calpa/Docs/html/guide-Forms-text.html
Normal file
|
|
@ -0,0 +1,143 @@
|
|||
<HTML>
|
||||
<BODY bgcolor=ffffff>
|
||||
<P>
|
||||
<TABLE width=100% cellspacing=0 cellpadding=0>
|
||||
<TR>
|
||||
<TD>
|
||||
<FONT size=-1><B>CalHTMLPane v2.0 Guide</B></FONT>
|
||||
</TD>
|
||||
<TD align=right>
|
||||
<FONT size=-1><B>Example Tag Usage</B></FONT>
|
||||
</TD>
|
||||
</TR>
|
||||
</TABLE>
|
||||
<HR width=100% size=1 color=black>
|
||||
<P>
|
||||
<FONT size=+1><B>2: Forms</B></FONT>
|
||||
<P>
|
||||
<BLOCKQUOTE>
|
||||
<P>
|
||||
<B>Tag: INPUT (text)<BR>
|
||||
Tag: INPUT (password)<BR>
|
||||
Tag: TEXTAREA</B><BR>
|
||||
<P>
|
||||
<BLOCKQUOTE>
|
||||
<TABLE border align=center width=100% cellpadding=12>
|
||||
|
||||
<TR>
|
||||
<TD>
|
||||
<B>Default Rendering (no color modification, size=18):</B>
|
||||
<P>
|
||||
|
||||
<table align=center border=2 cellspacing=2 cellpadding=5 width=400 bgcolor=uicontrol>
|
||||
<colgroup span=3 align=center>
|
||||
</colgroup>
|
||||
<tr><th> </th><th>uicontrol background</th><th>white background</th></tr>
|
||||
<tr>
|
||||
<td><B>lookandfeel</B>
|
||||
<td><input type=text style=lookandfeel align=bottom></td>
|
||||
<td bgcolor=white><input type=text style=lookandfeel align=bottom></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><B>threedee</B>
|
||||
<td><input type=text style=threedee align=bottom></td>
|
||||
<td bgcolor=white><input type=text style=threedee align=bottom></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><B>flush</B>
|
||||
<td><input type=text style=flush align=bottom></td>
|
||||
<td bgcolor=white><input type=text style=flush align=bottom></td>
|
||||
</tr>
|
||||
<tr><th> </th><th>light background</th><th>dark background</th></tr>
|
||||
<tr>
|
||||
<td><B>lookandfeel</B>
|
||||
<td bgcolor=ddffdd><input type=text style=lookandfeel align=bottom></td>
|
||||
<td bgcolor=6688aa><input type=text style=lookandfeel align=bottom></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><B>threedee</B>
|
||||
<td bgcolor=ddffdd><input type=text style=threedee align=bottom></td>
|
||||
<td bgcolor=6688aa><input type=text style=threedee align=bottom></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><B>flush</B>
|
||||
<td bgcolor=ddffdd><input type=text style=flush align=bottom></td>
|
||||
<td bgcolor=6688aa><input type=text style=flush align=bottom></td>
|
||||
</tr>
|
||||
|
||||
</table>
|
||||
<BR>
|
||||
</TD></TR>
|
||||
<TR><TD>
|
||||
<B>Setting color attributes:</B>
|
||||
<P>
|
||||
<table align=center bgcolor=ffffdd cellspacing=0 cellpadding=4 rules=none bordercolor=black frame=border>
|
||||
<tr>
|
||||
<td><FONT color=navy>
|
||||
<TABLE border=2 cellspacing=2 cellpadding=5 bgcolor=gray><BR>
|
||||
<code> </code><COLGROUP span=2 align=center></COLGROUP><BR>
|
||||
<code> </code><TR><BR>
|
||||
<code> </code><TH><FONT color=white>threedee</FONT></TH><BR>
|
||||
<code> </code><TH><FONT color=white>flush</FONT></TH><BR>
|
||||
<code> </code></TR><BR>
|
||||
<code> </code><TR><BR>
|
||||
<code> </code><TD><TEXTAREA rows=4 style=threedee<BR>
|
||||
<code> </code>bgcolor=gray>Some sample text</TEXTAREA></TD><BR>
|
||||
<code> </code><TD><TEXTAREA rows=4 style=flush bordercolor=maroon<BR>
|
||||
<code> </code>text=yellow>Some sample text</TEXTAREA></TD><BR>
|
||||
<code> </code><TR><BR>
|
||||
</TABLE></FONT>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
<P>
|
||||
</TR>
|
||||
</TD>
|
||||
<TR><TD>
|
||||
<P>
|
||||
<B>Rendering:</B>
|
||||
<BR>
|
||||
<table align=center border=2 cellspacing=2 cellpadding=5 bgcolor=gray>
|
||||
<colgroup span=2 align=center>
|
||||
</colgroup>
|
||||
<tr><th><FONT color=white>threedee</FONT></th><th><FONT color=white>flush</FONT></th></tr>
|
||||
<tr>
|
||||
<td><textarea rows=4 style=threedee bgcolor=gray>Some sample text</textarea>
|
||||
</td>
|
||||
<td bgcolor=white><textarea rows=4 style=flush bordercolor=maroon text=yellow>Some sample text</textarea>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
<BR>
|
||||
</TD>
|
||||
</TR>
|
||||
<TR>
|
||||
<TD>
|
||||
<B>Implementation Notes:</B><BR>
|
||||
<UL>
|
||||
<LI>Note that the background color of text components is set with the <B>bordercolor</B><BR>
|
||||
attribute.
|
||||
<LI>Input into textfields can be constrained using the <B>maxlength</B> attribute
|
||||
<LI>Swing's JTextArea normally allows tabbing within it, but this has been changed<BR>
|
||||
within the CalPane to allow for consistent keyboard navigation
|
||||
</TD>
|
||||
</TR>
|
||||
|
||||
|
||||
</TABLE>
|
||||
</BLOCKQUOTE>
|
||||
</BLOCKQUOTE>
|
||||
|
||||
<TABLE align=center width=50%>
|
||||
<TR>
|
||||
<TD align=center>
|
||||
<A href="../CalGuide.html">Guide Index</A> |
|
||||
<A href="../javadoc/overview-tree.html"> JavaDoc</A> |
|
||||
<A href="guide-Forms-selection.html"> Previous</A> |
|
||||
<A href="guide-Forms-buttontag.html"> Next</A>
|
||||
</TD>
|
||||
</TR>
|
||||
</TABLE>
|
||||
|
||||
</BODY>
|
||||
</HTML>
|
||||
149
extensions/calpa/Docs/html/guide-Forms-uiscrollcolors.html
Normal file
149
extensions/calpa/Docs/html/guide-Forms-uiscrollcolors.html
Normal file
|
|
@ -0,0 +1,149 @@
|
|||
<HTML>
|
||||
<BODY bgcolor=ffffff>
|
||||
<P>
|
||||
<TABLE width=100% cellspacing=0 cellpadding=0>
|
||||
<TR>
|
||||
<TD>
|
||||
<FONT size=-1><B>CalHTMLPane v2.0 Guide</B></FONT>
|
||||
</TD>
|
||||
<TD align=right>
|
||||
<FONT size=-1><B>Example Tag Usage</B></FONT>
|
||||
</TD>
|
||||
</TR>
|
||||
</TABLE>
|
||||
<HR width=100% size=1 color=black>
|
||||
<P>
|
||||
<FONT size=+1><B>2: Forms</B></FONT>
|
||||
<P>
|
||||
<BLOCKQUOTE>
|
||||
<P>
|
||||
<B>Attr: uiscrollcolors</B><BR>
|
||||
<P>
|
||||
<BLOCKQUOTE>
|
||||
<TABLE border align=center cellpadding=6 width=100%>
|
||||
|
||||
<TR>
|
||||
<TD>
|
||||
<B>Use Within:</B><BR>
|
||||
<TEXTAREA>, <SELECT>,
|
||||
</TD>
|
||||
</TR>
|
||||
|
||||
|
||||
<TR>
|
||||
<TD>
|
||||
<B>Arguments:</B> None
|
||||
</TD>
|
||||
</TR>
|
||||
|
||||
<TR>
|
||||
<TD>
|
||||
<B>Synopsis:</B><BR>
|
||||
This attribute attempts to match the scrollbar thumb color in the
|
||||
THREEDEE and FLUSH rendering styles to that of the installed Look And
|
||||
Feel.
|
||||
<P>It relies on consistent information being available within the PLAF
|
||||
UIDefaults hashtable.
|
||||
<P>To see the effect of using this attribute you need to view the given example
|
||||
in a L&F which uses a distinctive scrollbar thumb color, such as MetalLookAndFeel.
|
||||
</TD>
|
||||
</TR>
|
||||
|
||||
<TR>
|
||||
<TD>
|
||||
<B>Example:</B>
|
||||
<P>
|
||||
<table align=center bgcolor=ffffdd cellspacing=0 cellpadding=4 rules=none bordercolor=black frame=border>
|
||||
<tr>
|
||||
<td><FONT color=navy>
|
||||
<TABLE border=2 cellspacing=2 cellpadding=20 bgcolor=uicontrol><BR>
|
||||
<code> </code><TR><TD align=center><BR>
|
||||
<code> </code><SELECT style=threedee uiscrollcolors align=abstop><BR>
|
||||
<code> </code><OPTION>One<BR>
|
||||
<code> </code><OPTION>Two<BR>
|
||||
<code> </code><OPTION>Three<BR>
|
||||
<code> </code><OPTION>Four<BR>
|
||||
<code> </code><OPTION>Five<BR>
|
||||
<code> </code><OPTION>Six<BR>
|
||||
<code> </code><OPTION>Seven<BR>
|
||||
<code> </code><OPTION>Eight<BR>
|
||||
<code> </code><OPTION>Nine<BR>
|
||||
<code> </code><OPTION>Ten<BR>
|
||||
<code> </code><OPTION>Eleven<BR>
|
||||
<code> </code><OPTION>Twelve<BR>
|
||||
<code> </code></SELECT><BR>
|
||||
<code> </code>&nbsp;<BR>
|
||||
<code> </code><SELECT style=flush size=4 uiscrollcolors align=abstop><BR>
|
||||
<code> </code><OPTION>Monday<BR>
|
||||
<code> </code><OPTION>Tuesday<BR>
|
||||
<code> </code><OPTION>Wednesday<BR>
|
||||
<code> </code><OPTION>Thursday<BR>
|
||||
<code> </code><OPTION>Friday<BR>
|
||||
<code> </code><OPTION>Saturday<BR>
|
||||
<code> </code><OPTION>Sunday<BR>
|
||||
<code> </code></SELECT><BR>
|
||||
|
||||
<code> </code></TD></TR><BR>
|
||||
</TABLE></FONT>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
<P>
|
||||
</TR>
|
||||
</TD>
|
||||
|
||||
<TR>
|
||||
<TD>
|
||||
<B>Rendering:</B>
|
||||
<BR>
|
||||
<table align=center border=2 cellspacing=2 cellpadding=20 bgcolor=uicontrol>
|
||||
<tr><td align=center>
|
||||
<SELECT style=threedee uiscrollcolors align=abstop>
|
||||
<OPTION>One
|
||||
<OPTION>Two
|
||||
<OPTION>Three
|
||||
<OPTION>Four
|
||||
<OPTION>Five
|
||||
<OPTION>Six
|
||||
<OPTION>Seven
|
||||
<OPTION>Eight
|
||||
<OPTION>Nine
|
||||
<OPTION>Ten
|
||||
<OPTION>Eleven
|
||||
<OPTION>Twelve
|
||||
</SELECT>
|
||||
|
||||
<SELECT style=flush size=4 uiscrollcolors align=abstop>
|
||||
<OPTION>Monday
|
||||
<OPTION>Tuesday
|
||||
<OPTION>Wednesday
|
||||
<OPTION>Thursday
|
||||
<OPTION>Friday
|
||||
<OPTION>Saturday
|
||||
<OPTION>Sunday
|
||||
</SELECT>
|
||||
</td></tr>
|
||||
|
||||
</table>
|
||||
<br>
|
||||
</TD>
|
||||
</TR>
|
||||
|
||||
|
||||
</TABLE>
|
||||
</BLOCKQUOTE>
|
||||
</BLOCKQUOTE>
|
||||
|
||||
<TABLE align=center width=50%>
|
||||
<TR>
|
||||
<TD align=center>
|
||||
<A href="../CalGuide.html">Guide Index</A> |
|
||||
<A href="../javadoc/overview-tree.html"> JavaDoc</A> |
|
||||
<A href="guide-Forms-color.html"> Previous</A> |
|
||||
<A href="guide-Forms-button.html"> Next</A>
|
||||
</TD>
|
||||
</TR>
|
||||
</TABLE>
|
||||
|
||||
</BODY>
|
||||
</HTML>
|
||||
99
extensions/calpa/Docs/html/guide-Frames-iframe.html
Normal file
99
extensions/calpa/Docs/html/guide-Frames-iframe.html
Normal file
|
|
@ -0,0 +1,99 @@
|
|||
<HTML>
|
||||
<BODY bgcolor=ffffff>
|
||||
<P>
|
||||
<TABLE width=100% cellspacing=0 cellpadding=0>
|
||||
<TR>
|
||||
<TD>
|
||||
<FONT size=-1><B>CalHTMLPane v2.0 Guide</B></FONT>
|
||||
</TD>
|
||||
<TD align=right>
|
||||
<FONT size=-1><B>Example Tag Usage</B></FONT>
|
||||
</TD>
|
||||
</TR>
|
||||
</TABLE>
|
||||
<HR width=100% size=1 color=black>
|
||||
<P>
|
||||
<FONT size=+1><B>3: Frames</B></FONT>
|
||||
<P>
|
||||
<BLOCKQUOTE>
|
||||
<P>
|
||||
<B>Tag: IFRAME</B><BR>
|
||||
<P>
|
||||
<BLOCKQUOTE>
|
||||
<TABLE border align=center bgcolor=ffffff cellpadding=6 width=500>
|
||||
|
||||
<TR>
|
||||
<TD>
|
||||
<B>Synopsis:</B><BR>
|
||||
Creates an inline frame which can be dynamically updated with documents.
|
||||
See the HTML4.0 spec for details. Placing an IFRAME in your document is much
|
||||
like placing an image. For this reason the <B>hspace</B> and <B>vspace</B>
|
||||
attributes are supported in addition to the usual frame attributes.
|
||||
<P>Always remember to use the closing </IFRAME> tag. Content between
|
||||
the opening and closing tags is for HTML viewers which do not support inline
|
||||
frames, and you will lose the rest of the document if you omit the closing
|
||||
tag (not just in the CalPane, but in browsers such as IE4 as well).
|
||||
<BR>
|
||||
</TD>
|
||||
</TR>
|
||||
|
||||
<TR>
|
||||
<TD>
|
||||
<B>Example:</B>
|
||||
<P>
|
||||
<table align=center bgcolor=ffffdd cellspacing=0 cellpadding=4 rules=none bordercolor=black frame=border>
|
||||
<tr>
|
||||
<td><FONT color=navy>
|
||||
<IFRAME hspace=4 vspace=4 align=left src="newsflash.html"<BR>
|
||||
width=400 height=300 name=myiframe></IFRAME><BR>
|
||||
This is a floating inline frame. Text will wrap around it as normal. Note<BR>
|
||||
that the frame will handle its own internal links or it can be updated<BR>
|
||||
externally.
|
||||
<BR clear=left><BR>
|
||||
<P align=center><A href="techupdate.html" target=myiframe><BR>
|
||||
Press here to update the frame with a new document</A><BR>
|
||||
</FONT>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
<P>
|
||||
</TR>
|
||||
</TD>
|
||||
|
||||
<TR>
|
||||
<TD bgcolor=aaccbb>
|
||||
<B>Rendering:</B>
|
||||
<P>
|
||||
<IFRAME hspace=4 vspace=4 align=left src="newsflash.html"
|
||||
width=400 height=300 name=myiframe></IFRAME>
|
||||
This is a floating inline frame. Text will wrap around it as normal. Note
|
||||
that the frame will handle its own internal links or it can be updated
|
||||
externally.
|
||||
|
||||
<BR clear=left>
|
||||
<P align=center><A href=techupdate.html target=myiframe>Press here
|
||||
to update the frame with a new document</A><BR>
|
||||
|
||||
<BR>
|
||||
</TD>
|
||||
</TR>
|
||||
|
||||
|
||||
</TABLE>
|
||||
</BLOCKQUOTE>
|
||||
</BLOCKQUOTE>
|
||||
|
||||
<TABLE align=center width=50%>
|
||||
<TR>
|
||||
<TD align=center>
|
||||
<A href="../CalGuide.html">Guide Index</A> |
|
||||
<A href="../javadoc/overview-tree.html"> JavaDoc</A> |
|
||||
<A href="guide-Forms-accesskey.html"> Previous</A> |
|
||||
<A href="guide-Images-imagemap.html"> Next</A>
|
||||
|
||||
</TD>
|
||||
</TR>
|
||||
</TABLE>
|
||||
|
||||
</BODY>
|
||||
</HTML>
|
||||
169
extensions/calpa/Docs/html/guide-Images-imagemap.html
Normal file
169
extensions/calpa/Docs/html/guide-Images-imagemap.html
Normal file
|
|
@ -0,0 +1,169 @@
|
|||
<HTML>
|
||||
<BODY bgcolor=ffffff>
|
||||
<P>
|
||||
<TABLE width=100% cellspacing=0 cellpadding=0>
|
||||
<TR>
|
||||
<TD>
|
||||
<FONT size=-1><B>CalHTMLPane v2.0 Guide</B></FONT>
|
||||
</TD>
|
||||
<TD align=right>
|
||||
<FONT size=-1><B>Example Tag Usage</B></FONT>
|
||||
</TD>
|
||||
</TR>
|
||||
</TABLE>
|
||||
<HR width=100% size=1 color=black>
|
||||
<P>
|
||||
<FONT size=+1><B>4: Images</B></FONT>
|
||||
<P>
|
||||
<BLOCKQUOTE>
|
||||
<P>
|
||||
<B>Tag: MAP</B><BR>
|
||||
<B>Tag:AREA</B><BR>
|
||||
<B>Attr: usemap</B>
|
||||
<P>
|
||||
<TABLE border width=100% cellpadding=6 align=center>
|
||||
|
||||
<TR>
|
||||
<TD>
|
||||
<B>Synopsis:</B><BR>
|
||||
The CalHTMLPane supports the rect, circle and poly shapes within the
|
||||
AREA tag.
|
||||
|
||||
<P>Coords can be expressed in absolute or percentage terms.
|
||||
</TD>
|
||||
</TR>
|
||||
|
||||
<TR>
|
||||
<TD>
|
||||
<B>Example 1:</B>
|
||||
<P>
|
||||
<table align=center bgcolor=ffffdd cellspacing=0 cellpadding=4 rules=none bordercolor=black frame=border>
|
||||
<tr>
|
||||
<td><FONT color=navy>
|
||||
<P align=center><BR>
|
||||
<IMG src="images/map.gif" usemap="#test" width=200 height=100><BR>
|
||||
<MAP name=test><BR>
|
||||
<AREA shape="rect" coords="25,25,55,85" href="maprect.html" target=myiframe2><BR>
|
||||
<AREA shape="circle" coords="100,50,15" href="mapcircle.html" target=myiframe2><BR>
|
||||
<AREA shape="poly" coords=150,25,125,70,175,70 href="maptriangle.html" target=myiframe2><BR>
|
||||
</MAP><BR>
|
||||
<P align=center><BR>
|
||||
<TABLE frame=void rules=all cellspacing=0 cellpadding=0><BR>
|
||||
<TR><TD bordercolor=black><BR>
|
||||
<IFRAME frameborder=0 scrolling=no name="myiframe2" width=300 height=100></IFRAME><BR>
|
||||
</TD></TR><BR>
|
||||
</TABLE><BR>
|
||||
|
||||
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
<P>
|
||||
</TR>
|
||||
</TD>
|
||||
|
||||
<TR>
|
||||
<TD bgcolor=papayawhip>
|
||||
<B>Rendering:</B>
|
||||
<BR>
|
||||
<P align=center>
|
||||
<IMG src="images/map.gif" usemap="#test" width=200 height=100>
|
||||
<MAP name=test>
|
||||
<AREA shape="rect" coords="25,25,55,85" href="maprect.html" target=myiframe2>
|
||||
<AREA shape="circle" coords="100,50,15" href="mapcircle.html" target=myiframe2>
|
||||
<AREA shape="poly" coords=150,25,125,70,175,70 href="maptriangle.html" target=myiframe2>
|
||||
</MAP>
|
||||
<P align=center>
|
||||
<TABLE frame=void rules=all cellspacing=0 cellpadding=0>
|
||||
<TR><TD bordercolor=black>
|
||||
<IFRAME frameborder=0 scrolling=no name="myiframe2" width=300 height=100></IFRAME>
|
||||
</TD></TR>
|
||||
</TABLE>
|
||||
<BR>
|
||||
</TD>
|
||||
</TR>
|
||||
|
||||
<TR>
|
||||
<TD>
|
||||
<B>Example 2:</B><BR>
|
||||
In the first example we used the actual size of the image (200 x 100 pixels) and used
|
||||
the real coords of the shapes within that image. If we placed the image in
|
||||
a document at a different size (say 250 x 125 pixels) the imagemap would no
|
||||
longer work correctly. However, by using percentage instead of absolute coordinates we can place
|
||||
the image at any size within our document, providing its aspect ratio is
|
||||
maintained.
|
||||
|
||||
<P>Take the rectangle as an example. You can see that its coords in the
|
||||
200 x 100 image are 25, 25, 55, 85. This is equivalent to 12.5%, 25%, 27.5%, 85%.
|
||||
We can't use fractions so we enter these coords into the map as:
|
||||
<P align=center>coords="12%,25%,27%,85%"
|
||||
<P>The percentage coords are therefore slightly inexact, but this is not
|
||||
normally much of a problem.
|
||||
|
||||
<P>Here's the whole example using percentage coords, demonstrating that two
|
||||
completely different image sizes can use the same map:
|
||||
<P>
|
||||
<table align=center bgcolor=ffffdd cellspacing=0 cellpadding=4 rules=none bordercolor=black frame=border>
|
||||
<tr>
|
||||
<td><FONT color=navy>
|
||||
<P align=center><BR>
|
||||
<IMG src="images/map.gif" usemap="#test2" width=300 height=150><BR>
|
||||
<IMG src="images/map.gif" usemap="#test2" width=150 height=75><BR>
|
||||
<MAP name=test2><BR>
|
||||
<AREA shape="rect" coords="12%,25%,27%,85%" href="maprect.html" target=myiframe3><BR>
|
||||
<AREA shape="circle" coords="50%,50%,7%" href="mapcircle.html" target=myiframe3><BR>
|
||||
<AREA shape="poly" coords=75%,25%,62%,70%,87%,70% href="maptriangle.html" target=myiframe3><BR>
|
||||
</MAP><BR>
|
||||
<P align=center><BR>
|
||||
<TABLE frame=void rules=all cellspacing=0 cellpadding=0><BR>
|
||||
<TR><TD bordercolor=black><BR>
|
||||
<IFRAME frameborder=0 scrolling=no name="myiframe3" width=300 height=100></IFRAME><BR>
|
||||
</TD></TR><BR>
|
||||
</TABLE><BR>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
<P>
|
||||
</TR>
|
||||
</TD>
|
||||
|
||||
<TR>
|
||||
<TD bgcolor=papayawhip>
|
||||
<B>Rendering:</B>
|
||||
<BR>
|
||||
<P align=center>
|
||||
<IMG src="images/map.gif" usemap="#test2" width=300 height=150>
|
||||
<IMG src="images/map.gif" usemap="#test2" width=150 height=75>
|
||||
<MAP name=test2>
|
||||
<AREA shape="rect" coords="12%,25%,27%,85%" href="maprect.html" target=myiframe3>
|
||||
<AREA shape="circle" coords="50%,50%,7%" href="mapcircle.html" target=myiframe3>
|
||||
<AREA shape="poly" coords=75%,25%,62%,70%,87%,70% href="maptriangle.html" target=myiframe3>
|
||||
</MAP>
|
||||
<P align=center>
|
||||
<TABLE frame=void rules=all cellspacing=0 cellpadding=0>
|
||||
<TR><TD bordercolor=black>
|
||||
<IFRAME frameborder=0 scrolling=no name="myiframe3" width=300 height=100></IFRAME>
|
||||
</TD></TR>
|
||||
</TABLE>
|
||||
<BR>
|
||||
</TD>
|
||||
</TR>
|
||||
|
||||
|
||||
</TABLE>
|
||||
|
||||
|
||||
</BLOCKQUOTE>
|
||||
<TABLE align=center width=50%>
|
||||
<TR>
|
||||
<TD align=center>
|
||||
<A href="../CalGuide.html">Guide Index</A> |
|
||||
<A href="../javadoc/overview-tree.html"> JavaDoc</A> |
|
||||
<A href="guide-Frames-iframe.html"> Previous</A> |
|
||||
<A href="guide-Misc-colornames.html"> Next</A>
|
||||
</TD>
|
||||
</TR>
|
||||
</TABLE>
|
||||
|
||||
</BODY>
|
||||
</HTML>
|
||||
128
extensions/calpa/Docs/html/guide-Misc-align.html
Normal file
128
extensions/calpa/Docs/html/guide-Misc-align.html
Normal file
|
|
@ -0,0 +1,128 @@
|
|||
<HTML>
|
||||
<BODY bgcolor=ffffff>
|
||||
<P>
|
||||
<TABLE width=100% cellspacing=0 cellpadding=0>
|
||||
<TR>
|
||||
<TD>
|
||||
<FONT size=-1><B>CalHTMLPane v2.0 Guide</B></FONT>
|
||||
</TD>
|
||||
<TD align=right>
|
||||
<FONT size=-1><B>Example Tag Usage</B></FONT>
|
||||
</TD>
|
||||
</TR>
|
||||
</TABLE>
|
||||
<HR width=100% size=1 color=black>
|
||||
<P>
|
||||
<FONT size=+1><B>5: Misc</B></FONT>
|
||||
<P>
|
||||
<BLOCKQUOTE>
|
||||
<P>
|
||||
<B>Attr: align</B>
|
||||
<P>
|
||||
|
||||
<TABLE border width=800 cellpadding=6 align=center>
|
||||
|
||||
<TR>
|
||||
<TD>
|
||||
<B>Use With:</B><BR>
|
||||
Images, form components, inline frames, <OBJECT> tag
|
||||
</TD>
|
||||
</TR>
|
||||
|
||||
<TR>
|
||||
<TD>
|
||||
<B>Arguments:</B>
|
||||
abstop | top | absmiddle | middle | texttop | baseline | bottom | absbottom | left | right<BR>
|
||||
</TD>
|
||||
</TR>
|
||||
|
||||
<TR>
|
||||
<TD>
|
||||
<B>Synopsis:</B><BR>
|
||||
<B>abstop</B> aligns the object to the top of the line
|
||||
<P><B>top</B> and <B>texttop</B> align the object to the top of any text
|
||||
<P><B>absmiddle</B> aligns the object to the center point of the line
|
||||
<P><B>middle</B> aligns the object to the middle of any text
|
||||
<P><B>bottom</B> and <B>baseline</B> align the object to the baseline of any text
|
||||
<P><B>absbottom</B> aligns the object to the bottom of the line
|
||||
<P><B>left</B> will float the object on the left margin
|
||||
<P><B>right</B> will float the object on the right margin
|
||||
</TD>
|
||||
</TR>
|
||||
|
||||
<TR>
|
||||
<TD>
|
||||
<B>Example:</B>
|
||||
<P>
|
||||
<table align=center bgcolor=ffffdd cellspacing=0 cellpadding=4 rules=none bordercolor=black frame=border>
|
||||
<tr>
|
||||
<td><FONT color=navy>
|
||||
|
||||
<TABLE width=100% border=0 cellspacing=0 cellpadding=1 bgcolor=black><TR><TD></TD></TR></TABLE><BR>
|
||||
<IMG src="nosrc.gif" alt="top texttop" align=top width=80 height=80><BR>
|
||||
Some text<BR>
|
||||
<IMG src="nosrc.gif" alt="bottom baseline" align=bottom width=80 height=50><BR>
|
||||
more<BR>
|
||||
<IMG src="nosrc.gif" alt="abstop" align=abstop width=80 height=80><BR>
|
||||
more<BR>
|
||||
<IMG src="nosrc.gif" alt="middle" align=middle width=80 height=80><BR>
|
||||
more<BR>
|
||||
<IMG src="nosrc.gif" alt="absmiddle" align=absmiddle width=100 height=80><BR>
|
||||
more<BR>
|
||||
<IMG src="nosrc.gif" alt="absbottom" align=absbottom width=100 height=50><BR>
|
||||
<TABLE width=100% border=0 cellspacing=0 cellpadding=1 bgcolor=black><TR><TD></TD></TR></TABLE><BR>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
<P>
|
||||
</TR>
|
||||
</TD>
|
||||
|
||||
<TR>
|
||||
<TD>
|
||||
<B>Rendering:</B>
|
||||
<BR>
|
||||
<P align=center>
|
||||
<table width=100% border=0 cellspacing=0 cellpadding=1 bgcolor=black><tr><td></tr></td></table>
|
||||
<IMG src="nosrc.gif" alt="top texttop" align=top width=80 height=80>
|
||||
Some text
|
||||
<IMG src="nosrc.gif" alt="bottom baseline" align=bottom width=80 height=50>
|
||||
more
|
||||
<IMG src="nosrc.gif" alt="abstop" align=abstop width=80 height=80>
|
||||
more
|
||||
<IMG src="nosrc.gif" alt="middle" align=middle width=80 height=80>
|
||||
more
|
||||
<IMG src="nosrc.gif" alt="absmiddle" align=absmiddle width=100 height=80>
|
||||
more
|
||||
<IMG src="nosrc.gif" alt="absbottom" align=absbottom width=100 height=50>
|
||||
<table width=100% border=0 cellspacing=0 cellpadding=1 bgcolor=black><tr><td></tr></td></table>
|
||||
<BR>
|
||||
<BR>
|
||||
</TD>
|
||||
</TR>
|
||||
|
||||
|
||||
</TABLE>
|
||||
|
||||
</BLOCKQUOTE>
|
||||
|
||||
<TABLE align=center width=50%>
|
||||
<TR>
|
||||
<TD align=center>
|
||||
<A href="../CalGuide.html">Guide Index</A> |
|
||||
<A href="../javadoc/overview-tree.html"> JavaDoc</A> |
|
||||
<A href="guide-Misc-lines.html"> Previous</A> |
|
||||
<A href="guide-Misc-float.html"> Next</A>
|
||||
</TD>
|
||||
</TR>
|
||||
</TABLE>
|
||||
|
||||
</BODY>
|
||||
</HTML>
|
||||
262
extensions/calpa/Docs/html/guide-Misc-colornames.html
Normal file
262
extensions/calpa/Docs/html/guide-Misc-colornames.html
Normal file
|
|
@ -0,0 +1,262 @@
|
|||
<HTML>
|
||||
<BODY bgcolor=ffffff>
|
||||
<P>
|
||||
<TABLE width=100% cellspacing=0 cellpadding=0>
|
||||
<TR>
|
||||
<TD>
|
||||
<FONT size=-1><B>CalHTMLPane v2.0 Guide</B></FONT>
|
||||
</TD>
|
||||
<TD align=right>
|
||||
<FONT size=-1><B>Example Tag Usage</B></FONT>
|
||||
</TD>
|
||||
</TR>
|
||||
</TABLE>
|
||||
<HR width=100% size=1 color=black>
|
||||
<P>
|
||||
<FONT size=+1><B>5: Misc</B></FONT>
|
||||
<P>
|
||||
<BLOCKQUOTE>
|
||||
<P>
|
||||
<B>Default Color Names</B><BR>
|
||||
The following default color names are supported by the CalHTMLPane:
|
||||
<P>
|
||||
<table align=center bgcolor=ddddff border=1 cellpadding=4>
|
||||
<colgroup>
|
||||
<col span=2><col span=1 align=center>
|
||||
<col span=2><col span=1 align=center>
|
||||
</colgroup>
|
||||
<tr><th width=90>Name</th><th width=90>Example</th><th width=90>Hex value</th><th width=90>Name</th><th width=90>Example</th><th width=90>Hex value</th></tr>
|
||||
<tr>
|
||||
<td>aliceblue</td><td bgcolor=aliceblue> </td><td><tt>#f0f8ff</tt></td>
|
||||
<td>lightskyblue</td><td bgcolor=lightskyblue> </td><td><tt>#87cefa</tt></td>
|
||||
</tr><tr>
|
||||
<td>antiquewhite</td><td bgcolor=antiquewhite> </td><td><tt>#faebd7</tt></td>
|
||||
<td>lightslategray</td><td bgcolor=lightslategray> </td><td><tt>#778899</tt></td>
|
||||
</tr><tr>
|
||||
<td>aqua</td><td bgcolor=aqua> </td><td><tt>#00ffff</tt></td>
|
||||
<td>lightsteelblue</td><td bgcolor=lightsteelblue> </td><td><tt>#b0c4de</tt></td>
|
||||
</tr><tr>
|
||||
<td>aquamarine</td><td bgcolor=aquamarine> </td><td><tt>#7fffd4</tt></td>
|
||||
<td>lightyellow</td><td bgcolor=lightyellow> </td><td><tt>#ffffe0</tt></td>
|
||||
</tr><tr>
|
||||
<td>azure</td><td bgcolor=azure> </td><td><tt>#f0ffff</tt></td>
|
||||
<td>lime</td><td bgcolor=lime> </td><td><tt>#00ff00</tt></td>
|
||||
</tr><tr>
|
||||
<td>beige</td><td bgcolor=beige> </td><td><tt>#f5f5dc</tt></td>
|
||||
<td>limegreen</td><td bgcolor=limegreen> </td><td><tt>#32cd32</tt></td>
|
||||
</tr><tr>
|
||||
<td>bisque</td><td bgcolor=bisque> </td><td><tt>#ffe4c4</tt></td>
|
||||
<td>linen</td><td bgcolor=linen> </td><td><tt>#faf0e6</tt></td>
|
||||
</tr><tr>
|
||||
<td>black</td><td bgcolor=black> </td><td><tt>#000000</tt></td>
|
||||
<td>magenta</td><td bgcolor=magenta> </td><td><tt>#ff00ff</tt></td>
|
||||
</tr><tr>
|
||||
<td>blanchedalmond</td><td bgcolor=blanchedalmond> </td><td><tt>#ffebcd</tt></td>
|
||||
<td>maroon</td><td bgcolor=maroon> </td><td><tt>#800000</tt></td>
|
||||
</tr><tr>
|
||||
<td>blue</td><td bgcolor=blue> </td><td><tt>#0000ff</tt></td>
|
||||
<td>mediumaquamarine</td><td bgcolor=mediumaquamarine> </td><td><tt>#66cdaa</tt></td>
|
||||
</tr><tr>
|
||||
<td>blueviolet</td><td bgcolor=blueviolet> </td><td><tt>#8a2be2</tt></td>
|
||||
<td>mediumblue</td><td bgcolor=mediumblue> </td><td><tt>#0000cd</tt></td>
|
||||
</tr><tr>
|
||||
<td>brown</td><td bgcolor=brown> </td><td><tt>#a52a2a</tt></td>
|
||||
<td>mediumorchid</td><td bgcolor=mediumorchid> </td><td><tt>#ba55d3</tt></td>
|
||||
</tr><tr>
|
||||
<td>burlywood</td><td bgcolor=burlywood> </td><td><tt>#deb887</tt></td>
|
||||
<td>mediumpurple</td><td bgcolor=mediumpurple> </td><td><tt>#9370db</tt></td>
|
||||
</tr><tr>
|
||||
<td>cadetblue</td><td bgcolor=cadetblue> </td><td><tt>#5f9ea0</tt></td>
|
||||
<td>mediumseagreen</td><td bgcolor=mediumseagreen> </td><td><tt>#3cb371</tt></td>
|
||||
</tr><tr>
|
||||
<td>chartreuse</td><td bgcolor=chartreuse> </td><td><tt>#7fff00</tt></td>
|
||||
<td>mediumslateblue</td><td bgcolor=mediumslateblue> </td><td><tt>#7b68ee</tt></td>
|
||||
</tr><tr>
|
||||
<td>chocolate</td><td bgcolor=chocolate> </td><td><tt>#d2691e</tt></td>
|
||||
<td>mediumspringgreen</td><td bgcolor=mediumspringgreen> </td><td><tt>#00fa9a</tt></td>
|
||||
</tr><tr>
|
||||
<td>coral</td><td bgcolor=coral> </td><td><tt>#ff7f50</tt></td>
|
||||
<td>mediumturquoise</td><td bgcolor=mediumturquoise> </td><td><tt>#48d1cc</tt></td>
|
||||
</tr><tr>
|
||||
<td>cornflowerblue</td><td bgcolor=cornflowerblue> </td><td><tt>#6495ed</tt></td>
|
||||
<td>mediumvioletred</td><td bgcolor=mediumvioletred> </td><td><tt>#c71585</tt></td>
|
||||
</tr><tr>
|
||||
<td>cornsilk</td><td bgcolor=cornsilk> </td><td><tt>#fff8dc</tt></td>
|
||||
<td>midnightblue</td><td bgcolor=midnightblue> </td><td><tt>#191970</tt></td>
|
||||
</tr><tr>
|
||||
<td>crimson</td><td bgcolor=crimson> </td><td><tt>#dc143c</tt></td>
|
||||
<td>mintcream</td><td bgcolor=mintcream> </td><td><tt>#f5fffa</tt></td>
|
||||
</tr><tr>
|
||||
<td>cyan</td><td bgcolor=cyan> </td><td><tt>#00ffff</tt></td>
|
||||
<td>mistyrose</td><td bgcolor=mistyrose> </td><td><tt>#ffe4e1</tt></td>
|
||||
</tr><tr>
|
||||
<td>darkblue</td><td bgcolor=darkblue> </td><td><tt>#00008b</tt></td>
|
||||
<td>moccasin</td><td bgcolor=moccasin> </td><td><tt>#ffe4b5</tt></td>
|
||||
</tr><tr>
|
||||
<td>darkcyan</td><td bgcolor=darkcyan> </td><td><tt>#008b8b</tt></td>
|
||||
<td>navajowhite</td><td bgcolor=navajowhite> </td><td><tt>#ffdead</tt></td>
|
||||
</tr><tr>
|
||||
<td>darkgoldenrod</td><td bgcolor=darkgoldenrod> </td><td><tt>#b8860b</tt></td>
|
||||
<td>navy</td><td bgcolor=navy> </td><td><tt>#000080</tt></td>
|
||||
</tr><tr>
|
||||
<td>darkgray</td><td bgcolor=darkgray> </td><td><tt>#a9a9a9</tt></td>
|
||||
<td>oldlace</td><td bgcolor=oldlace> </td><td><tt>#fdf5e6</tt></td>
|
||||
</tr><tr>
|
||||
<td>darkgreen</td><td bgcolor=darkgreen> </td><td><tt>#006400</tt></td>
|
||||
<td>olive</td><td bgcolor=olive> </td><td><tt>#808000</tt></td>
|
||||
</tr><tr>
|
||||
<td>darkkhaki</td><td bgcolor=darkkhaki> </td><td><tt>#bdb76b</tt></td>
|
||||
<td>olivedrab</td><td bgcolor=olivedrab> </td><td><tt>#6b8e23</tt></td>
|
||||
</tr><tr>
|
||||
<td>darkmagenta</td><td bgcolor=darkmagenta> </td><td><tt>#8b008b</tt></td>
|
||||
<td>orange</td><td bgcolor=orange> </td><td><tt>#ffa500</tt></td>
|
||||
</tr><tr>
|
||||
<td>darkolivegreen</td><td bgcolor=darkolivegreen> </td><td><tt>#556b2f</tt></td>
|
||||
<td>orangered</td><td bgcolor=orangered> </td><td><tt>#ff4500</tt></td>
|
||||
</tr><tr>
|
||||
<td>darkorange</td><td bgcolor=darkorange> </td><td><tt>#ff8c00</tt></td>
|
||||
<td>orchid</td><td bgcolor=orchid> </td><td><tt>#da70d6</tt></td>
|
||||
</tr><tr>
|
||||
<td>darkorchid</td><td bgcolor=darkorchid> </td><td><tt>#9932cc</tt></td>
|
||||
<td>palegoldenrod</td><td bgcolor=palegoldenrod> </td><td><tt>#eee8aa</tt></td>
|
||||
</tr><tr>
|
||||
<td>darkred</td><td bgcolor=darkred> </td><td><tt>#8b0000</tt></td>
|
||||
<td>palegreen</td><td bgcolor=palegreen> </td><td><tt>#98fb98</tt></td>
|
||||
</tr><tr>
|
||||
<td>darksalmon</td><td bgcolor=darksalmon> </td><td><tt>#e9967a</tt></td>
|
||||
<td>paleturquoise</td><td bgcolor=paleturquoise> </td><td><tt>#afeeee</tt></td>
|
||||
</tr><tr>
|
||||
<td>darkseagreen</td><td bgcolor=darkseagreen> </td><td><tt>#8fbc8f</tt></td>
|
||||
<td>palevioletred</td><td bgcolor=palevioletred> </td><td><tt>#db7093</tt></td>
|
||||
</tr><tr>
|
||||
<td>darkslateblue</td><td bgcolor=darkslateblue> </td><td><tt>#483d8b</tt></td>
|
||||
<td>papayawhip</td><td bgcolor=papayawhip> </td><td><tt>#ffefd5</tt></td>
|
||||
</tr><tr>
|
||||
<td>darkslategray</td><td bgcolor=darkslategray> </td><td><tt>#2f4f4f</tt></td>
|
||||
<td>peachpuff</td><td bgcolor=peachpuff> </td><td><tt>#ffdab9</tt></td>
|
||||
</tr><tr>
|
||||
<td>darkturquoise</td><td bgcolor=darkturquoise> </td><td><tt>#00ced1</tt></td>
|
||||
<td>peru</td><td bgcolor=peru> </td><td><tt>#cd853f</tt></td>
|
||||
</tr><tr>
|
||||
<td>darkviolet</td><td bgcolor=darkviolet> </td><td><tt>#9400d3</tt></td>
|
||||
<td>pink</td><td bgcolor=pink> </td><td><tt>#ffc0cb</tt></td>
|
||||
</tr><tr>
|
||||
<td>deeppink</td><td bgcolor=deeppink> </td><td><tt>#ff1493</tt></td>
|
||||
<td>plum</td><td bgcolor=plum> </td><td><tt>#dda0dd</tt></td>
|
||||
</tr><tr>
|
||||
<td>deepskyblue</td><td bgcolor=deepskyblue> </td><td><tt>#00bfff</tt></td>
|
||||
<td>powderblue</td><td bgcolor=powderblue> </td><td><tt>#b0e0e6</tt></td>
|
||||
</tr><tr>
|
||||
<td>dimgray</td><td bgcolor=dimgray> </td><td><tt>#696969</tt></td>
|
||||
<td>purple</td><td bgcolor=purple> </td><td><tt>#800080</tt></td>
|
||||
</tr><tr>
|
||||
<td>dodgerblue</td><td bgcolor=dodgerblue> </td><td><tt>#1e90ff</tt></td>
|
||||
<td>red</td><td bgcolor=red> </td><td><tt>#ff0000</tt></td>
|
||||
</tr><tr>
|
||||
<td>firebrick</td><td bgcolor=firebrick> </td><td><tt>#b22222</tt></td>
|
||||
<td>rosybrown</td><td bgcolor=rosybrown> </td><td><tt>#bc8f8f</tt></td>
|
||||
</tr><tr>
|
||||
<td>floralwhite</td><td bgcolor=floralwhite> </td><td><tt>#fffaf0</tt></td>
|
||||
<td>royalblue</td><td bgcolor=royalblue> </td><td><tt>#4169e1</tt></td>
|
||||
</tr><tr>
|
||||
<td>forestgreen</td><td bgcolor=forestgreen> </td><td><tt>#228b22</tt></td>
|
||||
<td>saddlebrown</td><td bgcolor=saddlebrown> </td><td><tt>#8b4513</tt></td>
|
||||
</tr><tr>
|
||||
<td>fuchsia</td><td bgcolor=fuchsia> </td><td><tt>#ff00ff</tt></td>
|
||||
<td>salmon</td><td bgcolor=salmon> </td><td><tt>#fa8072</tt></td>
|
||||
</tr><tr>
|
||||
<td>ghostwhite</td><td bgcolor=ghostwhite> </td><td><tt>#f8f8ff</tt></td>
|
||||
<td>sandybrown</td><td bgcolor=sandybrown> </td><td><tt>#f4a460</tt></td>
|
||||
</tr><tr>
|
||||
<td>gainsboro</td><td bgcolor=gainsboro> </td><td><tt>#dcdcdc</tt></td>
|
||||
<td>seagreen</td><td bgcolor=seagreen> </td><td><tt>#2e8b57</tt></td>
|
||||
</tr><tr>
|
||||
<td>gold</td><td bgcolor=gold> </td><td><tt>#ffd700</tt></td>
|
||||
<td>seashell</td><td bgcolor=seashell> </td><td><tt>#fff5ee</tt></td>
|
||||
</tr><tr>
|
||||
<td>goldenrod</td><td bgcolor=goldenrod> </td><td><tt>#daa520</tt></td>
|
||||
<td>sienna</td><td bgcolor=sienna> </td><td><tt>#a0522d</tt></td>
|
||||
</tr><tr>
|
||||
<td>gray</td><td bgcolor=gray> </td><td><tt>#808080</tt></td>
|
||||
<td>silver</td><td bgcolor=silver> </td><td><tt>#c0c0c0</tt></td>
|
||||
</tr><tr>
|
||||
<td>green</td><td bgcolor=green> </td><td><tt>#008000</tt></td>
|
||||
<td>skyblue</td><td bgcolor=skyblue> </td><td><tt>#87ceeb</tt></td>
|
||||
</tr><tr>
|
||||
<td>greenyellow</td><td bgcolor=greenyellow> </td><td><tt>#adff2f</tt></td>
|
||||
<td>slateblue</td><td bgcolor=slateblue> </td><td><tt>#6a5acd</tt></td>
|
||||
</tr><tr>
|
||||
<td>honeydew</td><td bgcolor=honeydew> </td><td><tt>#f0fff0</tt></td>
|
||||
<td>slategray</td><td bgcolor=slategray> </td><td><tt>#708090</tt></td>
|
||||
</tr><tr>
|
||||
<td>hotpink</td><td bgcolor=hotpink> </td><td><tt>#ff69b4</tt></td>
|
||||
<td>snow</td><td bgcolor=snow> </td><td><tt>#fffafa</tt></td>
|
||||
</tr><tr>
|
||||
<td>indianred</td><td bgcolor=indianred> </td><td><tt>#cd5c5c</tt></td>
|
||||
<td>springgreen</td><td bgcolor=springgreen> </td><td><tt>#00ff7f</tt></td>
|
||||
</tr><tr>
|
||||
<td>indigo</td><td bgcolor=indigo> </td><td><tt>#4b0082</tt></td>
|
||||
<td>steelblue</td><td bgcolor=steelblue> </td><td><tt>#4682b4</tt></td>
|
||||
</tr><tr>
|
||||
<td>ivory</td><td bgcolor=ivory> </td><td><tt>#fffff0</tt></td>
|
||||
<td>tan</td><td bgcolor=tan> </td><td><tt>#d2b48c</tt></td>
|
||||
</tr><tr>
|
||||
<td>khaki</td><td bgcolor=khaki> </td><td><tt>#f0e68c</tt></td>
|
||||
<td>teal</td><td bgcolor=teal> </td><td><tt>#008080</tt></td>
|
||||
</tr><tr>
|
||||
<td>lavender</td><td bgcolor=lavender> </td><td><tt>#e6e6fa</tt></td>
|
||||
<td>thistle</td><td bgcolor=thistle> </td><td><tt>#d8bfd8</tt></td>
|
||||
</tr><tr>
|
||||
<td>lavenderblush</td><td bgcolor=lavenderblush> </td><td><tt>#fff0f5</tt></td>
|
||||
<td>tomato</td><td bgcolor=tomato> </td><td><tt>#ff6347</tt></td>
|
||||
</tr><tr>
|
||||
<td>lawngreen</td><td bgcolor=lawngreen> </td><td><tt>#7cfc00</tt></td>
|
||||
<td>turquoise</td><td bgcolor=turquoise> </td><td><tt>#40e0d0</tt></td>
|
||||
</tr><tr>
|
||||
<td>lemonchiffon</td><td bgcolor=lemonchiffon> </td><td><tt>#fffacd</tt></td>
|
||||
<td>uicontrol</td><td bgcolor=uicontrol> </td><td>(variable)</td>
|
||||
</tr><tr>
|
||||
<td>lightblue</td><td bgcolor=lightblue> </td><td><tt>#add8e6</tt></td>
|
||||
<td>uihighlight</td><td bgcolor=uihighlight> </td><td>(variable)</td>
|
||||
</tr><tr>
|
||||
<td>lightcoral</td><td bgcolor=lightcoral> </td><td><tt>#f08080</tt></td>
|
||||
<td>uishadow</td><td bgcolor=uishadow> </td><td>(variable)</td>
|
||||
</tr><tr>
|
||||
<td>lightcyan</td><td bgcolor=lightcyan> </td><td><tt>#e0ffff</tt></td>
|
||||
<td>violet</td><td bgcolor=violet> </td><td><tt>#ee82ee</tt></td>
|
||||
</tr><tr>
|
||||
<td>lightgoldenrodyellow</td><td bgcolor=lightgoldenrodyellow> </td><td><tt>#fafad2</tt></td>
|
||||
<td>wheat</td><td bgcolor=wheat> </td><td><tt>#f5deb3</tt></td>
|
||||
</tr><tr>
|
||||
<td>lightgreen</td><td bgcolor=lightgreen> </td><td><tt>#90ee90</tt></td>
|
||||
<td>white</td><td bgcolor=white> </td><td><tt>#ffffff</tt></td>
|
||||
</tr><tr>
|
||||
<td>lightgrey</td><td bgcolor=lightgrey> </td><td><tt>#d3d3d3</tt></td>
|
||||
<td>whitesmoke</td><td bgcolor=whitesmoke> </td><td><tt>#f5f5f5</tt></td>
|
||||
</tr><tr>
|
||||
<td>lightpink</td><td bgcolor=lightpink> </td><td><tt>#ffb6c1</tt></td>
|
||||
<td>yellow</td><td bgcolor=yellow> </td><td><tt>#ffff00</tt></td>
|
||||
</tr><tr>
|
||||
<td>lightsalmon</td><td bgcolor=lightsalmon> </td><td><tt>#ffa07a</tt></td>
|
||||
<td>yellowgreen</td><td bgcolor=yellowgreen> </td><td><tt>#9acd32</tt></td>
|
||||
</tr><tr>
|
||||
<td>lightseagreen</td><td bgcolor=lightseagreen> </td><td><tt>#20b2aa</tt></td>
|
||||
<td> </td><td> </td><td> </td>
|
||||
</tr>
|
||||
</table>
|
||||
<BR>
|
||||
</BLOCKQUOTE>
|
||||
|
||||
<TABLE align=center width=50%>
|
||||
<TR>
|
||||
<TD align=center>
|
||||
<A href="../CalGuide.html">Guide Index</A> |
|
||||
<A href="../javadoc/overview-tree.html"> JavaDoc</A> |
|
||||
<A href="guide-Images-imagemap.html"> Previous</A> |
|
||||
<A href="guide-Misc-lines.html"> Next</A>
|
||||
</TD>
|
||||
</TR>
|
||||
</TABLE>
|
||||
|
||||
</BODY>
|
||||
</HTML>
|
||||
126
extensions/calpa/Docs/html/guide-Misc-float.html
Normal file
126
extensions/calpa/Docs/html/guide-Misc-float.html
Normal file
|
|
@ -0,0 +1,126 @@
|
|||
<HTML>
|
||||
<BODY bgcolor=ffffff>
|
||||
<P>
|
||||
<TABLE width=100% cellspacing=0 cellpadding=0>
|
||||
<TR>
|
||||
<TD>
|
||||
<FONT size=-1><B>CalHTMLPane v2.0 Guide</B></FONT>
|
||||
</TD>
|
||||
<TD align=right>
|
||||
<FONT size=-1><B>Example Tag Usage</B></FONT>
|
||||
</TD>
|
||||
</TR>
|
||||
</TABLE>
|
||||
<HR width=100% size=1 color=black>
|
||||
<P>
|
||||
<FONT size=+1><B>5: Misc</B></FONT>
|
||||
<P>
|
||||
<BLOCKQUOTE>
|
||||
<P>
|
||||
<B>Attr: align (floating)</B>
|
||||
<P>
|
||||
|
||||
<TABLE border width=100% cellpadding=6 align=center>
|
||||
|
||||
<TR>
|
||||
<TD>
|
||||
<B>Use With:</B><BR>
|
||||
Tables, Images, form components, inline frames, <OBJECT> tag
|
||||
</TD>
|
||||
</TR>
|
||||
|
||||
<TR>
|
||||
<TD>
|
||||
<B>Arguments:</B>
|
||||
left | right<BR>
|
||||
</TD>
|
||||
</TR>
|
||||
|
||||
<TR>
|
||||
<TD>
|
||||
<B>Synopsis:</B><BR>
|
||||
<P><B>left</B> will float the object on the left margin
|
||||
<P><B>right</B> will float the object on the right margin
|
||||
<P>Multiple objects may be floated left and right.
|
||||
<UL><LI>Note that you need to be sure when using right-aligned floats that there is sufficient
|
||||
space between the left and right margins. If horizontal space becomes too
|
||||
narrow you may see rendering problems as
|
||||
text or other objects begin to overlap the right hand float. You should be
|
||||
able to see this happen in the example below if you gradually reduce the width
|
||||
of the display frame. This is an effect of asynchronous
|
||||
parsing/loading, and you will experience the same rendering effect on a Web browser
|
||||
such as Internet Explorer 4.
|
||||
</UL>
|
||||
</TD>
|
||||
</TR>
|
||||
|
||||
<TR>
|
||||
<TD>
|
||||
<B>Example:</B>
|
||||
<P>
|
||||
<table width=80% align=center bgcolor=ffffdd cellspacing=0 cellpadding=4 rules=none bordercolor=black frame=border>
|
||||
<tr>
|
||||
<td><FONT color=navy>
|
||||
This is a start of the text and you can<BR>
|
||||
<IMG src="images/orchid.gif" width=100 height=94 align=left><BR>
|
||||
<IMG src="images/orchid.gif" width=100 height=94 align=right><BR>
|
||||
see that even though we inserted two images between the words 'can' and 'see',
|
||||
the text<BR>
|
||||
<TABLE border align=left cellpadding=3><BR>
|
||||
<code> </code><TR><TD>Floating table</TD></TR><BR>
|
||||
</TABLE><BR>
|
||||
<INPUT align=right type=button value="Floating button"><BR>
|
||||
will continue on the same line as if the images have been ignored.
|
||||
Only when a new line occurs will the images be inserted against the right and
|
||||
left margins. We've also floated a table and a form component to demonstrate
|
||||
that multiple objects can be floated. You need to be careful when using
|
||||
right margin floats if you are authoring documents for small displays.
|
||||
Rendering errors can occur if the display width becomes too narrow.
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
<P>
|
||||
</TR>
|
||||
</TD>
|
||||
|
||||
<TR>
|
||||
<TD>
|
||||
<B>Rendering:</B>
|
||||
<BR>
|
||||
<P>
|
||||
This is a start of the text and you can
|
||||
<IMG src="images/orchid.gif" width=100 height=94 align=left>
|
||||
<IMG src="images/orchid.gif" width=100 height=94 align=right>
|
||||
see that even though we inserted two images between the words 'can' and 'see',
|
||||
the text
|
||||
<TABLE border align=left cellpadding=3><TR><TD>Floating table</TD></TR></TABLE>
|
||||
<INPUT align=right type=button value="Floating button">
|
||||
will continue on the same line as if the images have been ignored.
|
||||
Only when a new line occurs will the images be inserted against the right and
|
||||
left margins. We've also floated a table and a form component to demonstrate
|
||||
that multiple objects can be floated. You need to be careful when using
|
||||
right margin floats if you are authoring documents for small displays.
|
||||
Rendering errors can occur if the display width becomes too narrow.
|
||||
<BR>
|
||||
<BR>
|
||||
</TD>
|
||||
</TR>
|
||||
|
||||
|
||||
</TABLE>
|
||||
|
||||
</BLOCKQUOTE>
|
||||
|
||||
<TABLE align=center width=50%>
|
||||
<TR>
|
||||
<TD align=center>
|
||||
<A href="../CalGuide.html">Guide Index</A> |
|
||||
<A href="../javadoc/overview-tree.html"> JavaDoc</A> |
|
||||
<A href="guide-Misc-align.html"> Previous</A> |
|
||||
<A href="guide-Prog-answers.html"> Next</A>
|
||||
</TD>
|
||||
</TR>
|
||||
</TABLE>
|
||||
|
||||
</BODY>
|
||||
</HTML>
|
||||
119
extensions/calpa/Docs/html/guide-Misc-lines.html
Normal file
119
extensions/calpa/Docs/html/guide-Misc-lines.html
Normal file
|
|
@ -0,0 +1,119 @@
|
|||
<HTML>
|
||||
<BODY bgcolor=ffffff>
|
||||
<P>
|
||||
<TABLE width=100% cellspacing=0 cellpadding=0>
|
||||
<TR>
|
||||
<TD>
|
||||
<FONT size=-1><B>CalHTMLPane v2.0 Guide</B></FONT>
|
||||
</TD>
|
||||
<TD align=right>
|
||||
<FONT size=-1><B>Example Tag Usage</B></FONT>
|
||||
</TD>
|
||||
</TR>
|
||||
</TABLE>
|
||||
<HR width=100% size=1 color=black>
|
||||
<P>
|
||||
<FONT size=+1><B>5: Misc</B></FONT>
|
||||
<P>
|
||||
<BLOCKQUOTE>
|
||||
<P>
|
||||
<B>Drawing horizontal lines</B><BR>
|
||||
<P>
|
||||
<BLOCKQUOTE>
|
||||
<TABLE width=100% border align=center bgcolor=uicontrol cellpadding=10>
|
||||
<TR>
|
||||
<TD align=center>
|
||||
The standard way to draw a horizontal line is to use the <HR> tag:
|
||||
<P>
|
||||
<table align=center bgcolor=ffffdd cellspacing=0 cellpadding=4 rules=none bordercolor=black frame=border>
|
||||
<tr>
|
||||
<td><FONT color=navy>
|
||||
<HR width=100%></FONT>
|
||||
</td></tr></table>
|
||||
<HR width=100%>
|
||||
|
||||
<P><BR>
|
||||
In a CalHTMLPane this tag can also take a color argument:
|
||||
<P><table bgcolor=ffffdd cellspacing=0 cellpadding=4 rules=none bordercolor=black frame=border>
|
||||
<tr>
|
||||
<td><FONT color=navy>
|
||||
<HR width=100% color=green size=1></FONT>
|
||||
</td></tr></table>
|
||||
<HR width=100% color=green size=1>
|
||||
|
||||
<P><BR>
|
||||
The <HR> tag line-breaks and creates automatic spacing. However this is
|
||||
not always desired, and in such cases the <TABLE> tag can be used to
|
||||
create lines. We draw two such lines below to show that no space is created
|
||||
between successive lines.
|
||||
<P><table bgcolor=ffffdd cellspacing=0 cellpadding=4 rules=none bordercolor=black frame=border>
|
||||
<tr>
|
||||
<td><FONT color=navy>
|
||||
<TABLE width=100% bgcolor=blue cellspacing=0 border=0 cellpadding=1><BR>
|
||||
<code> </code><TR><TD></TD></TR><BR>
|
||||
</TABLE><BR>
|
||||
<TABLE width=50% bgcolor=yellow cellspacing=0 border=0 cellpadding=1><BR>
|
||||
<code> </code><TR><TD></TD></TR><BR>
|
||||
</TABLE>
|
||||
</FONT>
|
||||
</td></tr></table>
|
||||
<P>
|
||||
<table width=100% border=0 cellspacing=0 cellpadding=1 bgcolor=blue>
|
||||
<tr><td></td></tr>
|
||||
</table>
|
||||
<table width=50% border=0 cellspacing=0 cellpadding=1 bgcolor=yellow>
|
||||
<tr><td></td></tr>
|
||||
</table>
|
||||
|
||||
<P><BR>
|
||||
Lines drawn using the <TABLE> tag can be inset:
|
||||
<P><table bgcolor=ffffdd cellspacing=0 cellpadding=4 rules=none bordercolor=black frame=border>
|
||||
<tr>
|
||||
<td><FONT color=navy>
|
||||
<TABLE width=100% frame=none cellspacing=0 cellpadding=0 rules=all><BR>
|
||||
<code> </code><TR><TD></TD></TR><BR>
|
||||
</TABLE><BR>
|
||||
</FONT>
|
||||
</td></tr></table>
|
||||
<P>
|
||||
<table width=100% frame=none cellspacing=0 cellpadding=0 rules=all>
|
||||
<tr><td></td></tr>
|
||||
</table>
|
||||
|
||||
<P><BR>
|
||||
...or by reversing the cell border colors, a raised line can be drawn:
|
||||
<P><table bgcolor=ffffdd cellspacing=0 cellpadding=4 rules=none bordercolor=black frame=border>
|
||||
<tr>
|
||||
<td><FONT color=navy>
|
||||
<TABLE width=100% frame=none cellspacing=0 cellpadding=0 rules=all><BR>
|
||||
<code> </code><TR><TD bordercolorlight=uishadow bordercolordark=uicontrol></TD></TR><BR>
|
||||
</TABLE><BR>
|
||||
</FONT>
|
||||
</td></tr></table>
|
||||
<P>
|
||||
<table width=100% frame=none cellspacing=0 cellpadding=0 rules=all>
|
||||
<tr><td bordercolorlight=uishadow bordercolordark=uihighlight></td></tr>
|
||||
</table>
|
||||
|
||||
<BR>
|
||||
</TD>
|
||||
</TR>
|
||||
|
||||
|
||||
</TABLE>
|
||||
</BLOCKQUOTE>
|
||||
</BLOCKQUOTE>
|
||||
|
||||
<TABLE align=center width=50%>
|
||||
<TR>
|
||||
<TD align=center>
|
||||
<A href="../CalGuide.html">Guide Index</A> |
|
||||
<A href="../javadoc/overview-tree.html"> JavaDoc</A> |
|
||||
<A href="guide-Misc-colornames.html"> Previous</A> |
|
||||
<A href="guide-Misc-align.html"> Next</A>
|
||||
</TD>
|
||||
</TR>
|
||||
</TABLE>
|
||||
|
||||
</BODY>
|
||||
</HTML>
|
||||
103
extensions/calpa/Docs/html/guide-Prog-answers.html
Normal file
103
extensions/calpa/Docs/html/guide-Prog-answers.html
Normal file
|
|
@ -0,0 +1,103 @@
|
|||
<HTML>
|
||||
<BODY bgcolor=ffffff>
|
||||
<A name=top>
|
||||
<TABLE width=100% cellspacing=0 cellpadding=0>
|
||||
<TR>
|
||||
<TD>
|
||||
<FONT size=-1><B>CalHTMLPane v2.0 Guide</B></FONT>
|
||||
</TD>
|
||||
<TD align=right>
|
||||
<FONT size=-1><B>Programming Answers</B></FONT>
|
||||
</TD>
|
||||
</TR>
|
||||
</TABLE>
|
||||
<HR width=100% size=1 color=black>
|
||||
|
||||
<H2 align=center>Programming Answers</H2>
|
||||
<BLOCKQUOTE>
|
||||
|
||||
<P>
|
||||
<HR>
|
||||
<P>
|
||||
<A name="1"><B>1. I don't want hyperlinks to be marked as visited and I can't see
|
||||
a method in CalHTMLPreferences to turn this feature off.</FONT></B>
|
||||
<P>
|
||||
The easiest way to turn this off is simply to set the default color of
|
||||
visited links to that of unvisited links. You can do this through a
|
||||
method in CalHTMLPreferences.
|
||||
|
||||
So your code will look something like this:
|
||||
<pre>
|
||||
CalHTMLPreferences pref = new CalHTMLPreferences();
|
||||
pref.setDefaultColor(CalCons.A_VLINK, pref.getDefaultColor(CalCons.A_LINK));
|
||||
CalHTMLPane pane = new CalHTMLPane(pref, null, null);
|
||||
</pre>
|
||||
|
||||
<BR>
|
||||
<A name="2"><B>2. CalPane uses THREEDEE style form components as default. I'd like
|
||||
to have LOOKANDFEEL components as default. How do I do this?</B></A>
|
||||
<P>
|
||||
You can make all components render in the current Look And Feel by
|
||||
setting a property in CalHTMLPreferences:
|
||||
<pre>
|
||||
CalHTMLPreferences pref = new CalHTMLPreferences();
|
||||
pref.setFormRenderingStyle(CalCons.USE_LOOK_AND_FEEL);
|
||||
CalHTMLPane pane = new CalHTMLPane(pref, null, null);
|
||||
</pre>
|
||||
<BR>
|
||||
<A name="3"><B>3. Is it possible to do something like hyperlink-hover which you see in
|
||||
some help systems?</B>
|
||||
<P>
|
||||
Yes, there's a method in CalHTMLPreferences that enables you to do this:
|
||||
<pre>
|
||||
CalHTMLPreferences pref = new CalHTMLPreferences();
|
||||
pref.setShowHyperlinkOnMouseFocus(true);
|
||||
CalHTMLPane pane = new CalHTMLPane(pref, null, null);
|
||||
</pre>
|
||||
<BR>
|
||||
<A name="4"><B>4. I'm including some form components in a table. Each component is
|
||||
in its own table cell and the cell has got a border. I want the component to fill the cell,
|
||||
but there's always a gap above it. How can I get rid of this? </B></A>
|
||||
<P>
|
||||
Change the alignment of the form component to something other than its default, which is a few
|
||||
pixels below the text baseline. For example:
|
||||
<P>
|
||||
<TD><INPUT type=text align=top></TD>
|
||||
<P>
|
||||
<BR>
|
||||
<A name="5"><B>5. I've got a document which has many form controls, each of which has its
|
||||
own id. I get the the CalPane to load this document and then I call the getIDComponents()
|
||||
method to access the components. However the Hashtable returned from this call is empty.
|
||||
Here's my code:</B>
|
||||
|
||||
<pre>
|
||||
pane.showHTMLDocument(url);
|
||||
pane.getIDComponents(null);
|
||||
</pre>
|
||||
|
||||
The CalPane will load the document <EM>asynchronously</EM>, so the showHTMLDocument() method will return
|
||||
immediately, and you are consequently making the call to get the components before they
|
||||
have been created. You need to ensure that the document has loaded before you try and get the components. You can
|
||||
either do this by using CalHTMLObserver callbacks to monitor document loading, or you can force
|
||||
the document to load synchronously with the setLoadSynchronously() method like this:
|
||||
|
||||
<pre>
|
||||
pane.setLoadSynchronously(true);
|
||||
pane.showHTMLDocument(url);
|
||||
pane.setLoadSynchronously(false);
|
||||
pane.getIDComponents(null);
|
||||
</pre>
|
||||
|
||||
<TABLE align=center width=50%>
|
||||
<TR>
|
||||
<TD align=center>
|
||||
<A href="../CalGuide.html">Guide Index</A> |
|
||||
<A href="../javadoc/overview-tree.html"> JavaDoc</A> |
|
||||
<A href="guide-Misc-float.html"> Previous</A> |
|
||||
<A href="guide-Tables-background.html"> Next</A>
|
||||
</TD>
|
||||
</TR>
|
||||
</TABLE>
|
||||
|
||||
</BODY>
|
||||
</HTML>
|
||||
133
extensions/calpa/Docs/html/guide-Tables-background.html
Normal file
133
extensions/calpa/Docs/html/guide-Tables-background.html
Normal file
|
|
@ -0,0 +1,133 @@
|
|||
<HTML>
|
||||
<BODY bgcolor=ffffff>
|
||||
<P>
|
||||
<TABLE width=100% cellspacing=0 cellpadding=0>
|
||||
<TR>
|
||||
<TD>
|
||||
<FONT size=-1><B>CalHTMLPane v2.0 Guide</B></FONT>
|
||||
</TD>
|
||||
<TD align=right>
|
||||
<FONT size=-1><B>Example Tag Usage</B></FONT>
|
||||
</TD>
|
||||
</TR>
|
||||
</TABLE>
|
||||
<HR width=100% size=1 color=black>
|
||||
<P>
|
||||
<FONT size=+1><B>1: Tables</B></FONT>
|
||||
<P>
|
||||
<BLOCKQUOTE>
|
||||
<P>
|
||||
<B>Attr: bgcolor</B>
|
||||
<P>
|
||||
<BLOCKQUOTE>
|
||||
<TABLE border width=100% cellpadding=6 align=center>
|
||||
|
||||
<TR>
|
||||
<TD>
|
||||
<B>Use Within:</B><BR>
|
||||
<TABLE> <THEAD>, <TBODY>, <TFOOT>,
|
||||
<TR>, <COLGROUP>, <COL>, <TH>, and <TD>
|
||||
</TD>
|
||||
</TR>
|
||||
|
||||
<TR>
|
||||
<TD>
|
||||
<B>Arguments:</B> A hexidecimal color code or default color name.<BR>
|
||||
(e.g. bgcolor=4488AA, bgcolor=silver)
|
||||
</TD>
|
||||
</TR>
|
||||
|
||||
<TR>
|
||||
<TD>
|
||||
<B>Synopsis:</B><BR>
|
||||
Sets the background color of a table, table row, table cell etc.
|
||||
<P>
|
||||
When used within the <TABLE> tag, Netscape Navigator applies the
|
||||
specified color only to the <TD/TH> elements within the table - any
|
||||
border areas produced with the <B>cellspacing</B> attribute remain in the
|
||||
background color of the table's parent (either the document itself or perhaps
|
||||
a parent <TD/TH> element). Internet Explorer however renders
|
||||
<EM>all</EM> of the table in the specified background color.
|
||||
<P>
|
||||
The CalPane follows Explorer in this respect, except
|
||||
the Pane uses computed colors for any highlight and shadow lines in the table.
|
||||
</TD>
|
||||
</TR>
|
||||
|
||||
<TR>
|
||||
<TD>
|
||||
<B>Example:</B>
|
||||
<P>
|
||||
<table align=center bgcolor=ffffdd cellspacing=0 cellpadding=4 rules=none bordercolor=black frame=border>
|
||||
<tr>
|
||||
<td><FONT color=navy>
|
||||
<TABLE border=1 cellspacing=3 cellpadding=2 bgcolor=mediumaquamarine><BR>
|
||||
<code> </code><TR><TD> Background Test
|
||||
</TD></TR><BR>
|
||||
</TABLE></FONT>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
<P>
|
||||
</TR>
|
||||
</TD>
|
||||
|
||||
<TR>
|
||||
<TD>
|
||||
<B>Rendering:</B>
|
||||
<table align=center cellspacing=6>
|
||||
<tr align=center><th><FONT size=-1 face=helvetica>Navigator</FONT></th>
|
||||
<th> </th><th><FONT size=-1 face=helvetica>Explorer</FONT></th>
|
||||
<th> </th><th><FONT size=-1 face=helvetica>CalPane</FONT></th>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<table border cellspacing=3 cellpadding=2>
|
||||
<tr><td bgcolor=mediumaquamarine>Background test</td></tr>
|
||||
</table>
|
||||
</td>
|
||||
<td><code> </code></td>
|
||||
<td>
|
||||
<table border cellspacing=3 cellpadding=2 bgcolor=mediumaquamarine
|
||||
bordercolorlight=c0c0c0 bordercolordark=808080><tr><td>Background test</td></tr></table>
|
||||
</td>
|
||||
<td><code> </code></td>
|
||||
<td>
|
||||
<table border bgcolor=mediumaquamarine cellspacing=3 cellpadding=2><tr><td>Background test</td></tr></table>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</TD>
|
||||
</TR>
|
||||
|
||||
<TR>
|
||||
<TD>
|
||||
<B>Implementation Notes:</B><BR>
|
||||
<UL>
|
||||
<LI>Some document authors who do not test their pages across multiple browsers
|
||||
assume all table rendering is identical to Navigator. They therefore often
|
||||
remove the border from a table similar to the one above in order to get
|
||||
'empty space' around the TD element. They then proceed to align text and
|
||||
images alongside the table, not realising that when such markup is viewed on a browser such
|
||||
as Explorer no such 'empty space' exists. This leaves the text and images
|
||||
completely flush to the table making the document seem poorly formatted.
|
||||
</TD>
|
||||
</TR>
|
||||
|
||||
</TABLE>
|
||||
</BLOCKQUOTE>
|
||||
</BLOCKQUOTE>
|
||||
|
||||
<TABLE align=center width=50%>
|
||||
<TR>
|
||||
<TD align=center>
|
||||
<A href="../CalGuide.html">Guide Index</A> |
|
||||
<A href="../javadoc/overview-tree.html"> JavaDoc</A> |
|
||||
<A href="../../README.txt"> Previous</A> |
|
||||
<A href="guide-Tables-borders.html"> Next</A>
|
||||
</TD>
|
||||
</TR>
|
||||
</TABLE>
|
||||
|
||||
</BODY>
|
||||
</HTML>
|
||||
107
extensions/calpa/Docs/html/guide-Tables-bordercolors.html
Normal file
107
extensions/calpa/Docs/html/guide-Tables-bordercolors.html
Normal file
|
|
@ -0,0 +1,107 @@
|
|||
<HTML>
|
||||
<BODY bgcolor=ffffff>
|
||||
<P>
|
||||
<TABLE width=100% cellspacing=0 cellpadding=0>
|
||||
<TR>
|
||||
<TD>
|
||||
<FONT size=-1><B>CalHTMLPane v2.0 Guide</B></FONT>
|
||||
</TD>
|
||||
<TD align=right>
|
||||
<FONT size=-1><B>Example Tag Usage</B></FONT>
|
||||
</TD>
|
||||
</TR>
|
||||
</TABLE>
|
||||
<HR width=100% size=1 color=black>
|
||||
<P>
|
||||
<FONT size=+1><B>1: Tables</B></FONT>
|
||||
<P>
|
||||
<BLOCKQUOTE>
|
||||
<P>
|
||||
<B>Attr: bordercolor</B><BR>
|
||||
<B>Attr: bordercolorlight</B><BR>
|
||||
<B>Attr: bordercolordark</B>
|
||||
<P>
|
||||
<BLOCKQUOTE>
|
||||
<TABLE border cellpadding=6 align=center>
|
||||
|
||||
<TR>
|
||||
<TD>
|
||||
<B>Use Within:</B><BR>
|
||||
<TABLE> <THEAD>, <TBODY>, <TFOOT>,
|
||||
<TR>, <COLGROUP>, <COL>, <TH>, and <TD>
|
||||
</TD>
|
||||
</TR>
|
||||
|
||||
|
||||
<TR>
|
||||
<TD>
|
||||
<B>Arguments:</B> A hexidecimal color code or default color name<BR>
|
||||
e.g. bordercolorlight="#4444dd" bordercolordark=navy
|
||||
</TD>
|
||||
</TR>
|
||||
|
||||
<TR>
|
||||
<TD>
|
||||
<B>Synopsis:</B><BR>Set the highlight color of table borders and rules
|
||||
with <B>bordercolorlight</B>.
|
||||
<P>Set the shadow color with <B>bordercolordark</B>.
|
||||
<P>For single-color borders and rules use <B>bordercolor</B>.
|
||||
</TD>
|
||||
</TR>
|
||||
|
||||
<TR>
|
||||
<TD>
|
||||
<B>Example:</B>
|
||||
<P>
|
||||
<table align=center bgcolor=ffffdd cellspacing=0 cellpadding=4 rules=none bordercolor=black frame=border>
|
||||
<tr>
|
||||
<td><FONT color=navy>
|
||||
<TABLE border=3 cellspacing=3 cellpadding=5 bgcolor=aaccdd><BR>
|
||||
<code> </code><TR><BR>
|
||||
<code> </code><TD bordercolor=red> Red border
|
||||
</TD><BR>
|
||||
<code> </code><TD bordercolorlight=yellow bordercolordark=blue><BR>
|
||||
<code> </code> Blue shadow
|
||||
<BR> Yellow highlight <BR>
|
||||
<code> </code></TD><BR>
|
||||
<code> </code></TR><BR>
|
||||
</TABLE></FONT>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
<P>
|
||||
</TR>
|
||||
</TD>
|
||||
|
||||
<TR>
|
||||
<TD>
|
||||
<B>Rendering:</B>
|
||||
<BR>
|
||||
<table align=center border=3 cellspacing=3 cellpadding=5 bgcolor=aaccdd>
|
||||
<tr><td bordercolor=red>Red border</td>
|
||||
<td bordercolorlight=yellow bordercolordark=blue>
|
||||
Blue shadow <BR> Yellow highlight </td>
|
||||
</tr>
|
||||
</table>
|
||||
<br>
|
||||
</TD>
|
||||
</TR>
|
||||
|
||||
|
||||
</TABLE>
|
||||
</BLOCKQUOTE>
|
||||
</BLOCKQUOTE>
|
||||
|
||||
<TABLE align=center width=50%>
|
||||
<TR>
|
||||
<TD align=center>
|
||||
<A href="../CalGuide.html">Guide Index</A> |
|
||||
<A href="../javadoc/overview-tree.html"> JavaDoc</A> |
|
||||
<A href="guide-Tables-borders.html"> Previous</A> |
|
||||
<A href="guide-Tables-widths.html"> Next</A>
|
||||
</TD>
|
||||
</TR>
|
||||
</TABLE>
|
||||
|
||||
</BODY>
|
||||
</HTML>
|
||||
174
extensions/calpa/Docs/html/guide-Tables-borders.html
Normal file
174
extensions/calpa/Docs/html/guide-Tables-borders.html
Normal file
|
|
@ -0,0 +1,174 @@
|
|||
<HTML>
|
||||
<BODY bgcolor=ffffff>
|
||||
<P>
|
||||
<TABLE width=100% cellspacing=0 cellpadding=0>
|
||||
<TR>
|
||||
<TD>
|
||||
<FONT size=-1><B>CalHTMLPane v2.0 Guide</B></FONT>
|
||||
</TD>
|
||||
<TD align=right>
|
||||
<FONT size=-1><B>Example Tag Usage</B></FONT>
|
||||
</TD>
|
||||
</TR>
|
||||
</TABLE>
|
||||
<HR width=100% size=1 color=black>
|
||||
<P>
|
||||
<FONT size=+1><B>1: Tables</B></FONT>
|
||||
<P>
|
||||
<BLOCKQUOTE>
|
||||
<P>
|
||||
<B>Attr: frame</B><BR>
|
||||
<B>Attr: border</B><BR>
|
||||
<B>Attr: rules</B><BR>
|
||||
|
||||
<P>
|
||||
<BLOCKQUOTE>
|
||||
<TABLE border cellpadding=6 align=center>
|
||||
|
||||
<TR>
|
||||
<TD>
|
||||
<B>Use Within:</B><BR>
|
||||
<TABLE>
|
||||
</TD>
|
||||
</TR>
|
||||
|
||||
|
||||
|
||||
<TR>
|
||||
<TD>
|
||||
<B>Arguments:</B><BR>
|
||||
<B>frame:</B> void | border | box |
|
||||
hsides | vsides | above | below | lhs | rhs <BR>
|
||||
<B>border:</B> A number >=0 or no argument<BR>
|
||||
<B>rules:</B> none | groups | cols |
|
||||
rows | all <BR>
|
||||
|
||||
|
||||
</TD>
|
||||
</TR>
|
||||
|
||||
<TR>
|
||||
<TD>
|
||||
<B>Synopsis:</B><BR>The <B>border</B> attribute specifies the thickness of any
|
||||
border to be drawn around a table.
|
||||
<P>The <B>frame</B> attribute determines which sides of the table any border
|
||||
should be drawn.
|
||||
<P>The <B>rules</B> attribute determines how lines between table cells are
|
||||
drawn.
|
||||
|
||||
<P>
|
||||
<UL>
|
||||
<LI>"border=0" is equivalent to "frame=void"<BR>
|
||||
<LI>"frame=border" is equivalent to "frame=box"<BR>
|
||||
<LI>"border" with no argument is now deprecated but backward compatibility
|
||||
requires a rendering equivalent to: "frame=border" "border=1" "rules=all"
|
||||
<P>
|
||||
</TD>
|
||||
</TR>
|
||||
|
||||
<TR>
|
||||
<TD>
|
||||
<B>Example 1:</B>
|
||||
<P>
|
||||
<table align=center bgcolor=ffffdd cellspacing=0 cellpadding=4 rules=none bordercolor=black frame=border>
|
||||
<tr>
|
||||
<td><FONT color=navy>
|
||||
<TABLE cellspacing=2 cellpadding=2 border=2 frame=hsides <BR>bordercolor=maroon rules=none><BR>
|
||||
<code> </code><TR><BR>
|
||||
<code> </code><TD> Frequently Asked Questions
|
||||
</TD><BR>
|
||||
<code> </code></TR><BR>
|
||||
</TABLE></FONT>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
<P>
|
||||
</TR>
|
||||
</TD>
|
||||
|
||||
<TR><TD>
|
||||
<B>Rendering:</B>
|
||||
<BR>
|
||||
<table align=center cellspacing=2 cellpadding=2 border=2 frame=hsides
|
||||
bordercolor=maroon rules=none>
|
||||
<tr><td>Frequently Asked Questions</td></tr>
|
||||
</table>
|
||||
<BR>
|
||||
</TD></TR>
|
||||
|
||||
<TR>
|
||||
<TD>
|
||||
<B>Example 2:</B>
|
||||
<P>
|
||||
<table align=center bgcolor=ffffdd cellspacing=0 cellpadding=4 rules=none bordercolor=black frame=border>
|
||||
<tr>
|
||||
<td><FONT color=navy>
|
||||
|
||||
<TABLE width=250 rules=groups bgcolor=plum border=3 <BR>
|
||||
frame=box cellspacing=0><BR>
|
||||
<COLGROUP span=1 align=center></COLGROUP><BR>
|
||||
<COLGROUP span=2 align=center></COLGROUP><BR>
|
||||
<COLGROUP span=1 align=center></COLGROUP><BR>
|
||||
<THEAD><BR>
|
||||
<code> </code><TR><TD colspan=4 align=center><B>Junior Attendees</B></TD></TR><BR>
|
||||
</THEAD><BR>
|
||||
<TBODY><BR>
|
||||
<code> </code><TR><TH></TH><TH>Boys</TH><TH>Girls</TH><TH>Total</TH></TR><BR>
|
||||
</TBODY><BR>
|
||||
<TBODY><BR>
|
||||
<code> </code><TR><TH>1997</TH><TD>16</TD><TD>18</TD><TD>34</TD></TR><BR>
|
||||
<code> </code><TR><TH>1997</TH><TD>22</TD><TD>31</TD><TD>53</TD></TR><BR>
|
||||
</TBODY><BR>
|
||||
<TBODY><BR>
|
||||
<code> </code><TR><TH>Total</TH><TD>38</TD><TD>49</TD><TD>87</TD></TR><BR>
|
||||
</TBODY><BR>
|
||||
</TABLE></FONT>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
<P>
|
||||
|
||||
|
||||
<TR><TD>
|
||||
<B>Rendering:</B>
|
||||
<BR>
|
||||
<table width=250 align=center rules=groups bgcolor=plum border=3
|
||||
frame=box cellspacing=0>
|
||||
<colgroup span=1 align=center></colgroup>
|
||||
<colgroup span=2 align=center></colgroup>
|
||||
<colgroup span=1 align=center></colgroup>
|
||||
<thead>
|
||||
<tr><td colspan=4 align=center><B>Junior Attendees</B></td></tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr><th></th><th>Boys</th><th>Girls</th><th>Total</th></tr>
|
||||
</tbody>
|
||||
<tbody>
|
||||
<tr><th>1997</th><td>16</td><td>18</td><td>34</td></tr>
|
||||
<tr><th>1998</th><td>22</td><td>31</td><td>53</td></tr>
|
||||
</tbody>
|
||||
<tbody>
|
||||
<tr><th>Total</th><td>38</td><td>49</td><td>87</td></tr>
|
||||
</tbody>
|
||||
</table>
|
||||
<br>
|
||||
</TD>
|
||||
</TR>
|
||||
|
||||
</TABLE>
|
||||
</BLOCKQUOTE>
|
||||
</BLOCKQUOTE>
|
||||
|
||||
<TABLE align=center width=50%>
|
||||
<TR>
|
||||
<TD align=center>
|
||||
<A href="../CalGuide.html">Guide Index</A> |
|
||||
<A href="../javadoc/overview-tree.html"> JavaDoc</A> |
|
||||
<A href="guide-Tables-background.html"> Previous</A> |
|
||||
<A href="guide-Tables-bordercolors.html"> Next</A>
|
||||
</TD>
|
||||
</TR>
|
||||
</TABLE>
|
||||
|
||||
</BODY>
|
||||
</HTML>
|
||||
104
extensions/calpa/Docs/html/guide-Tables-widths.html
Normal file
104
extensions/calpa/Docs/html/guide-Tables-widths.html
Normal file
|
|
@ -0,0 +1,104 @@
|
|||
<HTML>
|
||||
<BODY bgcolor=ffffff>
|
||||
<P>
|
||||
<TABLE width=100% cellspacing=0 cellpadding=0>
|
||||
<TR>
|
||||
<TD>
|
||||
<FONT size=-1><B>CalHTMLPane v2.0 Guide</B></FONT>
|
||||
</TD>
|
||||
<TD align=right>
|
||||
<FONT size=-1><B>Example Tag Usage</B></FONT>
|
||||
</TD>
|
||||
</TR>
|
||||
</TABLE>
|
||||
<HR width=100% size=1 color=black>
|
||||
<P>
|
||||
<FONT size=+1><B>1: Tables</B></FONT>
|
||||
<P>
|
||||
<BLOCKQUOTE>
|
||||
<P>
|
||||
<B>Column widths</B><BR>
|
||||
|
||||
<P>
|
||||
<TABLE border cellpadding=6 align=center>
|
||||
<TR>
|
||||
<TD>
|
||||
<B>Synopsis:</B><BR>
|
||||
Table column widths can be expressed in absolute, percentage, or relative
|
||||
form. See HTML4.0 spec for details.
|
||||
</TD>
|
||||
</TR>
|
||||
|
||||
<TR>
|
||||
<TD>
|
||||
<B>Example:</B>
|
||||
<P>
|
||||
<table align=center bgcolor=ffffdd cellspacing=0 cellpadding=4 rules=none bordercolor=black frame=border>
|
||||
<tr>
|
||||
<td><FONT color=navy>
|
||||
|
||||
<TABLE border=1 width=100% align=center cellpadding=2 bgcolor=sandybrown><BR>
|
||||
<code> </code><COLGROUP align=center><BR>
|
||||
<code> </code><COL width=100><BR>
|
||||
<code> </code><COL width=10%><BR>
|
||||
<code> </code><COL width=0*><BR>
|
||||
<code> </code><COL span=3 width=*><BR>
|
||||
<code> </code><COL width=2*><BR>
|
||||
<code> </code></COLGROUP><BR>
|
||||
<code> </code><TR><BR>
|
||||
<code> </code><TD>100 Pixels</TD><TD>10%</TD><TD>0*</TD><BR>
|
||||
<code> </code><TD>1*</TD><TD>1*</TD><TD>1*</TD><TD>2*</TD><BR>
|
||||
<code> </code></TR><BR>
|
||||
</TABLE><BR>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
<P>
|
||||
|
||||
|
||||
<TR><TD>
|
||||
<B>Rendering:</B>
|
||||
<P>
|
||||
<table border=1 width=100% align=center cellpadding=2 bgcolor=sandybrown>
|
||||
<colgroup align=center>
|
||||
<col width=100>
|
||||
<col width=10%>
|
||||
<col width=0*>
|
||||
<col span=3 width=*>
|
||||
<col width=2*>
|
||||
</colgroup>
|
||||
<tr>
|
||||
<td>100 Pixels</td><td>10%</td><td>0*</td>
|
||||
<td>1*</td><td>1*</td><td>1*</td><td>2*</td>
|
||||
</tr>
|
||||
</table>
|
||||
<blockquote>
|
||||
Column 1 requests an absolute width of 100 pixels<BR>
|
||||
Column 2 requests 10% of available width<BR>
|
||||
Column 3 requests that it always be set to its minimum width<BR>
|
||||
Columns 4-7 request proportions of the remaining width
|
||||
<LI>Columns 4, 5 and 6 each request one portion of the remainder
|
||||
<LI>Column 7 requests two portions of the remainder
|
||||
|
||||
<P>Note that the eventual apportionment of widths to each column depends
|
||||
very much on the amount of space available to the table.
|
||||
</blockquote>
|
||||
</TD>
|
||||
</TR>
|
||||
|
||||
</TABLE>
|
||||
</BLOCKQUOTE>
|
||||
|
||||
<TABLE align=center width=50%>
|
||||
<TR>
|
||||
<TD align=center>
|
||||
<A href="../CalGuide.html">Guide Index</A> |
|
||||
<A href="../javadoc/overview-tree.html"> JavaDoc</A> |
|
||||
<A href="guide-Tables-bordercolors.html"> Previous</A> |
|
||||
<A href="guide-Forms-style.html"> Next</A>
|
||||
</TD>
|
||||
</TR>
|
||||
</TABLE>
|
||||
|
||||
</BODY>
|
||||
</HTML>
|
||||
BIN
extensions/calpa/Docs/html/images/bill.gif
Normal file
BIN
extensions/calpa/Docs/html/images/bill.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 4.6 KiB |
BIN
extensions/calpa/Docs/html/images/flash.gif
Normal file
BIN
extensions/calpa/Docs/html/images/flash.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.7 KiB |
BIN
extensions/calpa/Docs/html/images/gift.gif
Normal file
BIN
extensions/calpa/Docs/html/images/gift.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.3 KiB |
BIN
extensions/calpa/Docs/html/images/map.gif
Normal file
BIN
extensions/calpa/Docs/html/images/map.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.3 KiB |
BIN
extensions/calpa/Docs/html/images/orchid.gif
Normal file
BIN
extensions/calpa/Docs/html/images/orchid.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 7.4 KiB |
BIN
extensions/calpa/Docs/html/images/phone.gif
Normal file
BIN
extensions/calpa/Docs/html/images/phone.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 916 B |
BIN
extensions/calpa/Docs/html/images/scott.gif
Normal file
BIN
extensions/calpa/Docs/html/images/scott.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 3.3 KiB |
8
extensions/calpa/Docs/html/mapcircle.html
Normal file
8
extensions/calpa/Docs/html/mapcircle.html
Normal file
|
|
@ -0,0 +1,8 @@
|
|||
<HTML>
|
||||
<BODY>
|
||||
<CENTER>
|
||||
<H3 align=center>Circle Link</H3>
|
||||
You clicked within the circle
|
||||
</CENTER>
|
||||
</BODY>
|
||||
</HTML>
|
||||
8
extensions/calpa/Docs/html/maprect.html
Normal file
8
extensions/calpa/Docs/html/maprect.html
Normal file
|
|
@ -0,0 +1,8 @@
|
|||
<HTML>
|
||||
<BODY>
|
||||
<DIV align=left>
|
||||
<H3>Rectangle Link</H3>
|
||||
You clicked within the rectangle
|
||||
</DIV>
|
||||
</BODY>
|
||||
</HTML>
|
||||
8
extensions/calpa/Docs/html/maptriangle.html
Normal file
8
extensions/calpa/Docs/html/maptriangle.html
Normal file
|
|
@ -0,0 +1,8 @@
|
|||
<HTML>
|
||||
<BODY>
|
||||
<DIV align=right>
|
||||
<H3>Triangle Link</H3>
|
||||
You clicked within the triangle
|
||||
</DIV>
|
||||
</BODY>
|
||||
</HTML>
|
||||
34
extensions/calpa/Docs/html/newsflash.html
Normal file
34
extensions/calpa/Docs/html/newsflash.html
Normal file
|
|
@ -0,0 +1,34 @@
|
|||
<HTML>
|
||||
<BODY bgcolor=ffffff>
|
||||
<BR>
|
||||
<TABLE align=center cellspacing=1><TR>
|
||||
<TD><IMG src="images/scott.gif" width=60 height=65></TD>
|
||||
<TD> </TD>
|
||||
<TD align=center><IMG src="images/flash.gif" width=121 height=17></TD>
|
||||
<TD> </TD>
|
||||
<TD align=right><IMG src="images/bill.gif" width=60 height=65></TD>
|
||||
</TR>
|
||||
</TABLE>
|
||||
<xH3 align=center><xFONT color=red><xI><x/I><x/FONT><x/H3>
|
||||
<H2 align=center>Gates and McNealy accused of collusion</H2>
|
||||
|
||||
<BLOCKQUOTE>
|
||||
<P><FONT size=-1>Washington Tues 9th 2001: The computer world was left reeling today as
|
||||
sensational evidence emerged that Sun Microsysytems chief Scott McNealy and
|
||||
Microsoft chairman William H. Gates had agreed almost ten years ago on a
|
||||
strategy that would leave them in complete dominance of the computer software
|
||||
marketplace.
|
||||
|
||||
<P>Former Microsoft vice-president Ima Lyer claims he has 'irrefutable evidence'
|
||||
that the two industry giants have been hoodwinking both politicians
|
||||
and public for the past decade. In a written statement released by his legal
|
||||
advisors to the press this morning, Lyer gives a detailed account of how
|
||||
'Operation JAVA' was formulated by Gates and McNealy to remove all but minor
|
||||
competition in the software industry.<BR>
|
||||
(More details to follow)
|
||||
|
||||
<P><A href=newsflash2.html>Next news</A>
|
||||
</FONT>
|
||||
</BLOCKQUOTE>
|
||||
</BODY>
|
||||
</HTML>
|
||||
23
extensions/calpa/Docs/html/newsflash2.html
Normal file
23
extensions/calpa/Docs/html/newsflash2.html
Normal file
|
|
@ -0,0 +1,23 @@
|
|||
<HTML>
|
||||
<BODY bgcolor=ffffff>
|
||||
<BR>
|
||||
<P align=center>
|
||||
<IMG src="images/flash.gif" width=121 height=17>
|
||||
<H2 align=center>Former Microsoft vice-president retracts collusion claims</H2>
|
||||
|
||||
<BLOCKQUOTE>
|
||||
<P><FONT size=-1>Washington Tues 9th 2001: Former Microsoft executive
|
||||
Ima Lyer this afternoon surprisingly retracted his earlier claims that Microsoft
|
||||
chairman William Gates and Sun Microsytems chief Scott McNealy conspired
|
||||
to create a duopoly within the software marketplace.
|
||||
|
||||
<P>Speaking from the footsteps of his new $25 million private jet which was about
|
||||
to whisk him away to his new luxury island retreat in the Caribbean, Mr. Lyer
|
||||
said that he had been overworking recently and this had led him to make
|
||||
"spurious and unsupportable claims" about the two industry leaders.
|
||||
|
||||
<P><A href=newsflash.html>Earlier news</A>
|
||||
</FONT>
|
||||
</BLOCKQUOTE>
|
||||
</BODY>
|
||||
</HTML>
|
||||
36
extensions/calpa/Docs/html/techupdate.html
Normal file
36
extensions/calpa/Docs/html/techupdate.html
Normal file
|
|
@ -0,0 +1,36 @@
|
|||
<HTML>
|
||||
<BODY bgcolor=ffffff>
|
||||
<BLOCKQUOTE>
|
||||
<H3 align=center><FONT color=red><I>TECH NEWS</I></FONT></H3>
|
||||
<H2 align=center>Sun claims HotSpot JIT 'almost ready'</H2>
|
||||
|
||||
|
||||
<P><FONT size=-1>Palo Alto Tues 9th 2001: In a presentation to assembled
|
||||
computer journalists this morning, Sun Microsystems executives announced
|
||||
that the eagerly-awaited HotSpot Just-In-Time compiler was on the verge of
|
||||
being released.
|
||||
<P>
|
||||
"There are just a few last minute problems to clear and then we'll be
|
||||
shipping," said a confident Dan Pinocchio, leader of the HotSpot design team.
|
||||
<P>
|
||||
Details also emerged of the hardware that will be required to run the HotSpot
|
||||
package, which Sun officials claim will enable Java applications to run at up
|
||||
to ten times their normal speed.
|
||||
<P>
|
||||
"You can run HotSpot on a 500Mhz PIII, but you won't see much of a boost,"
|
||||
Pinocchio explained. "We've found the best performance uplift comes when you
|
||||
combine HotSpot with one of the new Cray XMP6 PC accelerator cards. Okay,
|
||||
they cost $25,000, but you should see Java fly...".
|
||||
<P>
|
||||
Asked to be a little more specific about a release date, marketing
|
||||
vice-president Jerry Vaporware wasn't going to pinned down:
|
||||
<P>
|
||||
"I'm not going to make any promises," he told the packed press room. "Our
|
||||
developers have waited a long time for this and we want to get it right. A
|
||||
few more ye...excuse me...weeks won't hurt."
|
||||
|
||||
<P><A href=newsflash.html>Latest news</A>
|
||||
</FONT>
|
||||
</BLOCKQUOTE>
|
||||
</BODY>
|
||||
</HTML>
|
||||
Loading…
Add table
Add a link
Reference in a new issue