Tweet

.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メソッドが用意されているので、これを次のようにして呼び出せばよい。

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

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

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

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

◆ここにジャンプ◆

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

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

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

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

「.NET TIPS」

＠ITメールマガジン　新着情報やスタッフのコラムがメールで届きます（無料）

RSSフィード