Pop-up Text When Hovering Over Image

  • Resolved cryptoscores

    (@cryptoscores)


    7 years, 5 months ago

    I’d like to have text appear when the mouse hovers over a cell of the table. I tried the code that was posted in this this link but it didn’t appear to add the desired hover feature to the table. Are there any options to do this using this table plugin?

    The page I need help with: [log in to see the link]

Viewing 13 replies - 1 through 13 (of 13 total)
  • Plugin Author Tobias Bäthge

    (@tobiasbg)

    7 years, 5 months ago

    Hi,

    thanks for your post, and sorry for the trouble.

    Adding the title="..." attribute should work here. Other solutions would be to use custom HTML and CSS, or a tooltip plugin.

    Regards,
    Tobias

    Thread Starter cryptoscores

    (@cryptoscores)

    7 years, 5 months ago

    Tobias,

    Thanks for your response. Could you be more specific as to how to implement that ‘title’ attribute to the table? It should be added into the table content cells rather than in the Extra CSS Classes box, correct?

    For example, current cell content is Beta Coefficient. How would I add the ‘title’ attribute into the code correctly?

    Thanks,

    Patrick

    Plugin Author Tobias Bäthge

    (@tobiasbg)

    7 years, 5 months ago

    Hi Patrick,

    just use the approach from the last post in the thread that you already linked to: https://wordpress.org/support/topic/popup-text-when-hovering-a-cell-or-row/#post-9887062

    Regards,
    Tobias

    Thread Starter cryptoscores

    (@cryptoscores)

    7 years, 5 months ago

    Tobias,

    The provided line of code: <span title=”This will be the popup text.”>This is the normal cell content.</span> produces the ‘This is the normal cell content.’ but doesn’t display the popup text. I will attempt to create the custom code or tooltip plugin if there is no other fix.

    Once again, thanks for your time.

    Best,

    Patrick

    Plugin Author Tobias Bäthge

    (@tobiasbg)

    7 years, 5 months ago

    Hi,

    where exactly did you try this? I can’t find a span on the page from your link?

    Regards,
    Tobias

    Thread Starter cryptoscores

    (@cryptoscores)

    7 years, 5 months ago

    Hello,

    I tried this on this page: https://cryptoscores.org/coin-index/bitcoin/ The table is under the ‘TradingView’ chart & has cells w/ content like ‘average blocktime, medium transaction fee, etc.).

    Let me know if that helps.

    Thanks for the support.

    Patrick

    Plugin Author Tobias Bäthge

    (@tobiasbg)

    7 years, 5 months ago

    Hi Patrick,

    ok, I can see the table, but there are no

    <span title="..." ...

    in it?

    Regards,
    Tobias

    Thread Starter cryptoscores

    (@cryptoscores)

    7 years, 5 months ago

    Hey Tobias,

    I’ve added another row at the bottom of the table with content: <span title=”This will be the popup text.”>This is the normal cell content.</span> in the first cell.

    The ‘This is the normal cell content’ is displayed however there appears to be no hover popup with “This will be the popup text”.

    Best,

    Patrick

    Plugin Author Tobias Bäthge

    (@tobiasbg)

    7 years, 5 months ago

    Hi Patrick,

    I can see the popup text without problems, when hovering with the mouse. Here’s a screenshot that I took (using Chrome on a Linux computer): https://imgur.com/a/lTyY6eS

    Regards,
    Tobias

    Thread Starter cryptoscores

    (@cryptoscores)

    7 years, 5 months ago

    Hey Tobias,

    It’s good to hear that it is working.

    Unfortunately, while using Chrome on macOS, the hover text does not appear. Any idea how to work around this?

    If not, no worries. I’ll close this out as resolved.

    Thank you very much for your support!

    Best,

    Patrick

    Plugin Author Tobias Bäthge

    (@tobiasbg)

    7 years, 5 months ago

    Hi,

    for me it also works in Chrome on Mac: https://imgur.com/a/uYmN6s6

    Regards,
    Tobias

    Thread Starter cryptoscores

    (@cryptoscores)

    7 years, 5 months ago

    Hey,

    That’s odd. Appears that there is just an issue on my end.

    Cheers! Thanks for everything.

    Plugin Author Tobias Bäthge

    (@tobiasbg)

    7 years, 5 months ago

    Hi,

    no problem, you are very welcome! 🙂 Good to hear that this helped!

    Best wishes,
    Tobias

Viewing 13 replies - 1 through 13 (of 13 total)

The topic ‘Pop-up Text When Hovering Over Image’ is closed to new replies.