HTML - Rollover Change Text Within Javascript

Okay, so I've been seeing these sites with text that you rollover and a box with more info appears. How do you do this? JS? CSS? It's hard to explain, so I'll look for an example.

Note to mods: I don't know where this would go, so feel free to move it.

EDIT: I know you can use the title attribute, but that's not the same thing

Thanks.

I'm using the DOM rollover script, but I have no idea how to put text over it. Is it even possible? I'd appreciate any help. Thanks!

So I've got this site, www.jackfrankfurter.com/urbanarch.html and I've got a navigation bar across the top. When you first get to the site, the rollovers work fine but once each page has been visited, the text changes to the "visited" color and the rollover color stops working.

Is there something I'm doing wrong in my style page? It looks like this:

@charset "UTF-8";
/* CSS Document */
body {background:#000000; color:#666666; font-family:Arial, Helvetica, sans-serif;}
a:link {color:#CCCCCC; text-decoration:none;}
a:hover {color:#71CEEA;}
a:visited {text-decoration:none; color:#F96;}
img {border:1px #C5DC79;}
.thumbnumber {color:#666666; font-family:Arial, Helvetica, sans-serif; font-size:10px;}

Thank you for all your help. It is most appreciated.

Yours,

Gidmeister

Dear Forum,

I'm a new member and needing quick help for a client who wants to rollover images and show different text for each image in a single location. I normally use Dreamweaver to create my rollover images but don't have text associated with that. The image will be a link so the client can click on the rollover image to enter that section of the Web Site. The text location needs to be in a particular location down below the images and in one location. I will have as many a 20 images or more all with different titles.

I would like to use a java script since that's what I most familiar with but not opposed to using html.

I'm in the process of the design as we speak so I need help as soon as I can receive it.

Thanks ahead of time.

Hello,

I am trying to command a mouse-rollover to display a text under the photo that is to be mouse-rollovered. I know how to display a second picture to showed up upon mouse-rollover on a first picture, but I do not know how to display a text message upon a picture mouse-rollover.

Thank you kindly guys

I know this is probably really basic stuff .. but i need different colours for the link, rollover and visited state.

But i dont want them to be the same throughout the page, i want each to be specific set of colours.

Just point me in the direction of where the answer is .. i dont mind reading up! Thanks.

I have several websites that I maintain and update. A lot of them are just textual changes and I would think my customers can do these themselves by editing a simple .txt file.

I was hoping my choices are avalable so that I can just insert this tag into my web pages and then give them login info to their edit page or show them how to upload the .txt file.

I hope this is an easy one with several answers.

Is it possible these tags could discipline your rankings in the search engines?

Thanks,
Jason

Hi again guys,

I have a new problem this time! On this page on my website:

http://www.modular9.co.uk/artists.html

I have it that when you rollover a link it changes from the artist's name to the collective name and back again. Obviously this causes a few problems such as the length of 'modular9' is shorter than most names so because they jump up a line when it is rolled-over the whole script freaks out and you get a mess.

I was just wondering if you knew of any other better script that would keep the same dimensions of the original text or some other idea you could share?

My script for this is:

<a href="#" class="links" onclick="MM_openBrWindow('artists/richardcook.html','modular9','scrollbars=yes,width=457,height=600')" onMouseOver="this.innerHTML = 'modular9';" onMouseOut="this.innerHTML = 'richard cook';">richard cook</a>

Highlighted red is the main rollover change.

Any help/idea would be most appreciated!

Thanks again

Richard

I'm trying to make an image appear/change in response to a rollover, but the image is not in the same table as the rollover.

I'm trying to redesign the header of my website, and have come up with this draft: bottleweb.org/test

I want an image to appear in between the "BOTTLEWEB.ORG" text and the buttons. If for example I move my mouse over the 'forum' button, I want an image corresponding to 'forum' to appear in between the buttons and the "BOTTLEWEB.ORG" test. Is this possible?

Hello, I'm trying to change the text color within a <li> tag in order to display a red "*Updated*" text since we have updated step 3 and want the user to notice it. I've tried using div but it ends up putting the text after "Updated" on a new line instead of on the same line like I want it. Thank you for any help!

Code:

div.u1{
	font-size:12px;
	color:red;	
}

Code:

<ol>
        <li>Enter your address in the box below</li>
        <li>Please check location</li>
        <li> <div class ="u1">*Updated*</div>For more info...</li>
</ol>

How do I use onMouseover to change text when the viewer runs the mouse over the link or text?

Thanks!

In my website a sample of my request and it shows how far I have gotten.

Go to: www.openoursite.com and select keyword: CHRYSLER

Here you will see a picture of my Red 1961 Chrysler 300. By the way, it is nearly perfect as well as beautiful. Below the picture is a button that when clicked, the picture changes to the next picture in the series of pictures.

I want to beable to change the bulleted text when the picture changes.

2nd, I want the text at the bottom of the screen to beable to be changed.

3rd, I would like to beable to have a switch in the code that I can set so that only 1 of the two text areas will change and the other stay as is. On a car application, I would leave the bulleted text as is and only change the text below.

Probably there should be 2 seperate switches that can be turned off or on.

I have one customer (advertiser) that wants the bulleted text to change and have no text at the bottom.

Can anyone help me.

Thanks
Launchnet

ere's what I need to do:

I have several variables that I want to assign to various spans within a page (i.e. customer_name, customer_address, etc.). Now, I am going to have more than a 1 span that I dynamically need to assign the customer_name to. But I want it to be able to do so without me having to name them all "customer_name1, customer_name2, customer_name3" and then having to go through and manually change each one, one-by-one within the function.

What I'd like to do is ultimately have the function loop through every span with the name or id of "customer_name" and change the innerHTML within it to whatever the value of the costomer's name variable is ("John Doe" for example).

I've tried a few ways, most of the time it only changes 1 instead of all of them.

Can anyone help?

Here's the scenario.

There's a heading on the page that says "Latest News". This might say something like "Next event is 4 May".

Obviously on 5 May, the text becomes out of date. But it would be OK if the heading changed to "Recent News"

BTW: I'm not a techie
.

at the moment the text is white and the background of the data area in the form is white too meaning people can't see what they type in. can someone please help so that they can see what they are typing in?

here's the webpage;

http://www.myspace.com/blissneso

and here's the code;

<BR><BR><form method="post" action="http://www.ymlp.com/subscribe.php?blissneso">
<table border="0">
<tr>
<td colspan="2"><img src="http://img404.imageshack.us/img404/9911/tile18gk.jpg" alt="title" /></td>
</tr>
<tr>
<td>Name:</td>
<td><input type="text" name="YMLP0" size="20"></td>
</tr>

<tr>
<td>Email:</td>
<td><input type="text" name="YMLP1" size="20"></td>
</tr>
<tr>
<td colspan="2">Select your location:</td>
</tr>
<tr>
<td>NSW:</td>
<td><input type="checkbox" name="CAT2"></td>
</tr>
<tr>
<td>VIC:</td>

<td><input type="checkbox" name="CAT3"></td>
</tr>
<tr>
<td>QLD:</td>
<td><input type="checkbox" name="CAT4"></td>
</tr>
<tr>
<td>WA:</td>
<td><input type="checkbox" name="CAT5"></td>
</tr>
<tr>
<td>SA:</td>
<td><input type="checkbox" name="CAT6"></td>
</tr>

<tr>
<td>TAS:</td>
<td><input type="checkbox" name="CAT7"></td>
</tr>
<tr>
<td>ACT:</td>
<td><input type="checkbox" name="CAT8"></td>
</tr>
<tr>
<td>NT:</td>
<td><input type="checkbox" name="CAT9"></td>
</tr>
<tr>
<td>NEW ZEALAND:</td>

<td><input type="checkbox" name="CAT10"></td>
</tr>
<tr>
<td>OTHER COUNTRY:</td>
<td><input type="checkbox" name="CAT11"></td>
</tr>
<tr>
<td colspan="2"><input type="submit" value="Submit"></td>
</tr>
</table>
</form>


thanks for any help in advance!!!