Day07-1

概要

このレッスンの狙い

ImageMapコントロールの基本的な設定

プロパティ 概要
HotSpotMode クリック時の動作モード
HotSpots ホットスポットの定義
ImageUrl 画像URL
Target リンクターゲット

HotSpotModeの設定値とその概要

設定値 概要
NotSet 無指定(デフォルト)
Inactive 動作しない
PostBack ポストバック処理

HotSpotコントロールの設定の方法

XxxxxHotSpotクラスの主なプロパティ

クラス プロパティ 概要
共通 AltermateText 代替テキスト
共通 HotSpotMode クリック時の動作モード(inactive|Navigate|NotSet|PostBack)
共通 NavigateUrl クリック時のリンク先(HotSpotMode=Navigateの場合のみ)
共通 PostBackValue ポストバック時に渡される値(HotSpotMode=PostBackの場合のみ)
共通 Target リンクターゲット(HotSpotMode=Navigateの場合のみ)
CircleHotSpot Radius 円の半径
CircleHotSpot X 中心の座標(X軸)
CircleHotSpot Y 中心の座標(Y軸)
RectangleHotSpot Left 左上のX座標
RectangleHotSpot Top 左上のY座標
RectangleHotSpot Right 右下のX座標
RectangleHotSpot Bottom 右下のY座標
PolygonHotSpot Coordinates 各点の座標(x1,y1…の形式)

クリッカブルマップからポストバック処理を行う


Protected Sub map_Click(ByVal sender As Object,ByVal e As System.Web.UI.WebControls.ImageMapEventArgs)
  Dim link As New HyperLink()
	link.Target = "_blank"

	Select Case e.PostBackValue //クリックされたホットスポットで定義されたポストバック値を取得
	  Case "10Days"
		  link.NavigateUrl="http://www.wings.msn.to/index.php"
		  link.Text="10日のレッスン形式で確実にステップアップ"
      ...中略...
	End Select
	holder.Controls.Add(link) //プレイスホルダーに追加
End Sub

解説

コンテナコントロール

コントロール 概要
Panel コントロールを配置可能なコンテナ(スタイル定義が可能)
PanelHolder コントロールを配置可能なコンテナ(スタイル定義は不可)
ContentPlaceHolder/Content マスタページで使用するコンテンツ領域を定義
MultiView/View 複数のビューを管理するコンテナと個々のビュー
Wizard ウィザード形式のコンテナ

ユーザコントロール

使用方法


<%@ Page Language="VB" ...%>
<%@ Register Src="ImageMap.ascx" TagName="ImageMap"
  TagPrefix="uc1" %>
	...中略...
<uc1:ImageMap ID="map" runat="server" />

解説

アプリケーション共通のページ設定を定義する


<pages>
  <controls>
	  <add tagPrefix="My" tagName="TagName"
		src="~/Day09/MyControl.ascx" />
		  ...中略...
	</controls>
	<namespaces>
	  <add namespace="System.IO" />
		  ...中略...
		</namespaces>
</pages>

解説

まとめ

以上

TOPへ