カラフルなツールチップを持つASP.NETアプリケーションの作成

C1ToolTipコントロールを使ったWebアプリケーションの作成 その2

　「ToolTip for ASP.NET Wijmo」に含まれるC1ToolTipコントロールを使って、いろいろな動作やデザインのツールチップを持つWebページを作成してみます。

はじめに

　WebページももっぱらGUI化している今日この頃ですが、小技を利かしたデザインのWebページは使っていて気持ちよいですね。特にツールチップは、操作の補助をしてくれる便利なアイテムです。

　「ToolTip for ASP.NET Wijmo」のC1ToolTipコントロールは、そんなWebページのデザイン性・操作性を高めてくれるコントロールです。

　ただのツールチップではなく、表示する場所や表示のアニメーションを自由に設定でき、ThemeRollerとの連動でカラフルなデザインのツールチップに仕上げることができます。

　そこで、今回はこのC1ToolTipコントロールを使って、いろいろな動作やデザインのツールチップを使ったWebページを作成してみました。

マウスポインタに追従して表示するツールチップ

ThemeRollerで簡単にカラフルなツールチップになる

対象読者

　Visual Basic 2010、またはVisual C# 2010を使ってプログラムを作ったことがある人。

必要な環境

　Visual Basic 2010、Visual C# 2010、Visual Studio 2010でプログラムが作れる環境。

　対応ブラウザについては、グレープシティ社Webサイトの「クロスブラウザ対応」ページでご確認ください。

　なお、本プログラムは次の環境で開発・動作確認を行っています。

• OS：Windows 7
• 開発Tool：Visual Studio 2010、.NET Framework 4
• ブラウザ：Microsoft Internet Explorer 9

サンプルプログラム実行時の注意事項

[1] Visual StudioでサンプルWebサイトを開く

　Visual Studioをお持ちであれば、「ComponentOne Studio for ASP.NET Wijmo 2012J」トライアル版をインストールし、ソースコード圧縮ファイル「ToolTip_ASP_vb_src.zip」または「ToolTip_ASP_cs_src.zip」を解凍すると作成されるプロジェクトファイルを、Visual Studioで開き実行してください。

[2] Visual Studioを使わずにサンプルWebサイトを開く

　Visual Studioを使わずに、サンプルWebサイトを直接IISなどのWebサーバで開く場合は、ソースコード圧縮ファイル「ToolTip_ASP_vb_src.zip」または「ToolTip_ASP_cs_src.zip」を解凍すると作成されるプロジェクトファイルを、フォルダ構成を変えずにWebサーバにインストール・登録してください。

　以下は、Microsoft IISサーバにインストールする場合の手順です。

1. プロジェクトファイルのフォルダを、そのままWebサーバーへ配置します（例：\Inetpub\wwwroot直下へ配置）。
2. サーバーに配置したアプリケーションフォルダに対して、「アプリケーションへの変換」を実行します。
3. 「アプリケーションの追加」ダイアログで、「アプリケーションプール」を「Classic .NET AppPool」に設定します。
4. クライアントのWebブラウザで、Default.aspxファイルを開きます（例：http://localhost/mysplit_vb/Default.aspx）。

注意事項

　UAC（ユーザーアカウント制御）がサポートされているWindows Vista以降のOSで製品のサンプルをコンパイルしようとすると、エラーが発生する場合があります。

　これは、UACにより製品サンプルがインストールされているフォルダに書き込みができないため、コンパイル時にエラーが発生するという現象です。Visual Studioを管理者権限で実行するか、サンプルプロジェクト一式をアクセス権のあるフォルダに移動してからコンパイルを行うようにしてください。

　また、Webブラウザでaspxファイルを実行する際にIISサーバでエラーになる場合は、Web.configファイルに以下の1行を追加してください。

　 <identity impersonate="false" />