Shoutbox

I want to create a Hyperlink that is like this:

Before the text is rolled over, it appears as '- Home'.

But when someone hovers the mouse over the text it changes to '+ Home'. So basically it changes from '-' to '+'.

I was told by somebody that this is done using JavaScript, but I'm still not sure on how to do it.

Any help would be greatly appreciated, thank you.

quote:

---

Originally posted by Dan
I want to create a Hyperlink that is like this:

Before the text is rolled over, it appears as '- Home'.

But when someone hovers the mouse over the text it changes to '+ Home'. So basically it changes from '-' to '+'.

I was told by somebody that this is done using JavaScript, but I'm still not sure on how to do it.

Any help would be greatly appreciated, thank you.

---

I am a little rusty in my Java, but a good site for HTML, DHTML and Java is http://www.jalfrezi.com
That site has almost every HTML, DHTML tag and some JAVA in a very user-friendly layout.

quote:

---

Originally posted by blade
I am a little rusty in my Java, but a good site for HTML, DHTML and Java is http://www.jalfrezi.com
That site has almost every HTML, DHTML tag and some JAVA in a very user-friendly layout.

---

STFU, blade. If you don't know about Java, don't talk about it. Even in the case you meant Javascript by any chance (what is 100% sure).

If you don't know, don't post and don't spam!

I think you mean like this

<A HREF="http://vexonet.com/index.php">
<FONT onMouseOver="this.innerHTML = '+Home'"
      onMouseOut="this.innerHTML = '-Home'">Home</FONT></A>

quote:

---

Originally posted by KeyStorm

quote:

---

Originally posted by blade
I am a little rusty in my Java, but a good site for HTML, DHTML and Java is http://www.jalfrezi.com
That site has almost every HTML, DHTML tag and some JAVA in a very user-friendly layout.

---

STFU, blade. If you don't know about Java, don't talk about it. Even in the case you meant Javascript by any chance (what is 100% sure).

If you don't know, don't post and don't spam!

---

and what you just did is spam? so what are you doing>?<....

quote:

---

Originally posted by leejeffery
I think you mean like this

<A HREF="http://vexonet.com/index.php">
<FONT onMouseOver="this.innerHTML = '+Home'"
      onMouseOut="this.innerHTML = '-Home'">Home</FONT></A>

---

dreamweaver

code:

---

  <a href="link.html"
   onMouseOver="+HOME"
   onMouseOut="-HOME">

   - HOME

  </a>

---

quote:

---

Originally posted by traxor

code:

---

  <a href="link.html"
   onMouseOver="+HOME"
   onMouseOut="-HOME">

   - HOME

  </a>

---

---

I think that's the best solution placed on this page so far. Certainly what I'd choose.

EDIT: Just noticed you missed the 'this.innerHTML' stuff

It would be if it worked

The onmouseover and onmouseout properties define javascript or vbscript commands to execute.  That solution does nothing.  Traxor, I think you really need to stick to answering questions you can answer, because, yes, answering every question you see is called spam.  What does the best working example have to do with dreamweaver?

The innerHTML property is the easiest way to swap code, and I'd recommend that way.  If you wanted a more universal solution (to include the paranoid anti-js'ers ) you could probably do it with CSS but it would be fiddly and JS is far easier.

<a href="home.html"
onMouseOver="this.innerHTML = '+ Home'"
onMouseOut="this.innerHTML = '- Home'">
- Home
</a>

Done it now, thanks everyone