• ベストアンサー

フォームにベクタ画像を貼り付け、クリッカブルマップみたいな事をしたいの

フォームにベクタ画像を貼り付け、クリッカブルマップみたいな事をしたいのですが可能でしょうか?ちなみに図形は四角や丸のような単純なものではなく、illustratorなどで作図したもので、Visual studioかVisualBasic6かExcelVBAでつくろうとしています。 よろしくお願いします

質問者が選んだベストアンサー

  • ベストアンサー
  • DOUGLAS_
  • ベストアンサー率74% (397/534)
回答No.3

 言葉だけで思いを伝えるのは難しいことかと存じます。  私には、donkun2004 さんがなさりたいことが、よく理解できません。 >Visual studioかVisualBasic6かExcelVBAでつくろうとしています。 >フォームのコントロールはMicroSoft Accessに接続されていて、 ということは、 1)「Visual studioかVisualBasic6かExcelVBAで」フォーム を作る。 2)(1) の フォーム に「illustratorなどで作図した」図形を配置する。 3)(2) の図形に クリッカブルマップ を マッピングする。 4)(3) の マップ を クリック すると、該当する「主キー文字列」を取得する。 5)(4) により取得された「主キー文字列」により、「MicroSoft Accessに接続」して、しかるべき クエリ を実行する。 6)(5) によって得られた結果を別の フォーム に表示する。 というような段取りでしょうか?

donkun2004
質問者

お礼

DOUGLASさん、こんばんわ。 大筋でDOUGLASさんのおっしゃる通りです。イメージとしては都道府県 ごとの図形で作られた日本地図があり、任意の都道府県をクリックすると、 都道府県に関連された情報(県庁所在地とか県の花とか)を得るみたいなイ メージです。得た結果はフォーム以外にも使うつもりです。 VBAにこだわるのは会社で使うのですが、各管理所のPCにはExcelがあり、 各管理所で手直しが容易な上、従業員たちはExcelに慣れているので説明 もしやすいからです。 クリッカブルマップにこだわるのは、コンボボックスやリストなどの コントロールで作ると主キーを得るまで、スクロールさせたり操作数が増 えてしまい、直感的で快適な操作が実現しないからです(うちの従業員うる さいんです)。 DOUGLASさんの助言の甲斐あり、Flashを埋め込んだhtmlをフォームに表示し 満足なものが実現できました。ただ、クリップボード経由で主キーをExcelに 渡す部分をどうにかならないかなと思い、Flash猛勉強中です。 親身なアドバイス本当にありがとうございました。DOUGLASさんのおかけで、 新たな創作意欲が湧き出て造る気満々です。ありがとう

その他の回答 (2)

  • DOUGLAS_
  • ベストアンサー率74% (397/534)
回答No.2

#1 DOUGLAS_ です。 #回答が長くなりましたので、2つに分けました。 ----------------------------------------------------  お試し用の クリッカブルマップ を作成してみましたので、下記コード を メモ帳 に コピペ し「D:\hoge.html」という名前で保存してから、上記操作の (11) 以降を実行してみてください。 <!-- ここから ------------------------------------------------ --> <!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML i18n//EN"> <!-- Generated by C-MAP V0.77 --> <HTML>  <HEAD>   <META http-equiv="Content-Type" content="text/html;charset=Shift_JIS">  </HEAD>  <BODY>   <IMG src="http://okwave.jp/images/logo/logo_201007.png" usemap="#hoge" border="0">   <MAP name="hoge">    <AREA shape="poly" coords="168,49,172,49,176,55,187,54,185,49,204,48,210,44,214,44,222,54,230,49,232,33,227,26,213,28,216,21,214,19,197,21,191,13,189,8,179,1,172,8,158,11,150,19,146,30,152,37,168,49" href="http://www.yahoo.co.jp/" alt="Yahoo!">    <AREA shape="poly" coords="61,57,53,67,46,77,40,78,42,71,30,76,20,75,14,65,21,61,24,49,31,45,1,44,2,42,32,40,46,41,61,57" href="http://www.google.co.jp/" alt="Google">    <AREA shape="default" nohref><!-- デフォルトエリア -->   </MAP>  </BODY> </HTML> <!-- ここまで ------------------------------------------------ --> 【上記を実行すると。。。】 19)ユーザー フォーム を クリックすると [WebBrowser] コントロール が現われ OKWave の ロゴ が表示されます。 20)ロゴ の 右側に描かれた カクレクマノミ の絵に マウス を乗せると「Yahoo!」と表示され、クリック すると Yahoo! の ホームページ が開きます。 21)もう一度、ユーザー フォーム を クリックすると [WebBrowser] コントロール が現われ OKWave の ロゴ が表示されます。 22)同様に、左下側の熱帯魚を クリック すると「Google」が開きます。

