このドキュメントの情報は、J2EE サーバーにのみ適用されます。
Web I/O インターフェイスクライアントでは、Natural フィールドの色属性（前景色）、背景色、および Natural フィールド属性のレンダリングは XSLT ファイルによって制御されます。
次の XSLT ファイルは、<installdir>/WEB-INF ディレクトリで使用できます。
transuni.xsl（Internet Explorer の場合）
transuni-ff.xsl（Mozilla Firefox の場合）
このドキュメントの情報は、いずれの XSLT ファイルにも適用されます。 XSLT ファイルは、サーバーの起動時に 1 回だけ読み取られます。 したがって、このファイルを変更すると、サーバーを再起動して変更内容を有効にする必要があります。
このドキュメントでは、次のトピックについて説明します。
フォントの前景色は、XSLT ファイルの次のセクションにマップされます。
<!-- Map foreground colors -->
<xsl:variable name="forecol">
<xsl:choose>
<xsl:when test="@forecol='Red'">red</xsl:when>
<xsl:when test="@forecol='Green'">green</xsl:when>
<xsl:when test="@forecol='Blue'">blue</xsl:when>
<xsl:when test="@forecol='White'">white</xsl:when>
<xsl:when test="@forecol='Pink'">fuchsia</xsl:when>
<xsl:when test="@forecol='Turquoise'">aqua</xsl:when>
<xsl:when test="@forecol='Yellow'">yellow</xsl:when>
<xsl:when test="@forecol='Black'">white</xsl:when>
<xsl:when test="@forecol='Transparent'">
<xsl:choose>
<xsl:when test="@intensified='True'">aqua</xsl:when>
<xsl:otherwise>white</xsl:otherwise>
</xsl:choose>
</xsl:when>
<xsl:otherwise>white</xsl:otherwise>
</xsl:choose>
</xsl:variable>
例えば、Natural 画面の色属性 Red は、CSS カラー "red" にマップされます。
<xsl:when test="@forecol='Red'">red</xsl:when>
また、色属性を RGB 値にマップすることもできます。 次に例を示します。
<xsl:when test="@forecol='Red'">#FF0000</xsl:when>
色属性 Transparent では、属性 intensified が設定されているかどうかがチェックされます。 設定されている場合は、"aqua" が使用されます。 設定されていない場合は、"white" が使用されます。
CSS カラーの詳細については、http://www.w3schools.com/css/css_colors.asp を参照してください。
背景色は、XSLT ファイルの先頭で定義されるグローバル変数 defbackcolor で設定されます。
<xsl:variable name="defbackcolor" select="'000000'"/>
RGB 値 "000000" は、黒を背景色として定義します。
また、次で説明するように従来の Natural 画面に使用される JSP ファイルでも背景色を定義する必要があります。
ファイル naturalsession.jsp を適合させる必要があります。このファイルは <installdir> ディレクトリにあります。 背景色は、Internet Explorer および Firefox の両方に対して body 要素で設定する必要があります。
if(browserIE6){
%>
<script src="scripts/natunicscript-ie.js" type="text/javascript"></script>
<link rel="stylesheet" href="resources/natural.css" type="text/css"></link>
</head>
<body onload="runLoadScript('webio')" onkeydown="checkKeyPress()"
onhelp="cancelHelp()" bgcolor="000000" onbeforeunload="handleDisconnect();">
<%
}
else if (browserFirefox){
%>
<script src="scripts/natunicscript-ff.js" type="text/javascript"></script>
<link rel="stylesheet" href="resources/natural.css" type="text/css"></link>
</head>
<body onload="runLoadScript('webio')" bgcolor="000000" onbeforeunload="handleDisconnect();" >
<%
}
Natural for Ajax を操作している場合、ファイル natlegacy.jsp を適合させる必要があります。このファイルも <installdir> ディレクトリにあります。 背景色は、Internet Explorer および Firefox の両方に対して body 要素で設定する必要があります。 コードは、上記の Web I/O インターフェイスクライアント用のものと同じです。 唯一の違いは、onload 命令で（"webio" の代わりに）値 "rich" が使用されることです。
if(browserIE6){
%>
<script src="scripts/natunicscript-ie.js" type="text/javascript"></script>
<link rel="stylesheet" href="resources/natural.css" type="text/css"></link>
</head>
<body onload="runLoadScript('rich')" onkeydown="checkKeyPress()"
onhelp="cancelHelp()" bgcolor="000000" onbeforeunload="handleDisconnect();">
<%
}
else if (browserFirefox){
%>
<script src="scripts/natunicscript-ff.js" type="text/javascript"></script>
<link rel="stylesheet" href="resources/natural.css" type="text/css"></link>
</head>
<body onload="runLoadScript('rich')" bgcolor="000000" onbeforeunload="handleDisconnect();" >
<%
}
Natural for UNIX では、各 PF キーを PF キー行にボタンとして表示できます。 ボタンの外観（スタイル）は、ディレクトリ <installdir>/resources にある CSS ファイル natural.css を使用して適合できます。
反転表示のフィールド属性は、XSLT ファイルの次のセクションで設定されます。このセクションは、前景色がマップされるセクションの直後にあります。
<!-- START SET FOREGROUND AND BACKGROUND COLORS FOR REVERSE ATTRIBUTE -->
<!-- Set foreground colors -->
<xsl:variable name="ForeCol">
<xsl:choose>
<xsl:when test="@reverse='True'">color:<xsl:value-of select="$defbackcolor"/></xsl:when>
<xsl:otherwise>color:<xsl:value-of select="$forecol"/></xsl:otherwise>
</xsl:choose>
</xsl:variable>
<!-- Set background colors -->
<xsl:variable name="BackCol">
<xsl:choose>
<xsl:when test="@reverse='True'">background-color:<xsl:value-of select="$forecol"/></xsl:when>
<xsl:otherwise>background-color:<xsl:value-of select="$defbackcolor"/></xsl:otherwise>
</xsl:choose>
</xsl:variable>
<!-- END SET FOREGROUND AND BACKGROUND COLORS FOR REVERSE ATTRIBUTE -->
reverse 属性が true に設定されている場合、前景色は $defbackcolor の値に設定され、背景色は前景色の値になります。
reverse 属性が true に設定されていない場合、前景色はマップされている前景色の値になり、背景色は $defbackcolor の値になります。
下線付きのテキストおよび点滅テキストのフィールド属性は、XSLT ファイルの次のセクションで設定されます。
<!-- Set underline and blinking attributes -->
<xsl:variable name="TextDecoStyle">
<xsl:choose>
<xsl:when test="@underline='True'">text-decoration:underline;</xsl:when>
<xsl:when test="@blinking='True'">text-decoration:blink;</xsl:when>
<xsl:otherwise>text-decoration:normal;</xsl:otherwise>
</xsl:choose>
</xsl:variable>
点滅テキストのフィールド属性は、Internet Explorer ではサポートされていません。
筆記体／イタリック体テキストのフィールド属性は、XSLT ファイルの次のセクションで設定されます。
<!-- Set cursive attribute -->
<xsl:variable name="FontStyle">
<xsl:choose>
<xsl:when test="@italic='True'">font-style:italic;</xsl:when>
<xsl:otherwise>font-style:normal;</xsl:otherwise>
</xsl:choose>
</xsl:variable>
高輝度テキストのフィールド属性は、XSLT ファイルの次のセクションで設定されます。
<!-- Set intensified attribute - draw text as bold -->
<xsl:variable name="FontWeight">
<xsl:choose>
<xsl:when test="@intensified='True'">font-weight:bolder</xsl:when>
<xsl:otherwise>font-weight:normal;</xsl:otherwise>
</xsl:choose>
</xsl:variable>