Tooltips now works also with Netscape and Opera.

diff --git a/cgi-bin/awstats.pl b/cgi-bin/awstats.pl
index 49806084ff04ef74f8612823e58291e0c2bb7a14..17e2cf594d20317945db1c536d55109bbfbbf193 100644 (file)
--- a/cgi-bin/awstats.pl
+++ b/cgi-bin/awstats.pl
@@ -87,7 +87,7 @@ $word, $yearcon, $yearfile, $yearmonthfile, $yeartoprocess) = ();
 @sortsearchwords = @sortsereferrals = @sortsider404 = @sortsiders = @sortunknownip =
 @sortunknownreferer = @sortunknownrefererbrowser = @wordlist = ();
 
-$VERSION="2.5 (build 13)";
+$VERSION="2.5 (build 14)";
 $Lang=0;
 
 # Default value
@@ -1524,7 +1524,7 @@ DIV { font: 12px arial,verdana,helvetica; text-align:justify; }
 .TABLEFRAME { background-color: #$color_TableBG; }
 .TABLEDATA { background-color: #$color_Background; }
 .TABLETITLE { font: bold 16px verdana, arial, helvetica, sans-serif; color: #$color_TableTitle; background-color: #$color_TableBGTitle; }
-.CTooltip { position:absolute; top:0px; left:0px; z-index:2; width:280; visibility:hidden; font: 8pt MS Comic Sans,arial,sans-serif; background-color:#FFFFE6; padding: 8px 8px; border: 1px solid black; }
+.CTooltip { position:absolute; top:0px; left:0px; z-index:2; width:280; visibility:hidden; font: 8pt MS Comic Sans,arial,sans-serif; background-color:#FFFFE6; padding: 8px; border: 1px solid black; }
 //-->
 </STYLE>\n
 ";
@@ -3185,31 +3185,31 @@ if ($Lang == 6) {
 # Korean tooltips
 if ($Lang == 10) {
        print "
-       <DIV CLASS=\"classTooltip\" ID=\"tt1\">
+       <DIV CLASS=\"CTooltip\" ID=\"tt1\">
        »õ·Î¿î ¹æ¹®Àº ÀÌÀü¿¡(<b>\".($VisitTimeOut/10000*60).\" ºÐÀ̳»</b>)
        ´ç½ÅÀÇ »çÀÌÆ®¿¡ Á¢¼ÓÇÏÁö ¾ÊÀº(º¸°Å³ª ºê¶ó¿ì¡ ÇÏÁö ¾ÊÀº) »õ·Î¿î
        <b>¹æ¹®ÀÚ</b>¸¦ ³ªÅ¸³À´Ï´Ù.
        </DIV>
-       <DIV CLASS=\"classTooltip\" ID=\"tt2\">
+       <DIV CLASS=\"CTooltip\" ID=\"tt2\">
        Ŭ¶óÀ̾ðÆ® È£½ºÆ® ¼ö(<b>IP ÁÖ¼Ò</b>)´Â ¹æ¹®ÇÑ »çÀÌÆ® ¼ö¸¦ ³ªÅ¸³À´Ï´Ù.(ÃÖ¼ÒÇÑ <b>ÇÑ ÆäÀÌÁö</b>¶óµµ º» »çÀÌÆ®)<br>
        ÀÌ ÀÚ·á´Â ÀϺ° <b>¹°¸®ÀûÀ¸·Î ´Ù¸¥ »ç¿ëÀÚ</b>¼ö¸¦ ³ªÅ¸³À´Ï´Ù.
        </DIV>
-       <DIV CLASS=\"classTooltip\" ID=\"tt3\">
+       <DIV CLASS=\"CTooltip\" ID=\"tt3\">
        »çÀÌÆ®¿¡¼­ <b>º»(view) ÆäÀÌÁö</b> ȸ¼ö¸¦ ³ªÅ¸³À´Ï´Ù.
        (¸ðµç ¹æ¹®ÀÚÀÇ ÇÔ)<br>
         ÀÌ ÀÚ·á´Â À̹ÌÁö, ÆÄÀÏ°ú ´Þ¸® HTML ÆäÀÌÁö¿¡¼­ÀÇ \"Á¶È¸¼ö(hit)\"¿Í´Â ´Ù¸¨´Ï´Ù.
        </DIV>
-       <DIV CLASS=\"classTooltip\" ID=\"tt4\">
+       <DIV CLASS=\"CTooltip\" ID=\"tt4\">
        <b>ÆäÀÌÁö, À̹ÌÁö, ÆÄÀÏ</b>À» <b>º¸°Å³ª ´Ù¿î·Îµå</b>ÇÑ È¸¼ö¸¦ ³ªÅ¸³À´Ï´Ù.<br>
        ÀÌ ÀÚ·á´Â ÂüÁ¶¿ëÀ¸·Î¸¸ Á¦°øµË´Ï´Ù. ¿Ö³ÄÇÏ¸é º» \"ÆäÀÌÁö\"´Â Á¾Á¾ ½ÃÀåÁ¶»ç ¸ñÀûÀ¸·Î »ç¿ëµÉ ¼ö Àֱ⠶§¹®ÀÔ´Ï´Ù.
        </DIV>
-       <DIV CLASS=\"classTooltip\" ID=\"tt5\">
+       <DIV CLASS=\"CTooltip\" ID=\"tt5\">
        ÀÌ Á¤º¸µéÀº ´Ù¿î·ÎµåÇÑ ¸ðµç <b>ÆäÀÌÁö</b>, <b>À̹ÌÁö</b>, <b>ÆÄÀÏ</b> µéÀ» Kb´ÜÀ§·Î ³ªÅ¸³À´Ï´Ù.
        </DIV>
-       <DIV CLASS=\"classTooltip\" ID=\"tt13\">
+       <DIV CLASS=\"CTooltip\" ID=\"tt13\">
        $PROG ´Â <b>".(@SearchEnginesArray)."</b>ÀÇ <b>°Ë»ö</b>À¸·Î ´ç½ÅÀÇ »çÀÌÆ®¿¡ ´ëÇÑ Á¢±ÙÀ» ½Äº°ÇÒ ¼ö ÀÖ½À´Ï´Ù.
        </DIV>
-       <DIV CLASS=\"classTooltip\" ID=\"tt14\">
+       <DIV CLASS=\"CTooltip\" ID=\"tt14\">
        ´ç½ÅÀÇ »çÀÌÆ®¿¡ ¸µÅ©µÈ ¸ðµç <b>¿ÜºÎ ÆäÀÌÁö</b><br>
        (<b>$MaxNbOfRefereShown</b>´Â °¡Àå ÀÚÁÖ »ç¿ëµÇ´Â ¿ÜºÎ ÆäÀÌÁö¸¦ ³ªÅ¸³À´Ï´Ù.)
         °Ë»ö ¿£Áø¿¡ ÀÇÇÑ °á°úÆäÀÌÁö¿¡ »ç¿ëµÈ ¸µÅ©´Â ¿©±â¿¡¼­ Á¦¿ÜµË´Ï´Ù.
@@ -3249,27 +3249,33 @@ if ($Lang == 10) {
        ";
 }
 
-
-
+# document.body.scrollHeight = Height of full page
+# document.body.offsetHeight = Height of visible part of page
+# document.body.scrollTop || document.body.offsetTop = Pos of top of visible part in full page
+# event.clientX and event.clientY = Relative pos of mouse cursor
+# event.clientX and tooltipOBJ.style.pixelLeft doesn't work with Netscape
 print "
-<SCRIPT JavaScript>
-       function ShowTooltip(fArg)
-       {
-               var tooltipOBJ = eval(\"document.all['tt\" + fArg + \"']\");
-               var tooltipOffsetTop = tooltipOBJ.scrollHeight + 35;
-               var testTop = (document.body.scrollTop + event.clientY) - tooltipOffsetTop;
-               var testLeft = event.clientX - 310;
-               var tooltipAbsLft = (testLeft < 0) ? 10 : testLeft;
-               var tooltipAbsTop = (testTop < document.body.scrollTop) ? document.body.scrollTop + 10 : testTop;
-               tooltipOBJ.style.posLeft = tooltipAbsLft; tooltipOBJ.style.posTop = tooltipAbsTop;
-               tooltipOBJ.style.visibility = \"visible\";
-       }
-       function HideTooltip(fArg)
-       {
-               var tooltipOBJ = eval(\"document.all['tt\" + fArg + \"']\");
-               tooltipOBJ.style.visibility = \"hidden\";
+<script type=\"text/javascript\">
+  function ShowTooltip(fArg)
+  {
+    var tooltipOBJ = (document.getElementById) ? document.getElementById('tt' + fArg) : eval(\"document.all['tt\" + fArg + \"']\");
+    var tooltipLft = (document.body.offsetWidth - (tooltipOBJ.scrollWidth?tooltipOBJ.scrollWidth:(tooltipOBJ.style.pixelWidth?tooltipOBJ.style.pixelWidth:300)) - 30);
+    var tooltipTop = (document.body.scrollTop?document.body.scrollTop:document.body.offsetTop)+10;
+       if (navigator.appName != 'Netscape') {
+               if ((event.clientX > tooltipLft) && (event.clientY < (tooltipOBJ.scrollHeight?tooltipOBJ.scrollHeight:tooltipOBJ.style.pixelHeight) + 10)) {
+                       tooltipTop = (document.body.scrollTop?document.body.scrollTop:document.body.offsetTop) + event.clientY + 20;
+               }
        }
-</SCRIPT>
+    tooltipOBJ.style.pixelLeft = tooltipLft;
+    tooltipOBJ.style.pixelTop = tooltipTop;
+    tooltipOBJ.style.visibility = \"visible\";
+  }
+  function HideTooltip(fArg)
+  {
+    var tooltipOBJ = (document.getElementById) ? document.getElementById('tt' + fArg) : eval(\"document.all['tt\" + fArg + \"']\");
+    tooltipOBJ.style.visibility = \"hidden\";
+  }
+</script>
 
 ";