[WEB4LIB] creating links that use an onmouseover to display more links

[Lewandowski, Randy R.]

Looking at the source of http://www.infotoday.com I'd say the menu positioning is done in the JavaScript file called 'dropmenu.js'.

For a great place to start, try http://www.w3schools.com/ for a tutorial with some great examples. Specifically, look at the section on JavaScript, DHTML, and HTML DOM.

Hope this helps,

Randy R. Lewandowski
Special Projects Developer
Library Information Technology Services 
University Libraries 
Ball State University 
Muncie IN 47306 
voice: 765.285.8032 
fax: 765.285.1096 
RLewandowski at bsu.edu 
www.bsu.edu/library 
 

-----Original Message-----
From: web4lib at webjunction.org [mailto:web4lib at webjunction.org] On Behalf Of John Fitzgibbon
Sent: Monday, December 20, 2004 6:19 AM
To: Multiple recipients of list
Subject: [WEB4LIB] creating links that use an onmouseover to display more links

Hi,

On many web pages, moving a mouse over a link causes a div to appear right next to the original link. The newly appeared div contains links allowing for more precise navigation.

The web page http://www.infotoday.com is a good example of where this is done. Click on the link 'Magazines' on the left and you will see a list of links to magazines appear next to the original link.

I wish to find a resource, either a web site or a book, which explains how this is done.

I know that the visibility style of the original div is being changed from hidden to visible using JavaScript and this is done by invoking an onmouseover event handler. Positioning the div right next to the original link is a mystery to me. I assume that positioning is done with JavaScript by making the position of the div equal to this.style.top (the position of the link that has just been clicked on) but I don't see this anywhere in the JavaScript.

Is there a resource that will walk me through the steps?

Any ideas would be most welcome.

Regards
John


John Fitzgibbon

Galway Public Library
Island House
Cathedral Square
Galway
Ireland

p: 00 353 91 562471
f: 00 353 91 565039
w: http://www.galwaylibrary.ie 

*******************************************************************
Tá eolas atá príobháideach agus rúnda sa ríomhphost seo agus aon iatán a ghabhann leis agus is leis an duine/na daoine sin amháin a bhfuil siad seolta chucu a bhaineann siad. 
Mura seolaí thú, níl tú údaraithe an ríomhphost nó aon iatán a ghabhann leis a léamh, a chóipáil ná a úsáid. 
Má tá an ríomhphost seo faighte agat trí dhearmad, cuir an seoltóir ar an eolas thrí aischur ríomhphoist agus scrios ansin é le do thoil. 

This e-mail and any attachment contains information which is private and confidential and is intended for the addressee only. If you are not an addressee, you are not authorised to read, copy or use the e-mail or any attachment. 
If you have received this e-mail in error, please notify the sender by return e-mail and then destroy it. 
*********************************************************************