オンマウスで説明文を表示、ＨＰの状態で表示条件をかえるのには

[新着] Webテンプレートを仮オープンしました

0   名前： nash ： 2006/07/19（水） 14:55  ID:1bYUqlls
javascript初心者です。

リンク先にオンマウスで画像と説明文を表示しています。

オンマウス画像＆説明文の文書が縦や横に長いので、表示されているホームページ条件（右が狭い、上が狭いなど）に合わせて、オンマウス時に説明文を上に表示したり、右左に表示させたりしたいと考えています。

具体的にどのように書けばいいのか、ご教授いただけないでしょうか？
1   名前： 牛若 ： 2006/07/19（水） 14:55  ID:zNm8EkAb
あなたが書いているコードを見せてもらわないと、誰にもアドバイスでき
ないでしょう。

ご自分でやるなら、リンクテキストに付けているonmouseoverの関数に引数を
持たせて、表示のpositonを個別に変更する方法かと思いますが・・・
2   名前： nash ： 2006/07/19（水） 14:55  ID:1bYUqlls
お返事ありがとうございます。

コードを書きました。というよりも、他のページからほとんどコピペしています。

これだとオンマウスする文字列が長い説明文で文の右端にマウスを置くとオンマウスで出てくる説明文が見づらくなってしまいます。

実際に使うホープページ幅は６００を予定しています。６００をなるべく出ないようにするには、具体的にどのように書き換えればいいでしょか。

例えば、あとは数字をいじって調整できる程度まで（opacity=70を100にいじる程度）具体的に書いた内容をアドバイスいただけないでしょうか。

<BODY bgcolor="#000000">
<CENTER>
<DIV style="display:none;position:absolute;);" ID="set">
<TABLE width=460 border="1" BORDERCOLOR="#C0C0C0" bgcolor="#C0C0C0" cellspacing="1" cellpadding="10">
<TR><TD BGCOLOR="#ffffff"><SPAN ID="te"></SPAN></TD></TR>
</TABLE>
</DIV>
<DIV style="width : 192px;height : 16px;top : 14px;left : 8px;
position : absolute;
z-index : -1;
" id="Layer1"><SCRIPT language="JavaScript">
<!--
function up(text){
document.getElementById('te').innerHTML=text;
set.style.posLeft =document.body.scrollLeft+window.event.clientX+10;
set.style.posTop =document.body.scrollTop+window.event.clientY+10;
document.all('set').style.display="block";}
function kes(){document.all('set').style.display="none";}
//-->
</SCRIPT><table width=500 border="0"><tbody><TR>
<TH></TH>
<TH></TH>
<TH></TH>
<TH></TH>
</TR> <TR>
<TD></TD>
<TD></TD>
<TD></TD>
<TD><A href="http://www.muse.dti.ne.jp/~iba-gold/　/" onmouseover="up('<img src=http://www.muse.dti.ne.jp/~iba-gold/a001.jpg width=90> セット・プログラム<p>')" ; onmouseout="kes()">セット・プログラム</A></TD>
</TR>
一覧へ戻る