リンク先のコメントをテーブルに表示


サンプル１ サンプル２ サンプル３

下のソースをコピー＆ペーストでそのまま使えます
赤色文字の部分を変更してカスタマイズして下さい

 


<HTML>
<HEAD>
<TITLE>コメントをテーブルに表示</TITLE>

<SCRIPT LANGUAGE="JavaScript">

  function getMouseX(e){
    if(document.layers)return e.pageX
    if(document.all)   return document.body.scrollLeft+event.clientX
  }
  function getMouseY(e){
    if(document.layers)return e.pageY
    if(document.all)   return document.body.scrollTop+event.clientY
  }
  function moveLAYER(layName,x,y){
    if(document.layers)document.layers[layName].moveTo(x,y)   
    if(document.all)document.all(layName).style.pixelLeft=x  
    if(document.all)document.all(layName).style.pixelTop=y   
  }
  function outputLAYER(layName,html){
    if(document.layers) {                      
       with(document.layers[layName].document){
         open()
         write(html)
         close()
      }
    }
    if(document.all){                         
      document.all(layName).innerHTML=html
    }
  }

var nn4=!!document.layers
var ie4=!!document.all

function showHELP(msg,e){
  var msgtbl ='<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=x-sjis">'
      msgtbl+='<TABLE BGCOLOR=#ff9900 BORDER=1><TR><TD>'
      msgtbl+='<TABLE BGCOLOR=#ffff99 BORDER=1><TR><TD>'
      msgtbl+='<SPAN STYLE="font:12pt Osaka,Arial">'
      msgtbl+=msg
      msgtbl+='</SPAN>'
      msgtbl+='</TD></TR></TABLE></TD></TR></TABLE>'

  outputLAYER('helplay',msgtbl)
  var offsetx=10 
  var offsety=2  
  moveLAYER('helplay',(getMouseX(e)+offsetx),(getMouseY(e)+offsety))
}
function hideHELP(e){
  moveLAYER('helplay',-100,-100)
  outputLAYER('helplay','')
}

</SCRIPT>

<STYLE TYPE="text/css">

A         { font-family:Osaka,Arial;font-size:12pt }
#helplay  { position:absolute;top:-100;left:-100 }
               
</STYLE>

</HEAD>
<BODY BGCOLOR="#ffffff"TEXT="#000000">

<FONT FACE="Osaka,Arial">

<SPAN ID="helplay"></SPAN>

<A HREF="＊＊＊.htm"

   onMouseOver="msg='＊＊＊＊＊＊＊';
                if(nn4||ie4)showHELP(msg,event);return true"
   onMouseOut="hideHELP();return true"

>サンプル1</A>

<A HREF="＊＊＊.htm"

   onMouseOver="msg='＊＊＊＊＊＊＊';
                if(nn4||ie4)showHELP(msg,event);return true"
   onMouseOut="hideHELP();return true"

>サンプル２</A>


<A HREF="＊＊＊.htm"  ALT="qwerqrqe"

   onMouseOver="msg='＊＊＊＊＊＊＊＊';
                if(nn4||ie4)showHELP(msg,event);return true"
   onMouseOut="hideHELP();return true"

>サンプル３</A><br>

</FONT>
</BODY>
</HTML>