Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people, just like you, are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
Solved

Text Link Rollover - Switch Bullet Color

Posted on 2006-11-01
2
176 Views
Last Modified: 2010-04-25
I would like to figure out how to rollover a text link and change a red bullet graphic to a blue one.

Example:

TEST Link  * <- (Imagine * is a Red Bullet)


When you mouse over TEST Link the * changes to the blue version of the graphic.

Thanks
0
Comment
Question by:joedunn
2 Comments
 
LVL 8

Accepted Solution

by:
radnor earned 500 total points
ID: 17851998
I did this real quick....   I have 2 GIF(s) 1 red, 1 blue BOTH 10px X 10px.  If you have more than one link, give each one a UNIQUE ID and make that ID apart of the onMouse event.

<html>
<head>
<title>test</title>

<script>
function switchimage (id, color) {
      d = document.getElementById(id);
      d.src = color;
}
</script>

<style>
a {
      text-decoration: none;
}
</style>

</head>
<body>
<a href="#" onMouseOver="javascript:switchimage('link', 'blue.gif')"
 onMouseOut="javascript:switchimage('link', 'red.gif')">TEXT link <img src="red.gif" id="link" border=0></a>
</body>
</html>
0
 
LVL 15

Expert Comment

by:Daydreams
ID: 17860470
Hi joedunn,

You can use CSS to change the image for your list bullet. Take a look at this simple tutorial with code:

http://www.joe2torials.com/view_tutorial.php?view=43

Here's an example:

http://www.joe2torials.com/css/examples/rollover/index.php
0

Featured Post

Free Tool: IP Lookup

Get more info about an IP address or domain name, such as organization, abuse contacts and geolocation.

One of a set of tools we are providing to everyone as a way of saying thank you for being a part of the community.

Question has a verified solution.

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

Suggested Solutions

Title # Comments Views Activity
Request.Querystring with Cookie 5 312
Dreamweaver - SQL Server Connetion/Connection String 5 922
Adobe Products Forum? 3 158
need cgi page to refresh one time only after launch 11 149
For those who don't know, Adobe Dreamweaver is a popular commercial web editor that enables you to design, build and manage complex websites. The editor is a WYSIWYG (What You See Is What You Get) web editor, which means that you can create your web…
Adobe Dreamweaver CS5 is a WYSIWYG web page editor that has advanced HTML, CSS, and Javascript rendering functionality and is probably the most well-known HTML editor available. Much of Dreamweaver's appeal centers around the Design View interfac…
Nobody understands Phishing better than an anti-spam company. That’s why we are providing Phishing Awareness Training to our customers. According to a report by Verizon, only 3% of targeted users report malicious emails to management. With compan…

807 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