donkun2004
質問者

補足

DOUGLASさん、こんばんわ。 はじめに懇切丁寧なご説明ありがとうございます。 このフォームのコントロールはMicroSoft Accessに接続されていて、 クリッカブルマップをクリックすると変数かコントロールに主キー文字 列を取得するというのを目指しています。 マップ部分をFlashで作成し、DOUGLASさんに教えて頂いた方法でフォ ーム上にFlashを埋め込んだhtmlを配置し、VBAに文字列を渡す事は可 能でしょうか? 調べるとActionScriptでクリップボードに文字列をセットできるよう なのですが。 http://www.openspc2.org/reibun/QuickReferenceActionScript/System/002/index.html

  • DOUGLAS_
  • ベストアンサー率74% (397/534)
回答No.1

>Visual studioかVisualBasic6かExcelVBAでつくろうとしています。  「ExcelVBA」と書いていらっしゃるぐらいですから、パーソナルユース(趣味)程度のご利用目的かと拝察いたします。 >フォームにベクタ画像を貼り付け、クリッカブルマップみたいな事をしたい  Excel VBA で「クリッカブルマップ」を可能にする コントロール があったような気もするのですが、思い出せませんし、ちょっと Web検索 しても出てきませんでしたので、簡単な代替策をお一つ。。。 【クリッカブルマップ の作成】 1)フリー の クリッカブルマップエディタ、例えば「C-MAP」 http://www.vector.co.jp/soft/win95/net/se084175.html を ダウンロード し、インストール します。 2)C-MAP を起動し、[新規作成] します。 3)[イメージファイルを選択して下さい] ダイアログ で、「illustratorなどで作図した」画像を読み込みます。 4)必要に応じて、[ツールボックス] - [ズーム] ツール で画像を拡大しておきます。 5)[ツールボックス] - [多角形ツール] で マッピング する範囲を囲んでいきます。 6)[プロパティダイアログ] - [URL] に「http://www.yahoo.co.jp/」などの リンク先URL を入力します。  必要に応じて、オンマウス の時に表示される文字列を [ALT] の欄に入力、クリックしたときに、IEを起動してリンク先を開く場合は [ターゲット] に「_blank」と入力しておきます。 7)すべての マッピング を終了しましたら、[ファイル(F)] - [名前を付けて保存(A)] で [ファイルの種類(T):] を「HTMLファイル」にして保存します。  ここでは、「D:\hoge.html」という名前で保存したことにします。 【クリッカブルマップ の修正】 8)メモ帳で「D:\hoge.html」を開きます。 9)「illustratorなどで作図した」画像の フルパス が <IMG src="~~~" ・・・ の行に表示されていますが、相対アドレス表示になっていると不具合の元ですので、「~~~」のところを <IMG src="D:\hoge\hoge.jpg" ・・・ などのように直します。 10)そのまま上書き保存します。 【Excel VBA での準備】 11)VBE で ユーザー フォーム を挿入します。 12)[ツールボックス] を 右クリック [その他のコントロール(A)...] を クリック します。 13)[コントロールの追加] ダイアログ - [利用可能なコントロール(A):] から「Microsoft Web Browser」を選択し [OK] します。 14)(13) により、[ツールボックス] の末尾に、地球の絵の [WebBrowser] コントロール が追加されました。 15)これを ユーザー フォーム の上に配置します。 16)ユーザー フォーム を 右クリック し、[コードの表示(O)] を クリック します。 17)コードウィンドウ に Private Sub UserForm_Click()  Me![WebBrowser1].Navigate "D:\hoge.html" End Sub と記述します。 18)以上により、ユーザー フォーム を クリック すると、クリッカブルマップ が現われます。

