Results 1 to 6 of 6

Thread: Changing the displayed text with javascript

  1. #1

    Thread Starter
    Junior Member
    Join Date
    Jan 2000
    Location
    MN, USA
    Posts
    25

    Unhappy

    Hello,
    I am trying to make a website with a bunch of navigational links on the left side and a paragraph explaining each of the links on the right 70% of the window. Is it possible to display only one paragraph corresponding to the link that the user moved his mouse across instead of listing them all? This is something like an image rollover, except I'm trying to do it with text. I couldn't find it in my JavaScript book. Does anyone have any ideas?

    Thank you for your time,

    Daniel Kigelman

  2. #2
    Guest
    Download overLIB.

    It displays kind of a "ToolTipText", it is very easy to use...

    It's Free BTW.....

  3. #3
    Member
    Join Date
    Jun 2000
    Location
    UK
    Posts
    49
    You can do it with text in javascript REALLY easy. One problem. Nutscrape dont work with it. The best you could do is probably to use low-res images of the text and load images image-swapping style. Or alternatively you can load a new page into the right hand frame - with the different description in it - using the mouseover event of the button.

    They're the only methods I can think of. I actually do hope someone has a better way, since I tried to do the same thing a while ago and had to give up and do it as mentioned above with image swapping for an image containing the description.

    You can also use tooltip type things with the "title" property, but then that dont seem to work with nutscrape either... or at least the popular earlier versions of nutscrape.

    Hope that helps.
    Dave.

  4. #4
    Member
    Join Date
    Sep 2000
    Posts
    49
    I think this is what you are looking for:

    Code:
    <span id="description">Move mouse over a link to view its description</span>
    <p>
    <a href="page2.html" onMouseOver="description.innerHTML='This link will take you to page 2';">Page 2</a><br>
    <a href="page3.html" onMouseOver="description.innerHTML='Click here to goto page 3';">Page 3</a>
    </p>
    Hope that helped.

  5. #5

    Thread Starter
    Junior Member
    Join Date
    Jan 2000
    Location
    MN, USA
    Posts
    25

    Question Does it work with Netscape?

    Wow!! That simplifies it a lot! Does it work with netscape though?

  6. #6
    Member
    Join Date
    Sep 2000
    Posts
    49
    Yes I *think* it does, but I can't try it since my Netscape won't load up ANY page anymore...hmm.

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  



Click Here to Expand Forum to Full Width