phpbb bbcode : here is the bbcode for "word explanation popup"

[Rava]

I know I saw on several phpBB based forums the following:

A text posted gets an underlined dotted text markup and when the user hovers the mouse on that text a small popup would come up giving the explanation, e.g. for having an unusual / rare abbreviation explained.
Example: ROFL in the text and as popup "rolling on floor laughing"

ROFL needs no such popup, it is just an easy to understand example

I did not find the bbcode here: app.php/help/bbcode

And I also searched on https://www.phpbb.com/ - probably my used search term is not really correct? Or too broad? https://www.phpbb.com/search/?q=popup (it gives "About 688,000 results" - too many to catch browse them all.)

Nor did I find it on https://www.bbcode.org/reference.php

Nor on BBCode

And tips?


BTW, which phpBB are we currently running? (I looked into this page's HTML source code but found no reference to the phpbb version [many unrelated hits for phpBB])

[donald]

BTW, which phpBB are we currently running? (I looked into this page's HTML source code but found no reference to the phpbb version [many unrelated hits for phpBB])

URL/styles/prosilver/style.cfg
It isn’t always 100% accurate but good enough in most cases.

[Rava]

I was correct with my recollection that saw this feature at bbcode based forums.

Mike_Walsh (who is moderator @ puppy forum) connected me with Erik Schoepplenberg @puppylinux.com who sent me two emails explaining the details and gave me his written permission to quote from his emails, so here we go:

We do have a tool tip BBCode function on the Puppy Linux Forum. This is our BBCode:

BBCode usage -> [TT={TEXT1}]{TEXT2}[/TT]

HTML replacement:

<style>
.ttmark {
position: relative;
display: inline-block;
border-bottom: 2px dotted black;
cursor: pointer;
}

.ttmark .tttext {
visibility: hidden;
width: 200px;
color: #000;
background-color: #ffc;
padding: 3px;
position: absolute;
cursor: text;
/* white-space:pre; Palemoon does not word wrap , spills over edge */
/* display: inline-block; Opera would trigger word wrap */
z-index: 1;
}

.ttmark:hover .tttext {
visibility: visible;
top: 1em;
left: 0px;}
</style>

<span class="ttmark"">{TEXT2}
<span class="tttext">{TEXT1}
</span></span>


Create Tooltip [TT=tooltiptext]marked text[/TT]Help line

these lines go in the BBCode section in the /ACP->Posting/ section


example phpBB ACP page

The tooltip this BBCode makes is with the dotted line underneath the selected text and will display a tooltip when the cursor hovers over the dotted underline.


Let me know how it goes!

I really would love to have that little functionality added to the Porteus forum. <B