ホームページビルダーでリンク先に説明。

質問

ホームページビルダー10を使用しているのですが、例として
■をリンク先として、■にマウスポインタを合わせると、説明が表示されるというやり方はないでしょうか。

説明：---
■(リンク先1）、■(リンク先2）・・・

というふうにあって、説明の---には通常は何もかかれて居なくて、■にマウスポインタを合わせると、リンク先1のときには1の説明を、2の時は2の説明がでるように---の部分を編集？するようなことはできないのでしょうか。

タグやCGIなどでできるのでしょうか。どうかご教授お願いします。

回答No.1

crepon133 · ベストアンサー

<p style="width:150px;height:22px;font-size:1.0em;margin:0px;padding:0px;" id="text"></p>

<p style="font-size:1.0em;line-height:1.2em;margin:0px;padding:0px;"><span onMouseOver="text.innerHTML='リンク１の説明'" onMouseOut="text.innerHTML=''"><a href="d.html">りんく１</a></span>　<span onMouseOver="text.innerHTML='リンク２の説明'" onMouseOut="text.innerHTML=''"><a href="d.html">りんく２</a></span></p>

お礼

ご回答ありがとうございます。
少々補足をしました。よろしければ回答をお願いします。

補足

ご回答ありがとうございます。
上記の方法で試してみたのですがエラーが出てしまいました。権限はテキストでJavaスクリプトで良いでしょうか。

また、表示させる方法が表形式になっていて、その表の内部で上記の質問のようにやりたいのです。

（例）
リンク先｜Ａ/Ｂ
---------------------------------------------------
リンク先の説明｜---

（｜は表の左と右との間の部分です。）
自分でもスクリプトをいじってみたのですがサッパリです。お願いします。

回答No.3

crepon133

HTMLソース画面で入れたいセル内に記入してください

お礼

何度もありがとうございます。回答どおりやってみたら、できました。
ありがとうございました！

回答No.2

crepon133

<style type="text/css">
<!--
table {
width:300px;
border-collapse:collapse;
margin-left:auto;
margin-right:auto;
}
td {
height:22px;
font-size:1.0em;
text-align:center;
border:1px solid #666666;
margin:0px;
padding:0px;
}
-->
</style>

<table summary="layout">
<tr>
<td>リンク先</td>
<td><span onMouseOver="text1.innerHTML='リンク１の説明'" onMouseOut="text1.innerHTML=''"><a href="d.html">りんく１</a></span> ／ <span onMouseOver="text2.innerHTML='リンク２の説明'" onMouseOut="text2.innerHTML=''"><a href="d.html">りんく２</a></span></td>
</tr>
<tr>
<td>説明</td>
<td><span id="text1"></span><span id="text2"></span></td>
</tr>
</table>

お礼

ご回答ありがとうございます。
上記のタグ（？）はどのような場所に入れれば良いのでしょうか。何度もすみません。