473,320 Members | 2,054 Online
Bytes | Software Development & Data Engineering Community
Post Job

Home Posts Topics Members FAQ

Join Bytes to post your question to a community of 473,320 software developers and data experts.

onMouseOver event - Question

Hi, I am cross posting this because I'm not really sure which area (HTML/DHTML,
Javascript, CSS, etc.) I need to post this question in. I'm also fairly new to
all this - please bare with me.

I have a table with two columns and two rows in it. In the upper left corner, I
have a logo image for my company. In the top right column/cell, I have some
navigational stuff, no big deal. In the left cell in the 2nd row, I have a list
of anchors of different songs I am producing - something like this:

<A HREF="jamison.mp3">Jamison</A>
<A HREF="tlw.mp3">The Long Winter</A>
<A HREF="summer.mp3">It's Summertime</A>
....
....

The cell on the right, 2nd row is empty at the start.

On the 2nd row, 1st cell, where the anchors are, on a "mouse over" event, I'd
like to display song lyrics and information regarding the song in the right
cell, 2nd row as the user moves the mouse over a given anchor.

What is the best way for me to do this? There are a couple of things/issues I
can think of right away:

1) Let's say there are 20 anchors in the left column. Let's say that some of
the songs' lyrics are quite lengthy and extend past the height of the cell at
row 2, left column. How would the system know this in advance (this will make
more sense with question #2 below)? Perhaps tell it some type of maximum height
you know will never be reached or something?

2) To me it doesn't make a lot of sense to include all this text in the main
HTML file since a majority of the time, the user(s) will never move their mouse
across ALL the anchors, only one or two. Seems to me there should be some way
of "loading" them as soon as the mouse over event occurs.

Any help with this would be appreciated. To respond via email, please remove
the NOSPAM literal from my address.

thanks,
Frank Wood
Jul 20 '05 #1
1 1579

"Frank Wood" <Fr********@NOSPAMnetscape.net> wrote in message
news:vS********************@comcast.com...
| Hi, I am cross posting this because I'm not really sure which area
(HTML/DHTML,
| Javascript, CSS, etc.) I need to post this question in. I'm also fairly
new to
| all this - please bare with me.
|

Er. Okay.

| I have a table with two columns and two rows in it. In the upper left
corner, I
| have a logo image for my company. In the top right column/cell, I have
some
| navigational stuff, no big deal. In the left cell in the 2nd row, I have a
list
| of anchors of different songs I am producing - something like this:
|
| <A HREF="jamison.mp3">Jamison</A>
| <A HREF="tlw.mp3">The Long Winter</A>
| <A HREF="summer.mp3">It's Summertime</A>
| ...
| ...
|
| The cell on the right, 2nd row is empty at the start.
|

Okay.

| On the 2nd row, 1st cell, where the anchors are, on a "mouse over" event,
I'd
| like to display song lyrics and information regarding the song in the
right
| cell, 2nd row as the user moves the mouse over a given anchor.

Why not just put this information in the title attribute of the links? You
could then optionally change the innerHTML or innerText property of the
bottom right cell to the title text (use the onmouseover and onmouseout
events of the anchor element.)

|
| What is the best way for me to do this? There are a couple of
things/issues I
| can think of right away:
|
| 1) Let's say there are 20 anchors in the left column. Let's say that some
of
| the songs' lyrics are quite lengthy and extend past the height of the cell
at
| row 2, left column. How would the system know this in advance (this will
make

Rows are all the same height in the scenario described above. The second
row would adjust accordingly to fit the new text.

| more sense with question #2 below)? Perhaps tell it some type of maximum
height
| you know will never be reached or something?
|
| 2) To me it doesn't make a lot of sense to include all this text in the
main
| HTML file since a majority of the time, the user(s) will never move their
mouse
| across ALL the anchors, only one or two. Seems to me there should be some
way
| of "loading" them as soon as the mouse over event occurs.

Don't bother with this unless the extra text is massive in length. If it
is, clip it and have a link to the rest.

