.

placing popups over their links

<span id="<%=ClientID %>_spanner" onmouseout="toggleDiv('<%=PopupId %>');" onmouseover="toggleDiv('<%=PopupId %>');">

    <div id="<%=PopupId %>" style="border: 1px black solid; background-color: white;

        display: none; width: 200px; heigth: 300px; z-index: 1; position: absolute;">

        Doctor:

        <%=Name %><br />

        Hospital: St Thommas

        <br />

        Phone: 092312 2133<br />

        Fax:

        <br />

        Email: ASDF@test.com<br />

    </div>

    <a href="#" >

        <img src="/Images/doctor.png" style="position: relative; top: 5px; height: 20px;

            width: 20px; border: none" />

        <%=Name %></a> </span>



        <script>
            var item = $('#' + '<%=PopupId %>');
            var wholeitem = $('#<%=ClientID %>_spanner')
            var POS = wholeitem.position();
            item.html("left: " + POS.left + ", top: " + POS.top);
            item.css('left', POS.left);
            item.css('top', POS.top);
        </script>

What's your thoughts on this?

*

Protected by WP Anti Spam