Hi , here is my js script
and the html
[HTML]
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dt d">
<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>ToolTi p - Tader</title>
<script type="text/javascript" src="js_file.js "></script>
</head>
<body>
<span onmouseover="ja vascript:start_ show('testas msg', event);" onmouseout="jav ascript:stop_sh ow();">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
Code:
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.dt d">
<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>ToolTi p - Tader</title>
<script type="text/javascript" src="js_file.js "></script>
</head>
<body>
<span onmouseover="ja vascript:start_ show('testas msg', event);" onmouseout="jav ascript:stop_sh ow();">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
Comment