سلام.
من تا حدودی مشکلاتش رو که توی مرورگرهای فایرفاکس و اپرا وجود داشت رو حل کردم، و تا این لحظه می شه گفت مشکلاتش کمتر شده...
یه چیز دیگه دوستان سعی کنید تا اونجا که می تونید، کدها رو copy و past نکنید و از اونجایی که این یه پروژه ی گروهی هست، جایز نیست که به اینصورت عمل کنیم.
در ضمن اگر ممکنه بیشتر روی تمیز نوشتن کدها وقت بزارید تا هر یک از افراد گروه نیم ساعت وقتش رو برای تحلیل کد نزاره، اگر در نوشتن کدها دقت کنید و کدها تمیز تولید کنید، سرعت کار بیشتر می شه و راحتتر می شه ادامه داد و یا افراد بیشتری رو به گروه جذب کرد.
captureEvents هم برای مرورگرهای قدیمی ns که غیر استاندارد هم هست بکار می ره، ولی طبق استاندارد w3c به جاش از EventListener ها استفاده کردم که مشکلی ندارند.
کد 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>
<title>barnamenevis</title>
<style type="text/css">
body {
font: 12px/120% verdana,tahoma,sans-serif;
margin: 0;
padding: 0;
}
.content {
position: absolute;
background-color:White;
border:1px solid #000;
width:auto;
height:auto;
display: none;
padding: 5px;
}
</style>
<script type="text/javascript">
// Get elements id
var elem = Function("ids", "return document.getElementById(ids)");
var IE = (window.ActiveXObject);
var wd,x,xmlDoc;
var tempX = 0;
var tempY = 0;
if (window.ActiveXObject) { // code for IE
xmlDoc = new ActiveXObject("Microsoft.XMLDOM");
} else if (document.implementation.createDocument) { // code for Firefox, Mozilla, Opera, etc.
xmlDoc = document.implementation.createDocument("","",null);
} else {
throw new Error("Browser does not support XML Document.");
}
xmlDoc.async=false;
xmlDoc.load("XMLFile.xml");
//////////////////////////////////////////
x = xmlDoc.getElementsByTagName("word");
// If NS -- that is, !IE -- then set up for mouse capture
if (!IE) document.addEventListener("mousemove", getMouseXY, false);
// Set-up to use getMouseXY function onMouseMove
document.onmousemove = getMouseXY;
// Main function to retrieve mouse x-y pos.s
function getMouseXY(e) {
// grab the x-y pos.s if browser is IE
if (IE) {
tempX = (event.clientX + 5) + document.body.scrollLeft;
tempY = (event.clientY + 20) + document.body.scrollTop;
} else { // grab the x-y pos.s if browser is NS
tempX = (e.pageX + 5);
tempY = (e.pageY + 20);
}
// catch possible negative values in NS4
if (tempX < 0){tempX = 0}
if (tempY < 0){tempY = 0}
// show the position values in the form named Show
// in the text fields named MouseX and MouseY
elem("content").style.left=tempX + "px";
elem("content").style.top=tempY + "px";
return true
}
function over() {
wd = elem("hyper").innerHTML;
for (var i=0;i<x.length;i++)
{
if(wd == x[i].getElementsByTagName("title")[0].childNodes[0].nodeValue) {
elem("translate").innerHTML = x[i].getElementsByTagName("translate")[0].childNodes[0].nodeValue;
elem("meaning").innerHTML = x[i].getElementsByTagName("meaning")[0].childNodes[0].nodeValue;
}
}
elem("content").style.display = "block";
}
function out() {
elem("content").style.display = "none";
}
</script>
</head>
<body>
<form id="frm" dir="ltr" action="mousePosition.htm" >
<span>hello to all of the members of</span>
<a href="#" id="hyper" onmouseover="over();" onmouseout="out();" >http</a>
<span id="content" class="content" >
<label style="color: #008000"> meaning is : </label>
<label id="meaning"></label>
<br />
<label style="color: #0000FF"> translate is : </label>
<label id="translate"></label>
</span>
</form>
</body>
</html>