Populating a text box from a graphic map?

Hi, I am creating a cubicle program for work and it’s using a graphic map and the building schematics. We start on the “EmployeeSelectionPage.jsp” and there is the employee name, their old cubicle, an editable text box, and a “map” button for each employee.

When the map button is clicked it takes you to a graphic map that looks like the building. A cubicle is clicked (the coordingates are already mapped for each cube) and we want that cube # to populate the editable text box corresponding to that specific employee. This is a condensed version of the map’s code:

[code=php]

<table id = “GraphicMap” border=”1″ width=”266″ height=”144″>
<img src= “Images/SoftwareDevelopment-NE.bmp” align=”center” style=”position:absolute; top:210px; left:290px””
width=”476″ height=”450″
usemap=”#SoftwareDevMap”>

<map id=”SoftwareDevMap” name=”SoftwareDevMap”>

<area id = “308” shape=”square”
coords=”9, 135, 23, 148″
alt=”308″
href = “EmpSelectionPage.jsp?EmpSysId=<%//=request.querystring(“EmpSysId”)%>&ORIGINATE=SendCubeNumber308″>

<area id = “307” shape=”square”
coords=”32, 135, 44, 151″
alt=”307″
href = “EmpSelectionPage.jsp?EmpSysId=<%//=request.querystring(“EmpSysId”)%>&ORIGINATE=SendCubeNumber307″>

<area id = “306” shape=”square”
coords=”49, 135, 66, 151″
alt=”306″
href = “EmpSelectionPage.jsp?EmpSysId=<%//=request.querystring(“EmpSysId”)%>&ORIGINATE=SendCubeNumber306″>

<area id = “305” shape=”square”
coords=”75, 136, 92, 150″
alt=”305″
href = “EmpSelectionPage.jsp?EmpSysId=<%//=request.querystring(“EmpSysId”)%>&ORIGINATE=SendCubeNumber305″>
</map>
</table>[/code]

Thanks in advance for your response! I super appreciate it!!

<3 Jadie

Also in #JavaScript _↴