Expand|Select|Wrap|Line Numbers
- var browser = (navigator.appName == "Microsoft Internet Explorer") ? "ie" : "other";
- var tooltip_move = "no";
- function start_show(message, event) {
- var is_tt_created = document.getElementById("tooltip");
- is_tt_created.innerHTML = message;
- is_tt_created.style.display = "block";
- var get_xmouse = (browser == "ie") ? window.event.clientX : event.clientX;
- var get_ymouse = (browser == "ie") ? window.event.clientY : event.clientY;
- is_tt_created.style.top = get_ymouse + "px";
- is_tt_created.style.left = get_xmouse + "px";
- is_tt_created.innerHTML = message;
- tooltip_move = "yes";
- }
- document.onmousemove = function(event) {
- if (tooltip_move == "yes") {
- var tooltip_id = document.getElementById("tooltip");
- var set_xdiv = (browser == "ie") ? window.event.clientX : event.clientX;
- var set_ydiv = (browser == "ie") ? window.event.clientY : event.clientY;
- tooltip_id.style.top = set_ydiv + "px";
- tooltip_id.style.left = set_xdiv + "px";
- }
- }
- function stop_show() {
- var tt_element = document.getElementById("tooltip");
- tt_element.style.display = "none";
- tooltip_move = "no";
- }
[HTML]
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link type="text/css" rel="stylesheet" href="style.css" />
<title>ToolTip - Tader</title>
<script type="text/javascript" src="js_file.js"></script>
</head>
<body>
<span onmouseover="javascript:start_show('testas msg', event);" onmouseout="javascript:stop_show();">Testas cia yra</span>
<div id="tooltip"></div>
</body>
</html>
[/HTML]
so this tooltip works five on ie6 but on ff it blinks why if i remove onmouseout it works five but i need it so can any1 help me plz