From: eldy <>
Date: Sun, 3 Jun 2001 19:25:52 +0000 (+0000)
Subject: Tooltips now works also with Netscape and Opera.
X-Git-Tag: AWSTATS_1_0~279
X-Git-Url: http://git.ipfire.org/cgi-bin/gitweb.cgi?a=commitdiff_plain;h=09f23d92e805b94c2823eaaca7463e5bf44f4fff;p=thirdparty%2FAWStats.git

Tooltips now works also with Netscape and Opera.
---

diff --git a/cgi-bin/awstats.pl b/cgi-bin/awstats.pl
index 49806084..17e2cf59 100644
--- 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>
 
 ";