[Thắc mắc] Muốn hiện lại tooltip bị die js[✔]

[anhdaodaica1]

Trước đây mình có dùng 1 loại tooltip (quên mất tên rồi) và muốn hiển thị tooltip này thì dùng "cú pháp"

Code:

<span onmouseover="showtip('nội dung');" onmouseout="hidetip();"></span>

Vì bị die js nên mình cũng del sạch css luôn, giờ muốn tìm lại nhưng tìm hoài không thấy

Ai biết js và css làm hiển thị loại tooltip này thì chỉ hộ mình

P/s: Mình cũng muốn đổi qua loại mới nhưng giờ forum của mình toàn áp dụng loại này (kể cả cái last)

Tks vì đã ghé thăm topic  

[Chúa Tể Địa Ngục]

Ko có

[anhdaodaica1]

Up

[handsomevip007]

Có lẽ là cái này

Code:

http://handsomevip007.googlecode.com/files/tooltips.js

 

[anhdaodaica1]

Có lẽ là cái này

Code:

http://handsomevip007.googlecode.com/files/tooltips.js

 

Code:

var offsetfromcursorX = 12;
var offsetfromcursorY = 10;
var offsetdivfrompointerX = 10;
var offsetdivfrompointerY = 13;
document.write('<div id="dhtmltooltip"></div>');
document.write('<img id="dhtmlpointer" src="http://i44.servimg.com/u/f44/15/64/85/86/duoitt10.png">');
var ie = document.all;
var ns6 = document.getElementById && ! document.all;
var enabletip = false;
var  tipobj = document.getElementById("dhtmltooltip");
var pointerobj = document.getElementById("dhtmlpointer");
function ietruebody() {
   return (document.compatMode && document.compatMode != "BackCompat") ? document.documentElement : document.body;
}
String.prototype.trim = function () {
    return this.replace(/^\s*/, "").replace(/\s*$/, "");
}
function showtip(thetext, thewidth, thecolor) {
   if (ns6 || ie) {
      if (typeof thewidth != "undefined")
         tipobj.style.width = thewidth + "px";
      if (typeof thecolor != "undefined" && thecolor != "")
         tipobj.style.backgroundColor = thecolor;
      thetext = thetext.trim();
      var arr = thetext.split(" ");
      for(i=0;i<arr.length;i++)
         if(arr[i].length>=40)
            thetext=thetext.replace(arr[i],arr[i].substr(0,40)+"...");
      tipobj.innerHTML = thetext;      
      enabletip = true;
      return false;
   }
}
function positiontip(e) {
   if (enabletip) {      
      var nondefaultpos = false;
      var curX = (ns6) ? e.pageX : event.clientX + ietruebody().scrollLeft;
      var curY = (ns6) ? e.pageY : event.clientY + ietruebody().scrollTop;
      var winwidth = ie && ! window.opera ? ietruebody().clientWidth : window.innerWidth - 20;
      var winheight = ie && ! window.opera ? ietruebody().clientHeight : window.innerHeight - 20;
      var rightedge = ie && ! window.opera ? winwidth - event.clientX - offsetfromcursorX : winwidth - e.clientX - offsetfromcursorX;
      var bottomedge = ie && ! window.opera ? winheight - event.clientY - offsetfromcursorY : winheight - e.clientY - offsetfromcursorY;
      var leftedge = (offsetfromcursorX < 0) ? offsetfromcursorX * (- 1) : - 1000;
      if (rightedge < tipobj.offsetWidth) {
         tipobj.style.left = curX - tipobj.offsetWidth + "px";
         nondefaultpos = true;
      }
      else if (curX < leftedge)
         tipobj.style.left = "5px";
      else {
         tipobj.style.left = curX + offsetfromcursorX - offsetdivfrompointerX + "px";
         pointerobj.style.left = curX + offsetfromcursorX + "px";
      }
      if (bottomedge < tipobj.offsetHeight) {
         tipobj.style.top = curY - tipobj.offsetHeight - offsetfromcursorY + "px";
         nondefaultpos = true;
      }
      else {
         tipobj.style.top = curY + offsetfromcursorY + offsetdivfrompointerY + "px";
         pointerobj.style.top = curY + offsetfromcursorY + "px";
      }
      tipobj.style.visibility = "visible";

      if (! nondefaultpos)
         pointerobj.style.visibility = "visible";
      else
         pointerobj.style.visibility = "hidden";
   }
}
function hidetip() {
   if (ns6 || ie) {
      enabletip = false;
      tipobj.style.visibility = "hidden";
      pointerobj.style.visibility = "hidden";
      tipobj.style.left = "-1000px";
      tipobj.style.backgroundColor = '';
      tipobj.style.width = '';
   }
}
document.onmousemove = positiontip;

Sao mình chèn cả vào footer/header mà nó vẫn ko hiện nhỉ?
Mà khi chèn thử vào html thì nó lại hiện
Hands giải đáp hộ mình

Nick test: chinhphuc
pass: chinhphuc123

[handsomevip007]

Mình không rõ lắm Nhưng script này phải lưu thành file rồi nhúng file script vào thì mới có tác dụng

[Sponsored content]