473,385 Members | 1,655 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,385 software developers and data experts.

Using mouseover on images in menu to change text

I'm totally hung up on this one. I have a page with 10 images on the
left hand side. When an end-user mouses over the images I want text to
appear on the right hand side. There will be different text for each
image (button) and all of the text should land in the same place on the
right hand side. I think I need div tags but I'm not sure how to make
this happen.

Oct 26 '05 #1
2 3766
<img src="wherever" alt="whatever"
onmouseover="document.getElementById('whatever_you _want_to_name_your_div').innerHTML=<p>Hello
World.</p>"
onmouseout="document.getElementById('whatever_you_ want_to_name_your_div').innerHTML=<p>Default
content.</p>"/>

At least I think that should work. You'll need to put your text in a
nameable HTML container.

Cheers, Dom

Oct 27 '05 #2
In article <11**********************@g47g2000cwa.googlegroups .com>,
"an***********@gmail.com" <an***********@gmail.com> wrote:
<img src="wherever" alt="whatever"
onmouseover="document.getElementById('whatever_you _want_to_name_your_div').inn
erHTML=<p>Hello
World.</p>"
onmouseout="document.getElementById('whatever_you_ want_to_name_your_div').inne
rHTML=<p>Default
content.</p>"/>

At least I think that should work. You'll need to put your text in a
nameable HTML container.

Cheers, Dom


I think you'll also need to put quotes around that text, i.e.:

....your_div').innerHTML='<p>Hello World.</p>'"
Oct 27 '05 #3

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

Similar topics

7
by: Craig | last post by:
The code below hits the web server EVERY time the user mouses over one of the buttons. If you move your mouse in/out 10 times, there are 20 hits to the web server (10 for image.jpg and 10 for...
8
by: OysterCracker | last post by:
Hi - I've previously used js to swap images on mouseover in a menu. I'm stumped on a different situation and would appreciate some advice. I would like to swap imageA to ImageB when I mouseover...
1
by: Vitabiz Productions Ltd | last post by:
Hello, I'm currently experiencing some problems with the following code: <TABLE border=1 cellpadding=0 cellspacing=0> <TR> <TD BACKGROUND="images/menu.gif" WIDTH="170px" HEIGHT="372px"...
14
by: J. Makela | last post by:
Hallo. This should be a pretty entertaining question for you *real* javascript writers.. I, being the lowly photoshop guy at an ad agency made the mistake of actually saying "HTML" in a...
1
by: Com Dot | last post by:
In a frameset, the menu frame has six buttons. I would like to use mouseOver on these buttons to make images change in another frame. Does anyone have a script or know of a working site where this...
2
by: Amy | last post by:
<style> div.helpBtn{ font:bold 73% verdana; color:#995F8D; text-align:left; width:79px; height:24px; margin:0px; padding: 5px 0px 0px 27px; background:...
1
by: Carl Gilbert | last post by:
Hi Could someone please advise on the best method to achieve the following. I want a flat menu which uses images rather than text for each menu item. All items will have the same image...
3
by: MLD | last post by:
PLEASE HELP! I would like to include a UL as a menu, styled by an included CSS Style Sheet. The problem I am having is how do I dynamically set the "active" page class using JavaScript to...
0
by: spacecadet563 | last post by:
I am trying to change and display the image source of an image control (named image2 )on mouseover of cell event on a gridview(Gridview1) with a SQL datasource. The cell contains image name of image...
0
by: Charles Arthur | last post by:
How do i turn on java script on a villaon, callus and itel keypad mobile phone
0
by: emmanuelkatto | last post by:
Hi All, I am Emmanuel katto from Uganda. I want to ask what challenges you've faced while migrating a website to cloud. Please let me know. Thanks! Emmanuel
0
BarryA
by: BarryA | last post by:
What are the essential steps and strategies outlined in the Data Structures and Algorithms (DSA) roadmap for aspiring data scientists? How can individuals effectively utilize this roadmap to progress...
1
by: nemocccc | last post by:
hello, everyone, I want to develop a software for my android phone for daily needs, any suggestions?
1
by: Sonnysonu | last post by:
This is the data of csv file 1 2 3 1 2 3 1 2 3 1 2 3 2 3 2 3 3 the lengths should be different i have to store the data by column-wise with in the specific length. suppose the i have to...
0
marktang
by: marktang | last post by:
ONU (Optical Network Unit) is one of the key components for providing high-speed Internet services. Its primary function is to act as an endpoint device located at the user's premises. However,...
0
by: Hystou | last post by:
Most computers default to English, but sometimes we require a different language, especially when relocating. Forgot to request a specific language before your computer shipped? No problem! You can...
0
Oralloy
by: Oralloy | last post by:
Hello folks, I am unable to find appropriate documentation on the type promotion of bit-fields when using the generalised comparison operator "<=>". The problem is that using the GNU compilers,...
0
jinu1996
by: jinu1996 | last post by:
In today's digital age, having a compelling online presence is paramount for businesses aiming to thrive in a competitive landscape. At the heart of this digital strategy lies an intricately woven...

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.