Results 1 to 3 of 3

Thread: Textual tooltip FF1+ IE5+ Opr7+

  1. #1
    Join Date
    Jul 2005
    Posts
    21
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default Textual tooltip FF1+ IE5+ Opr7+

    When I click on the link it, sends me to an invalid page

    Do you know how I can stop this from happening?

    To see what I mean it's at http://www.dave.prodigynet.co.uk/htm...___advice.html

    Please help?

  2. #2
    Join Date
    Mar 2005
    Location
    SE PA USA
    Posts
    30,495
    Thanks
    82
    Thanked 3,449 Times in 3,410 Posts
    Blog Entries
    12

    Default

    Here is a typical link from your page that is doing this:
    HTML Code:
    <a href="../dynamicindex4/index.html" onMouseover="changetext(content[3])"><small>Do I need to insure my pet for the journey?</small></a>
    Notice that it is set to:
    Code:
    href="../dynamicindex4/index.html"
    which doesn't exist on your server. You have at least three choices:

    1 ) Change it to a link to a page that does exist on your server, preferably a page that (in this particular case) relates to pet travel insurance.

    2 ) Rewrite the link like so:
    Code:
    <a href="#" onMouseover="changetext(content[3])" onclick="return false;"><small>Do I need to insure my pet for the journey?</small></a>
    That way it will not open any page when clicked.

    3 ) Combine the two approaches:
    Code:
    <a href="petinsurance.html" onMouseover="changetext(content[3])" onclick="return false;"><small>Do I need to insure my pet for the journey?</small></a>
    That way when a javascript enabled browser hovers the link, they will see the content displayed to the right (as it is now), if they click on it, nothing will happen. When a non javascript enabled browser hovers the link, of course the will get no content displayed to the right but, if they click on it, they will be taken to petinsurance.html (provided you have made one available). A useful variation on this last idea is to prepare one page with all the content that is displayed on the right assembled on it. Put anchor names for each section and set the links to take you to that page and the appropriate anchor ex:
    Code:
    <a href="info.html#petins" onMouseover="changetext(content[3])" onclick="return false;"><small>Do I need to insure my pet for the journey?</small></a>
    Then on info.html have a section that looks like this:
    HTML Code:
    <a name="petins"></a>
    <br><big><b>Do I need to insure my pet for the journey?</b></big><br>This is at your own discretion, specialized travel insurance is available.
    - John
    ________________________

    Show Additional Thanks: International Rescue Committee - Donate or: The Ocean Conservancy - Donate or: PayPal - Donate

  3. #3
    Join Date
    Jul 2005
    Posts
    21
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    Hi John,

    All working perfect now.

    Thanks fro all your help.

    Dave.

Bookmarks

Posting Permissions

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