Results 1 to 7 of 7

Thread: Image Tool Tip URL Instruction

  1. #1
    Join Date
    Mar 2021
    Posts
    4
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default Image Tool Tip URL Instruction

    1) Script Title: Image w/ description tooltip v2.0
    2) Script URL (on DD): http://www.dynamicdrive.com/dynamici...agetooltip.htm
    3) Describe problem: My only problem is with the instruction to "associate a tooltip with a link on your page": the examples show your types of domains (dynamicdrive.com, javascriptkit.com, cssdrive.com, ...). What "a href" URL do I use for MY link before the "rel" value? If I put my own domain, it opens a new page--not what I want. Sorry to be so stupid. This script is exactly what I need for 3 dozen images within a story on a page. Thanks so much for what I'm sure is a head-slap answer.
    This site is a gold mine! So appreciative.

  2. #2
    Join Date
    Mar 2021
    Posts
    4
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default Details to my question

    To give an example, here's a line in my body text using the code:

    The life of "somebody" began on April 10, 1933. By all accounts his birth took place in a <a href="#" rel="imgtip[0]">small house</a> in the Some Section of Some City, NC, on Some Street.

    I've set up the .js .css carefully, but nothing happens when I mouse over the text. Is it the href issue I'm asking about?
    Thanks again for any help.

  3. #3
    Join Date
    Mar 2011
    Posts
    2,170
    Thanks
    60
    Thanked 120 Times in 116 Posts
    Blog Entries
    4

    Default

    Welcome Id8!

    Are you able to provide information if possible? Do you have a test page that we can access to see what the issue is?
    If not, can you provide a copy of your code (any relevant HTML and JS).

  4. #4
    Join Date
    Mar 2021
    Posts
    4
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    Hi keyboard!

    Here is a link to the page: https://www.coachcaudlecares.org/llltest.html

    I'm hesitant to put it out there b/c it's very new, under development and has personal story info (which will ultimately be made public), but I really need the help. Thanks so much!

  5. #5
    Join Date
    Mar 2011
    Posts
    2,170
    Thanks
    60
    Thanked 120 Times in 116 Posts
    Blog Entries
    4

    Default

    Thanks for the link! Very helpful for debugging. I understand completely about your hesitancy, and you're welcome to remove the link after you've gotten the help you need.

    The issue on the page appears to be because of the code to include the Image w/ description tooltip v2.0 is currently placed within your <style></style> tags. This makes the browser not handle it correctly.

    The current layout of your page is like this
    HTML Code:
    <style type="text/css">
        ALL OF YOUR CSS IS HERE
    
        <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
        <link rel="stylesheet" type="text/css" href="ddimgtooltip.css" />
        <script type="text/javascript" src="ddimgtooltip.js">
        /***********************************************
        * Image w/ description tooltip v2.0- (c) Dynamic Drive DHTML code library (www.dynamicdrive.com)
        * Please keep this notice intact
        * Visit Dynamic Drive at http://www.dynamicdrive.com/ for this script and 100s more
        ***********************************************/
    
        </script>
    </style>
    when it should be outside the tags like this
    HTML Code:
    <style type="text/css">
        ALL OF YOUR CSS IS HERE
    </style>
    
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
    <link rel="stylesheet" type="text/css" href="ddimgtooltip.css" />
    <script type="text/javascript" src="ddimgtooltip.js">
    /***********************************************
    * Image w/ description tooltip v2.0- (c) Dynamic Drive DHTML code library (www.dynamicdrive.com)
    * Please keep this notice intact
    * Visit Dynamic Drive at http://www.dynamicdrive.com/ for this script and 100s more
    ***********************************************/
    </script>
    Hope that makes sense! I've tested after making that change and it seems to resolve the issue. Let me know if that works for you.

  6. #6
    Join Date
    Mar 2021
    Posts
    4
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    Thanks, keyboard! I made the change you suggested and tried it in Firefox & Chrome, but it still doesn't work for me. I cleared cache and still no result. Any other idea why it may not be working? I really appreciate your time.

  7. #7
    Join Date
    Mar 2011
    Posts
    2,170
    Thanks
    60
    Thanked 120 Times in 116 Posts
    Blog Entries
    4

    Default

    Apologies for the delayed response time! Did you end up figuring this issue out? If not, do you have an updated test page? I checked out the one you posted earlier, but it has changed significantly (and it looks like you may've gotten it to work by switching them from links?)

Similar Threads

  1. Screen capture tool / cropper tool
    By theremotedr in forum Looking for such a script or service
    Replies: 3
    Last Post: 09-23-2016, 09:01 AM
  2. tool tip image
    By windy007 in forum Dynamic Drive scripts help
    Replies: 2
    Last Post: 10-08-2012, 02:30 AM
  3. IFrame Scroller... I need some basic instruction
    By DigiPub001 in forum Dynamic Drive scripts help
    Replies: 0
    Last Post: 04-24-2010, 01:11 AM
  4. Need for instruction on this code
    By Missouri Missing in forum Dynamic Drive scripts help
    Replies: 2
    Last Post: 01-20-2008, 07:56 PM
  5. image w/desrcription tool tip & image maps
    By cbrillow in forum Dynamic Drive scripts help
    Replies: 3
    Last Post: 07-31-2006, 02:23 AM

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
  •