Well it's my first time in this forum and here I go...Need help.

My problem is: I have a web application in HTML who need interact with a local excel sheet for show some excel data like a comment.

Images to show how I need:

Image1a.jpgImage3a.jpgImagem 2a.jpg

I'm not a programmer, but use javascript (must be any code) for your simplicity (aparently). If someone have a solution, or have one efficient code..please!!!! Contact me!!!!!

Below a code for start...

HTML Code:
<!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">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252" />
<title>Teste de Excel através do Javascript</title>
<link rel="stylesheet" type="text/css" href="style.css" />

&lt;script type="text/javascript" src="js/boxOver.js"></script>
&lt;script type="text/javascript" src="js/GetData.js"></script>

<!-- // Here a Javascript function who "catch" data and put in "div1"

function GetData(cell,row){
 var excel = new ActiveXObject("Excel.Application");
 var excel_file = excel.Workbooks.Open("C:\\aria.xlsx");
 var excel_sheet = excel.Worksheets("Plan1");
 var data = excel_sheet.Cells(cell,row).Value;
 document.getElementById('div1').innerText =data;
 } -->


 <div id="header"> </div>

 bgColor="white" class="adjust_table">

<!-- os dados da planilha são capturados por GetData e passados através de "div1". Deveria aparecer depois de Boxes -->
<!-- Ao passar o mouse deveria aparecer "1801 - ...." -->

 <tr><td align="center" bgcolor="#FFFFFF"> <div id="div1" > </div>
 <a href="#" onMouseOver="GetData(2,1);" /><text="" title="" header= [] body=[ ] fade=[on]");"/>1801</a></td></tr>

<!-- Ao passar o mouse deveria aparecer "1701 - .... " -->

 <tr><td align="center" bgcolor="#EFEFEF"> <div id="div1" > </div>
 <a href="#" onMouseOver="GetData(3,1);" /><text="" title="" header=[] body=[ ] fade=[on]);">1701</a></td></tr>