.NET TIPS

[Silverlight 2]ページ内の特定の位置にジャンプするには?[C#、VB]

デジタルアドバンテージ 一色 政彦
2009/07/23

 SilverlightアプリケーションをHTMLページの一部として埋め込んでいる場合、そのHTMLページとやりとりを行いたい場面が出てくることが多い。例えば、Silverlightアプリケーション上でボタンが押されたときに、HTMLページ内の特定の位置へジャンプさせたいような場合だ。

 次のSilverlightアプリケーションでは、Silverlightアプリケーション上のボタンをクリックすると、ページの後ろに記述している「◆ここにジャンプ◆」という位置に瞬時にスクロールする。

ページ内の特定の位置にジャンプするSilverlightサンプル・アプリケーション

 このようにSilverlightアプリケーションからHTMLページの特定の位置にジャンプさせるには、まずはWebブラウザのWindowオブジェクトを取得する。このWindowオブジェクトは、Silverlight上ではHtmlWindowクラス(System.Windows.Browser名前空間)のオブジェクトとして表現され、HtmlPageクラス(System.Windows.Browser名前空間)の静的プロパティWindowで取得できる。

 HtmlWindowオブジェクトには、HTMLページ内の特定の位置にジャンプさせるためのNavigateToBookmarkメソッドが用意されているので、これを次のようにして呼び出せばよい。

HtmlPage.Window.NavigateToBookmark("abc");
HtmlPage.Window.NavigateToBookmark("abc")
ページ内の特定の位置にジャンプするサンプル・コード(上:C#、下:VB)

 上のサンプル・コードを見ると分かるが、NavigateToBookmarkメソッドでは、「ジャンプ先のアンカー・ポイント(=目印)の名前」を引数として指定する。戻り値はない。

 そのアンカー・ポイントは、HTMLコードに次のように記述する。

<a name="アンカー・ポイント名"></a>

 もしくは、次のように記述。

<div id="アンカー・ポイント名"></div>
<div>タグだけでなく、任意のタグで使える。

 例えば、次の1行の先頭には「<a name="abc"></a>」というアンカー・ポイントを設定している。そのため、先ほどのサンプルではこの位置にジャンプしたというわけだ。

◆ここにジャンプ◆

 NavigateToBookmarkメソッドによるアンカー・ポイントへのジャンプは、HTMLコードによる次の記述と同じ意味になる。

<a href="#abc">HTMLページ内の特定の位置にジャンプ</a>

 Webブラウザのアドレス欄を確認してほしい。このHTMLコードもしくはSilverlightのNavigateToBookmarkメソッドのどちらでジャンプしても、HTMLページへのURLに続けて「#abc」というアンカー・ポイント名が付加されているはずだ。End of Article

カテゴリ:Silverlight 2 処理対象:ブラウザ
使用ライブラリ:HtmlWindowクラス(System.Windows.Browser名前空間)
使用ライブラリ:HtmlPageクラス(System.Windows.Browser名前空間)

この記事と関連性の高い別の.NET TIPS
[Silverlight 2]HTML要素クリック時にSilverlightのメソッドを実行するには?
[Silverlight 2]HTMLページ内のJavaScriptコードを実行するには?
[Silverlight 2]文字列として作成したJavaScriptコードを実行するには?
[Silverlight 2]JavaScriptコードからSilverlightのオブジェクトを利用するには?
[Silverlight 2]HTML要素にフォーカスを設定するには?
このリストは、(株)デジタルアドバンテージが開発した
自動関連記事探索システム Jigsaw(ジグソー) により自動抽出したものです。
generated by

「.NET TIPS」


Insider.NET フォーラム 新着記事
  • 第2回 簡潔なコーディングのために (2017/7/26)
     ラムダ式で記述できるメンバの増加、throw式、out変数、タプルなど、C# 7には以前よりもコードを簡潔に記述できるような機能が導入されている
  • 第1回 Visual Studio Codeデバッグの基礎知識 (2017/7/21)
     Node.jsプログラムをデバッグしながら、Visual Studio Codeに統合されているデバッグ機能の基本の「キ」をマスターしよう
  • 第1回 明瞭なコーディングのために (2017/7/19)
     C# 7で追加された新機能の中から、「数値リテラル構文の改善」と「ローカル関数」を紹介する。これらは分かりやすいコードを記述するのに使える
  • Presentation Translator (2017/7/18)
     Presentation TranslatorはPowerPoint用のアドイン。プレゼンテーション時の字幕の付加や、多言語での質疑応答、スライドの翻訳を行える
@ITメールマガジン 新着情報やスタッフのコラムがメールで届きます(無料)

注目のテーマ

Insider.NET 記事ランキング

本日 月間