Solved

how do i change the color onmouseover & out of links

Posted on 1998-06-19
14
186 Views
Last Modified: 2010-04-09
How can i make it so when someone's mouse is over a link it would be one color and another when the mouse is not over?
0
Comment
Question by:Acocite
  • 6
  • 5
  • 2
  • +1
14 Comments
 
LVL 2

Expert Comment

by:tpryor
ID: 1844267
javascript.

for instance,

>>store an image of the color to turn to (when mouse over) in a image var, ex:

 <SCRIPT LANGUAGE="JavaScript">

  <!-- HIDE

var menu = new Image();

        menu.src = "../gifs/mainmenu.gif";

 //STOP HIDING-->

>>name your image tag, ex:

<IMG SRC="../gifs/mainmenu.gif" NAME="Mainmenu" WIDTH="295" HEIGHT="405" ALIGN="BOTTOM">

>> include this code in the anchor tag..

<A HREF="bikes.htm" onMouseOver="Mainmenu.src='../gifs/mainmen1.gif';return showStatus(' ')"
onMouseOut="Mainmenu.src='../gifs/mainmenu.gif'">
-- Place above code here --
</a>

That's it.

GL
t

0
 

Author Comment

by:Acocite
ID: 1844268
Yes, but how can i do it with text, instead of images? worth an extra 50 pts.
0
 
LVL 1

Expert Comment

by:treyjeff
ID: 1844269
Like a link?  I have links on my page that change color when the mouse moves over them.  It might be able to be used with text, I'll try to test it.
0
 

Author Comment

by:Acocite
ID: 1844270
Yeah, like a link.
0
 
LVL 1

Expert Comment

by:treyjeff
ID: 1844271
Reject the propsed answer and I'll answer with what I use on my homepage.
0
 

Author Comment

by:Acocite
ID: 1844272
first answer rejected
0
 
LVL 6

Expert Comment

by:Holger101497
ID: 1844273
I can reliably tell you that it is NOT possible to change the color of "normal" text links without using DHTML / CSS. It can't be done in browsers other than Netscape 4 / IE 4 but the solutions are fairly different for the two and it's a real pain!
0
Is Your Active Directory as Secure as You Think?

More than 75% of all records are compromised because of the loss or theft of a privileged credential. Experts have been exploring Active Directory infrastructure to identify key threats and establish best practices for keeping data safe. Attend this month’s webinar to learn more.

 
LVL 1

Expert Comment

by:treyjeff
ID: 1844274
Here is how you do it:

<a href="destination.htm"><font face="Verdana" color="#000000" onmouseover="this.style.color = '#ffffff'" onmouseout="this.style.color = '#000000'">Destination Pages</font></a>

This will make a link called Destination Pages that will go to destination.htm  Link will be black and then white when the mouse moves over the link.  I use this on my page.
0
 

Author Comment

by:Acocite
ID: 1844275
I've tried using the text you gave me Treyjeff but it just doesn't work. Could their be some other tag somewhere in your document that i might need to make it work?
0
 
LVL 1

Expert Comment

by:treyjeff
ID: 1844276
What browser are you using?
0
 

Author Comment

by:Acocite
ID: 1844277
How am i supposed to use "Dhtml/Css"?
0
 

Author Comment

by:Acocite
ID: 1844278
ie 4.0
0
 
LVL 1

Accepted Solution

by:
treyjeff earned 190 total points
ID: 1844279
With what I gave you, you don't need DHTML or CSS.  I have uploaded a sample for you at http://www.huron.net/~jlewis/sample.htm
Check it out and it will work for you.
0
 
LVL 6

Expert Comment

by:Holger101497
ID: 1844280
> With what I gave you, you don't need DHTML or CSS
Do you even know what these terms mean? CSS= Cascading STYLE sheets.

What would you call onmouseover="this.style.color = '#ffffff'" ?

btw. your uploaded example doesn't work in Netscape.
Kind of what I said: The solution is a pain, and different for the two browsers! I regret not having enough time right now to play around and find a way to make it work in both browsers...

Good luck anyway! :-)
0

Featured Post

Is Your Active Directory as Secure as You Think?

More than 75% of all records are compromised because of the loss or theft of a privileged credential. Experts have been exploring Active Directory infrastructure to identify key threats and establish best practices for keeping data safe. Attend this month’s webinar to learn more.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

Foreword (July, 2015) Since I first wrote this article, years ago, a great many more people have begun using the internet.  They are coming online from every part of the globe, learning, reading, shopping and spending money at an ever-increasing ra…
SASS allows you to treat your CSS code in a more OOP way. Let's have a look on how you can structure your code in order for it to be easily maintained and reused.
The viewer will receive an overview of the basics of CSS showing inline styles. In the head tags set up your style tags: (CODE) Reference the nav tag and set your properties.: (CODE) Set the reference for the UL element and styles for it to ensu…
The viewer will learn the benefit of using external CSS files and the relationship between class and ID selectors. Create your external css file by saving it as style.css then set up your style tags: (CODE) Reference the nav tag and set your prop…

911 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

21 Experts available now in Live!

Get 1:1 Help Now