HTML acronym tag equivalent
Forum » Wikidot features and bugs / New features and ideas » HTML acronym tag equivalent
started by: andrewescottandrewescott
on: 1205585265|%e %b %Y, %H:%M %Z|agohover
number of posts: 14
rss icon RSS: new posts
summary:
It would be great to be able to have functionality like the HTML acronym or abbr tags, i.e. can display a word, and if the user hovers over it, will display the definition.
HTML acronym tag equivalent
andrewescottandrewescott 1205585265|%e %b %Y, %H:%M %Z|agohover

In HTML, the format is

Have you ever wondered what <acronym title="HyperText Markup Language">HTML</acronym> stands for?

but there doesn't appear to be a way to do the same thing using Wikidot.
unfold HTML acronym tag equivalent by andrewescottandrewescott, 1205585265|%e %b %Y, %H:%M %Z|agohover
Re: HTML acronym tag equivalent
gerdamigerdami 1205604069|%e %b %Y, %H:%M %Z|agohover

last edited on 1205748683|%e %b %Y, %H:%M %Z|agohover by gerdami + show more
unfold Re: HTML acronym tag equivalent by gerdamigerdami, 1205604069|%e %b %Y, %H:%M %Z|agohover
Re: HTML acronym tag equivalent
Helmuti_pdorfHelmuti_pdorf 1205744526|%e %b %Y, %H:%M %Z|agohover

Hi Gerdami!

I think he means the "hoovering" text- and how this is possible in wikidot.

( on images this is with the alt=",,," attribute, but on text I cannot image)

unfold Re: HTML acronym tag equivalent by Helmuti_pdorfHelmuti_pdorf, 1205744526|%e %b %Y, %H:%M %Z|agohover
Re: HTML acronym tag equivalent
gerdamigerdami 1205748728|%e %b %Y, %H:%M %Z|agohover

Just wanted to say : I Hate Acronyms :-)

unfold Re: HTML acronym tag equivalent by gerdamigerdami, 1205748728|%e %b %Y, %H:%M %Z|agohover
Re: HTML acronym tag equivalent
Phil ChettPhil Chett 1205749126|%e %b %Y, %H:%M %Z|agohover

is that all acronyms you hate, or just TLA's?

unfold Re: HTML acronym tag equivalent by Phil ChettPhil Chett, 1205749126|%e %b %Y, %H:%M %Z|agohover
Re: HTML acronym tag equivalent
gerdamigerdami 1205755575|%e %b %Y, %H:%M %Z|agohover

What's TLA for ?

last edited on 1205757120|%e %b %Y, %H:%M %Z|agohover by gerdami + show more
unfold Re: HTML acronym tag equivalent by gerdamigerdami, 1205755575|%e %b %Y, %H:%M %Z|agohover
Re: HTML acronym tag equivalent
Phil ChettPhil Chett 1205773070|%e %b %Y, %H:%M %Z|agohover

I see you have answered your own question :-)

unfold Re: HTML acronym tag equivalent by Phil ChettPhil Chett, 1205773070|%e %b %Y, %H:%M %Z|agohover
Re: HTML acronym tag equivalent
Phil ChettPhil Chett 1205749188|%e %b %Y, %H:%M %Z|agohover

would "footnotes" do instead?

unfold Re: HTML acronym tag equivalent by Phil ChettPhil Chett, 1205749188|%e %b %Y, %H:%M %Z|agohover
Re: HTML acronym tag equivalent
Helmuti_pdorfHelmuti_pdorf 1205913583|%e %b %Y, %H:%M %Z|agohover

Intresting question - can I "hide" the footnotes at the bottom ( or the bibliography if I use this function) under collapsible block?

And only use the "arising text by hoovering over the text" ?

http://www.wikidot.com/doc:wiki-syntax#toc29

unfold Re: HTML acronym tag equivalent by Helmuti_pdorfHelmuti_pdorf, 1205913583|%e %b %Y, %H:%M %Z|agohover
Re: HTML acronym tag equivalent
andrewescottandrewescott 1205927618|%e %b %Y, %H:%M %Z|agohover