関連するQ&A

  • クリッカブルマップの一部分だけを消す方法を教えて下さい!

    javascript初心者です。 やりたいことは、下記の通りなのですが、どなたか対処方法を教えて頂けないでしょうか? 透過PNGの画像を重ね合わせ、レイヤーのように表示した状態で、各画像の透明部分以外のオンクリックで画像を入れ替え、さらに上の階層の画像を消して下の階層の画像のオンクリックでも画像を入れ替えたいのですが、上手くいきません。。 たとえば、余白部分が透明な丸と四角のPNGを、丸が上になるように重ね、丸をクリックすると丸の色だけが、四角をクリックすると四角の色だけが変わり、さらに丸を非表示にして下の四角をクリックしすると、四角の色が変わるようにしたいのです。 四角PNG + 丸PNG + 透明PNGを重ね合わせ、透明PNGに丸と四角のクリッカブルマップを重ねて持たせることで、両方見えた状態でそれぞれの色を変えることはできたのですが、丸を非表示にする時に丸のクリッカブルマップだけを消すことができず、丸があったところだけクリックが効かなくなってしまいます。 根本的なやり方がまずいのでしょうか? よろしくお願いします。 ソース抜粋 <script type = "text/javascript"> <!-- function remove(){ document.layer2.style.display='none'; document.getElementById('map2').style.display='none'; } //--> </script> <map name="Map" id="Map"> <area name="map2" id="map2" shape="circle" coords="丸の座標" onClick="document.layer2.src='丸の画像2'" /> <area name="map1" id="map1" shape="rect" coords="四角の座標" onClick="document.layer1.src='四角の画像2'" /> </map> <div style="position:absolute;top:30px; left:0px"> <img src="四角の画像1" alt ="" name="layer1" id="layer1" /> </div> <div style="position:absolute;top:30px; left:0px"> <img src="丸の画像1" alt ="" name="layer2" id="layer2" /> </div> <div style="position:absolute;top:30px; left:0px"> <img src="透明な画像" alt ="" usemap="#Map" /> </div> <input type="button" value="丸消す" onClick="remove()" />

  • クリッカブルマップ+カーソル変更

    私のサイトでは、カーソルを画像に変更して使っていて、リンクに触れるとカーソル画像が変わる、っていう設定にしているんですが、クリッカブルマップで指定したリンクではカーソルが変わりません。 どうすればクリッカブルマップのリンクもカーソルをかえられますか? ちなみに、カーソルの指定はスタイルシートの外部指定でやっていますが、クリッカブルマップではないリンクでは、ちゃんとカーソルが変わります。

  • クリッカブルマップでの画像のロールオーバー

    いつも大変お世話になっております。 同じような質問があったのでいろいろと拝見したのですがなかなか上手くいかず質問させていただきました。 今回ホームページで下記のような感じで、クリッカブルマップを 作成しその中に5つのリンクを作成しました。 (仮に、このイメージはmenu.gifだとします。) ¦----------------------¦                   ■■■■■     ¦----------------------¦ これを一番左の四角にマウスをあてると (menu.gif→menu01.gifの画像に入れ替わる。  隣の四角にマウスが来ると今度はmenu02.gifに変わる。) ¦----------------------¦                   ■□□□□     ¦----------------------¦ このような、同じ大きさの違う画像に入れ替えたいのですが このようなことは可能でしょうか? 下のように記述してもエラーが出て上手くいきません。 なにがいけないのでしょうか? <AREA shape="rect" coords="44,209,153,454" href="main.html" onMouseOver="imgChange(menu01.gif)" onMouseOut="imgChange(menu.gif)"> よろしくお願いいたします。

  • クリッカブルマップとロールオーバーを組み合わせたい

    近い既出質問はあったんですが、上手く応用出来なかったので質問します。 1枚の画像Aの中に、隣接する3範囲にそれぞれクリッカブルマップを作りました。 これを、それぞれ別の色に変化する3画像(Aと同サイズ)を使ってロールオーバー表示 させたいのですが、方法が判りません。 組み合わせ可能なスクリプトと、ソースの説明を希望いたします。 使用しているのはWin2000でGoLive6なんですが、ソフトの操作方法より ソースをいじる方が確実でしたら、それでもかまいません。 ちなみに、Flash使用は出来ません。 どうぞよろしくお願いいたします。

  • クリッカブルマップにロールオーバーを付ける

    クリッカブルマップにロールオーバー(Javascript)を付けようと思うのですが、 どうも目指していることが上手くいきません。 まずは、下記サイトをご覧ください。 http://www.webdlab.com/template/clickable2/ これはソースコードが乗っているサイトです。 この通りに書けば、通常のロールオーバーはできるのですが、 私の目的はあと+α必要になります。 [内容] 1. オンマウス時にロールオーバー 2. クリック後も、ロールオーバー状態 3. 他のイメージにオンマウスしても、さっきクリックしたイメージがロールオーバー状態 4.他のイメージをクリックして、はじめてロールオーバー画像が切り替わる。 以上です。 ちなみに現状(上記サイト)は.onmouseover、.onmouseout、.onclickの3つすべてロールオーバー後のイメージを指定すれば[内容]の1と2まではクリアなのですが、3以降がNGです。 そもそもクリッカブルのロールオーバーでは不可能なのでしょうか。 どなたがご教授よろしくお願いいたします。

  • アクセスからマップ画像をリンク

    在庫管理用にアクセスでシステムを組んでいます。 品番を検索→対象レコードのフォームから「マップ」のトグルボタンを押す→画像にリンク したいと思っています。 この際、画像を開いたときに商品位置を示すようマップの一部分が点滅するような動作は設定できるのでしょうか? ちなみにマップはイラストレーターか、パワーポイントで作成しようと考えています。 どうか教えてください。よろしくお願いいたします。

  • クリッカブルマップをCSSでロールオーバーする方法

    webプログラマです。 いろいろやってみましたが、どうしても方法が分かりません。 ネットでもずいぶん調べましたが、見つけられませんでした。 クリッカブルマップで指定したareaの部分だけを CSSを使って別の画像をロールオーバーしたいのです。 JavaScriptを使う方法や、 CSSでも他の方法は分かっていますが、 ページがかなり複雑な構成で、 divタグだらけになっていますので、 出来ればa:hoverのようなシンプルな方法を探しています。 ちなみに、この画像を背景にすることは、 制作意図的にできませんので、 画像挿入の上、マップというのが前提になります。 どなたか方法をご存知の方、ご享受ください。 よろしくお願いします。

  • 画像加工ソフトで適切なものが見当たらない

    デジカメで撮った写真などに丸や四角を付け加えて目立たせたいです。 画像加工ソフトが必要なのでVectorから探してみました。 http://www.vector.co.jp/vpack/filearea/win/art/graphics/edit/ 3つほどダウンロードして試してみました。画像変換や画質変化などの機能はありますが単純な図形(丸や四角、三角、直線、フリーハンド、文字など)を加えることができるソフトが見当たりません。 どなたかよいフリーソフトをご存知でしょうか? 対象ファイルはjpg,bmp,gifなどです。 よろしくお願いいたします。

  • 画像編集ソフトで図形を入れられるものは?

    画像編集用のソフトで、 Windows標準のペイントのように 文字入れと、四角や丸などの図形を入れられるフリーソフトは 無いでしょうか。 JTrim、pixiaと言うのがありますが、両方とも高機能で 使いやすく「文字入れ」はできるのですが、四角や丸などの図形が 入れられません(と思います)。 よろしくお願いいたします。

  • 画像が表示されなくなった

    最近インターネットを観覧していたら、突然画像が表示されなくなってしまいました…。表示されるべき画像の左上に丸、三角、四角の図形があり、画像が見られない状況で困っています。 どうすればいいのか…。どうかお願いします。

専門家に質問してみよう