![]() |
![]() |
![]() |
![]() |
このダイアログでは、新しい画像アンカーを作成します。 画像アンカーは、クリッカブルなテキストがクリッカブルな画像に置き換わっている点以外は、アンカーと同様です。 <netui:imageAnchor> タグは、画像アンカーのソース コードを提供します。
ページ フロー パースペクティブで、[JSP デザイン パレット] から画像アンカー アイコンを JSP ページのソース ビューにドラッグ アンド ドロップします。 画像アンカー アイコンは、[NetUI] というラベルのセクション内にあります。
このダイアログには 4 つの異なるモードがあり、[アンカー タイプ] ドロップダウン フィールドから制御できます。 各モードは、利用可能なフィールドの異なるセットを表します。 以下にこれらのモードを示します。
[アクション] モードでは、次のフィールドが表示されます。
[画像パス] : クリッカブル画像へのパス。
[アクション] : 呼び出すアクション メソッド。
[パラメータ] : Java パラメータとしてアクション メソッドに渡されるパラメータと値の組み合わせ。
ダイアログに以下の値が入力された場合を例として示します。
次の NetUI タグ セットが作成されます。
<netui:imageAnchor action="getCustomers" src="images/myImages.gif"> <netui:parameter name="param1" value="value1"/> </netui:imageAnchor>
最終的な HTML は、次のように表示されます。
<a href="/CustomerCare/customerManagement/getCustomers.do?param1=value1"><img src="/images/myImages.gif"></a>
このリンクをクリックすると、以下のアクションが起動されます。
@Jpf.Action(...) public Forward getCustomers(String param1) { ... }
[ハイパーリンク] モードでは、次のフィールドが表示されます。
[画像パス] : クリッカブル画像へのパス。
[URL] : リンク先の URL (相対 URL または絶対 URL)。
[パラメータ] : 指定する URL のクエリ文字列 (「?」の後に付加される URL の一部分) に追加されるパラメータと値の組み合わせ。
ダイアログに以下の値が入力された場合を例として示します。
次の NetUI タグ セットが作成されます。
<netui:imageAnchor href="somePage.jsp" src="images/myImage.gif"> <netui:parameter name="param1" value="value1"/> </netui:imageAnchor>
以下の HTML が表示されます (「CustomerCare」はプロジェクト名、「customerManagement」は該当ページ フローへのパスを表す)。
<a href="/CustomerCare/customerManagement/somePage.jsp?param1=value1"><img src="/CustomerCare/customerManagement/images/myImage.gif"></a>
ダイアログに以下の値が入力された場合を例として示します。
次の NetUI タグ セットが作成されます。
<netui:imageAnchor linkName="subsection1" src="images/myImage.gif"></netui:imageAnchor>
以下の HTML が表示されます (「CustomerCare」はプロジェクト名、「customerManagement」は該当ページ フローへのパスを表す)。
<a href="#subsection1"><img src="/CustomerCare/customerManagement/images/myImage.gif"></a>
![]() ![]() |