This is an interesting suggestion. I've tried my best to get this to work at http://sandbox.wikidot.com/invisiblefootnotes but it is an ugly hack. The footnote block doesn't seem to be able to be made completely invisible, and hovering over the superscript 1 includes a comment about "click to scroll to footnotes".

Also, the whole thing is much more complex than the simple functionality I'm trying for. It's something that is widely supported in browsers, and is used not just for acronyms and abbreviations, but anywhere there's a tricky word that might need further explanation.

The other approach would be to define some a:hover rules in the CSS and tie them to links in the page, but this is a very messy approach and is not what that was designed for.

All I am after is basic HTML functionality! :)

unfold Re: HTML acronym tag equivalent by andrewescottandrewescott, 1205927618|%e %b %Y, %H:%M %Z|agohover
Re: HTML acronym tag equivalent
Helmuti_pdorfHelmuti_pdorf 1205929431|%e %b %Y, %H:%M %Z|agohover

but anywhere there's a tricky word that might need further explanation.

Is this not exact the functionality of a footnote?

unfold Re: HTML acronym tag equivalent by Helmuti_pdorfHelmuti_pdorf, 1205929431|%e %b %Y, %H:%M %Z|agohover
Re: HTML acronym tag equivalent
Helmuti_pdorfHelmuti_pdorf 1205930635|%e %b %Y, %H:%M %Z|agohover

let us have a try: ( see the http://sandbox.wikidot.com/invisiblefootnotes too)

my 2. try: ( Helmuti_pdorf) using collapsible block:

[[collapsible show="+ show me the hidden abbr/explanations (a.k.a. footnotes)" hide="- abbr/explanations"]]
(attributes: 
show - text to be shown when folded, e.g. "+ show text" 
hide - text to be shown when unfolded, click to fold 
hideLocation - location of the text to hide block, values are: top, bottom, both (nice for long blocks) 
)
[[footnoteblock title=""]]
[[/collapsible]]

Test of whether invisible footnotes would suffice for something like HTML1 <abbr> or <acronym> tag functionality.
Test of another text with TLA2.
Test of another text with ETLA3.
Test of another text with SFLA4.
Test of another text with LFLA5.
Test of another text with VLFLA6.

blabla1

bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla
bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla TLA7 bla bla bla bla bla bla bla bla
bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla
bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla
bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla
bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla .

1. try from "andrewescott" was:
[[div style="color: white"]]
[[footnoteblock title=""]]
[[/div]]

in action:

last edited on 1205930938|%e %b %Y, %H:%M %Z|agohover by Helmuti_pdorf + show more
unfold Re: HTML acronym tag equivalent by Helmuti_pdorfHelmuti_pdorf, 1205930635|%e %b %Y, %H:%M %Z|agohover
Re: HTML acronym tag equivalent
gerdamigerdami 1206007016|%e %b %Y, %H:%M %Z|agohover

Invisible footnotes ?

You can also add this code to your CSS stylesheet

.footnotes-footer{
    display:none;
}
unfold Re: HTML acronym tag equivalent by gerdamigerdami, 1206007016|%e %b %Y, %H:%M %Z|agohover
Re: HTML acronym tag equivalent
andrewescottandrewescott 1206010800|%e %b %Y, %H:%M %Z|agohover

but anywhere there's a tricky word that might need further explanation.


Is this not exact the functionality of a footnote?

Not really. A footnote's purpose is to put additional information at the bottom of the page. It was invented for a printed page world, and doesn't need to exist in a hypertext world, where information should be always right where it's needed.

For example, look at the use of the <acronym> tag at http://www.csszengarden.com/?cssfile=/204/204.css

I appreciate what you're trying to do, but I could imagine it would confuse users who expect to see a floating "Three Letter Acronym" but instead get a floating box stating

Footnote 2.
Three Letter Acronym
(click to scroll to footnotes)

Any suggestions for removing the top and bottom lines of this box (i.e. remove the references to footnotes)?

unfold Re: HTML acronym tag equivalent by andrewescottandrewescott, 1206010800|%e %b %Y, %H:%M %Z|agohover
new post
Unless stated otherwise Content of this page is licensed under Creative Commons Attribution-Share Alike 2.5 License.