What happened to the Messenger Plus! forums on msghelp.net?
Shoutbox » MsgHelp Archive » Skype & Technology » Tech Talk » Hyperlink Text Rollover Effect

Hyperlink Text Rollover Effect
Author: Message:
Dan
Full Member
***

Avatar

Posts: 195
34 / Male / –
Joined: Jan 2004
O.P. Hyperlink Text Rollover Effect
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.
Dan
07-06-2004 05:53 PM
Profile E-Mail PM Web Find Quote Report
.blade//
Veteran Member
*****

Avatar

Posts: 2856
Reputation: 39
35 / Male / –
Joined: Jan 2004
RE: Hyperlink Text Rollover Effect
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.
[Image: A%20Pointy%20Rock.jpg]
07-06-2004 06:03 PM
Profile PM Web Find Quote Report
KeyStorm
Elite Member
*****

Avatar
Inn-sewer-ants-pollie-sea

Posts: 2156
Reputation: 45
38 / Male / –
Joined: Jan 2003
RE: Hyperlink Text Rollover Effect
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!
07-06-2004 09:01 PM
Profile E-Mail PM Web Find Quote Report
Eljay
Elite Member
*****

Avatar
:O

Posts: 2949
Reputation: 77
– / Male / –
Joined: May 2004
RE: Hyperlink Text Rollover Effect
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>
07-07-2004 04:30 PM
Profile PM Find Quote Report
user27089
Disabled Account


Posts: 6321
Joined: Nov 2003
Status: Away
RE: Hyperlink Text Rollover Effect
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 :dodgy:
code:

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

   - HOME

  </a>

07-07-2004 05:06 PM
Profile PM Find Quote Report
RaceProUK
Elite Member
*****

Avatar

Posts: 6073
Reputation: 57
39 / Male / Flag
Joined: Oct 2003
RE: RE: Hyperlink Text Rollover Effect
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

This post was edited on 07-08-2004 at 12:16 PM by RaceProUK.
[Image: spartaafk.png]
07-07-2004 08:07 PM
Profile PM Web Find Quote Report
fluffy_lobster
Veteran Member
*****

Avatar
Posts: -2

Posts: 1391
Reputation: 23
36 / Male / Flag
Joined: Nov 2002
RE: Hyperlink Text Rollover Effect
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 :P) you could probably do it with CSS but it would be fiddly and JS is far easier.
07-08-2004 11:13 AM
Profile E-Mail PM Web Find Quote Report
Dan
Full Member
***

Avatar

Posts: 195
34 / Male / –
Joined: Jan 2004
O.P. RE: Hyperlink Text Rollover Effect
<a href="home.html"
onMouseOver="this.innerHTML = '+ Home'"
onMouseOut="this.innerHTML = '- Home'">
- Home
</a>

Done it now, thanks everyone


This post was edited on 07-08-2004 at 06:13 PM by Dan.
Dan
07-08-2004 06:00 PM
Profile E-Mail PM Web Find Quote Report
« Next Oldest Return to Top Next Newest »


Threaded Mode | Linear Mode
View a Printable Version
Send this Thread to a Friend
Subscribe | Add to Favorites
Rate This Thread:

Forum Jump:

Forum Rules:
You cannot post new threads
You cannot post replies
You cannot post attachments
You can edit your posts
HTML is Off
myCode is On
Smilies are On
[img] Code is On