WEB相談室

Webページ作成に関しての何でも掲示板です。

タイトル:クリッカブルマップのマウスオーバー

0:[投稿] ・・・。 [2005/03/10 09:34 ][環境:IE6,WIN2000 わからない]

クリッカブルマップのエリアをクリック若しくはマウスオーバーで、
同ページ内のどこか(テキストボックスとか)に、エリアの情報(
エリアの名前など)を出したいのですが、何か良いほうほうは無い
でしょうか?
現在は、
onmouseover="displayalert()"にしましたが、
いちいちOKボタンをクリックしなくてはいけないので、
他の方法を探しています。
どうかよろしくお願いします。


1:[回答] 敬 [MAIL] [URL] [2005/03/10 13:39 ]

こんな感じですか。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
    "http://www.w3.org/TR/html4/strict.dtd">

<html lang="ja" dir="ltr">
    <head>
        <meta http-equiv="content-type" content="text/html; charset=shift_jis">
        <meta http-equiv="content-script-type" content="text/javascript">
        <script type="text/javascript"><!--
            var descLine;
            function showDesc(str) {
                descLine.value = str;
            }
        //--></script>
        <title>テスト</title>
    </head>
    <body onLoad="descLine = document.linkDesc.descLine">
        <div>
            <h1><img src="./title.png" usemap="#naviBar" alt="タイトル"></h1>
            <map name="naviBar">
                <area href="./page1.html" coords="0,0,100,100" onMouseOver="showDesc('page1')" alt="ページ1">
                <area href="./page2.html" coords="101,0,200,100" onMouseOver="showDesc('page2')" alt="ページ2">
                <area href="./page3.html" coords="201,0,300,100" onMouseOver="showDesc('page3')" alt="ページ3">
            </map>
        </div>
        <form action="." name="linkDesc">
            <p><input type="text" size="30" value="ここにリンク先が表示される" name="descLine"></p>
        </form>
    </body>
</html>


2:[完了] ・・・。 [2005/03/10 14:21 ]

解決しました!!
すばらしいご回答ありがとうございました。

回答(必須): 状態:

お名前(必須):

e-mail:

URL:




[戻る]

ChaichanPAPA's World