Jul 20 '05 #2

This thread has been closed and replies have been disabled. Please start a new discussion.

Similar topics

6
by: Csaba2000 | last post by:
How do I achieve the following in javascript, the emphasis being on the NN (6.1) 'event' parameter that needs to be declared? This is the current method - works just fine: <TABLE border...
12
by: Epetruk | last post by:
Hi all, I want a page where the contents of a table cell are replaced with an image when the mouse moves over the cell, and the text is restored when the mouse moves out. Here's the html for the...
7
by: windandwaves | last post by:
Hi Gurus I am trying to make this rather complicated maps with an a huge number of mouseovers and the like. I want to set up a function that OnMouseDown swaps the OnMouseOver and OnMouseOut for...
5
by: Martin Chen | last post by:
I have a frame set (as per MS FrontPage 2000). It has a contents and a main frame. The contents frame has a menu bar written with with javascript (in the context of a table). In IE6.1 everything...
2
by: MrCode2k | last post by:
Hello, Trying to do: I just want a table that I can scroll and that has fixed headers. Problem: I got it to work but when I added the onmouseover event it didn't work anymore....
7
by: MrCode2k | last post by:
Hello, Trying to do: I just want a table that I can scroll and that has fixed headers. Problem: I got it to work but when I added the onmouseover event it didn't work anymore....
1
by: Ciuin | last post by:
Again I need your help. This is the test page I am working on: http://www.manfredkooistra.de/zeugs/test/test.php Description: The page shows a centered image and a navigation menue...
1
by: Goutour | last post by:
Hello, I am a 2-day old Javascript developer :-) and I have a problem. I am trying to do examples I find on net about using onmouse events. I found a javascript that generates flying objects, and I...
4
by: bgold12 | last post by:
Hey, I have kind of a weird problem. I have a span that I'm intentionally overflowing a table cell (<td>), so that it stretches over the table cells to the right of the parent table cell. I want...
3
by: linuskamb | last post by:
It seems, at least as far as my tests show, that Safari does not fire onmouseover for select options. with the code below, I can get all the messages in Firefox, but none in Safari. If I attach a...
0
by: DolphinDB | last post by:
Tired of spending countless mintues downsampling your data? Look no further! In this article, you’ll learn how to efficiently downsample 6.48 billion high-frequency records to 61 million...
0
by: ryjfgjl | last post by:
ExcelToDatabase: batch import excel into database automatically...
0
isladogs
by: isladogs | last post by:
The next Access Europe meeting will be on Wednesday 6 Mar 2024 starting at 18:00 UK time (6PM UTC) and finishing at about 19:15 (7.15PM). In this month's session, we are pleased to welcome back...
1
isladogs
by: isladogs | last post by:
The next Access Europe meeting will be on Wednesday 6 Mar 2024 starting at 18:00 UK time (6PM UTC) and finishing at about 19:15 (7.15PM). In this month's session, we are pleased to welcome back...
0
by: Vimpel783 | last post by:
Hello! Guys, I found this code on the Internet, but I need to modify it a little. It works well, the problem is this: Data is sent from only one cell, in this case B5, but it is necessary that data...
1
by: PapaRatzi | last post by:
Hello, I am teaching myself MS Access forms design and Visual Basic. I've created a table to capture a list of Top 30 singles and forms to capture new entries. The final step is a form (unbound)...
1
by: CloudSolutions | last post by:
Introduction: For many beginners and individual users, requiring a credit card and email registration may pose a barrier when starting to use cloud servers. However, some cloud server providers now...
1
by: Shællîpôpï 09 | last post by:
If u are using a keypad phone, how do u turn on JavaScript, to access features like WhatsApp, Facebook, Instagram....
0
isladogs
by: isladogs | last post by:
The next Access Europe User Group meeting will be on Wednesday 3 Apr 2024 starting at 18:00 UK time (6PM UTC+1) and finishing by 19:30 (7.30PM). In this session, we are pleased to welcome former...

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.