Jump to content

Where to edit the <abbr> tags for the Acronym Expansion feature?

Featured Replies

Posted

The "Acronym Expansion" feature is used a lot on my forum, but unfortunately, it is not mobile friendly and works differently on different browsers. The Acronym Expansion feature seems to generate the acronym into <abbr> tags when it renders the post.

I found some jQuery and CSS that will easily turn the <abbr></abbr> tags into a tooltip that is mobile friendly, but it requires that I add rel="tooltip" to the tag.

I don't know what file to edit to make this change. :( Can anyone help?

I don't know what file to edit to make this change. :( Can anyone help?

Why does the jQuery and CSS require adding the rel attribute? If you're adding custom code, it's easier to modify it rather than editing the IPS4 source. Have you got a link?

Throw up a link to the jquery/css you've found - might have options to target the <abbr> tag instead of targeting the rel="tooltip".

Ok - so do you want to target all <abbr> tags then?

If so, then the line of interest in the JS code is this one:

var targets = $( '[rel~=tooltip]' )

Change that to:

var targets = $( 'abbr' )

That should remove the need to add the rel="tooltip"

Hah, the forum ate my post. Hit submit and got a 503.

Yeah, Nate's changes will do it.

Archived

This topic is now archived and is closed to further replies.

Recently Browsing 0

  • No registered users viewing this page.