User talk:Yair rand/ReferenceTooltips

See also: mw:Reference Tooltips and Wikipedia:Village pump (proposals)/Archive 89#Reference Tooltips.

Note: JS and CSS for gadget implemented in preferences:

MediaWiki:Gadget-ReferenceTooltips.js

MediaWiki:Gadget-ReferenceTooltips.css

JS and CSS for testing before inclusion in gadget:

User:Yair rand/ReferenceTooltips.js

User:Yair rand/ReferenceTooltips.css

To see the changes in this gadget go here:

- User:Yair rand/ReferenceTooltips.js: Revision history.

- User:Yair rand/ReferenceTooltips.css: Revision history.

- MediaWiki:Gadget-ReferenceTooltips.js: Revision history.

- MediaWiki:Gadget-ReferenceTooltips.css: Revision history.

Note from Timeshifter. To implement the testing version of this copy the following code to Special:MyPage/common.js - for me that ends up here: User:Timeshifter/common.js - the note lines starting with /* are optional.

/* Reference Tooltips. Version for testing before adding to gadget */
/* See wiki.riteme.site/wiki/User:Yair_rand/ReferenceTooltips */
/* Discussion: wiki.riteme.site/wiki/User_talk:Yair_rand/ReferenceTooltips */
importScript('User:Yair rand/ReferenceTooltips.js'); importStylesheet('User:Yair rand/ReferenceTooltips.css');

This is now a gadget in preferences

I see that Reference Tooltip has been enabled throughout Wikipedia for all. That's just fabulous. Could I suggest that links open on a new page, so it leaves the original Wikipedia page as-is. Currently the wiki page refreshes with the web-page on the link. Tb kol (talk) 13:48, 19 May 2015 (UTC)[reply]

For those who do not know this has now been implemented as a gadget in preferences (in the browsing section). Thanks for creating this Yair rand! --Timeshifter (talk) 08:58, 9 April 2012 (UTC)[reply]

Button to toggle this on and off. Fixed

Note. A disable button and adjustable delay are now in the actual gadget itself.

It would be nice to have a button or link or something to toggle this on and off from any article. Sometimes the popups get in the way while reading, and when trying to skim articles fast. Other times (mostly when editing, or when doing more in-depth reading and research) the reference popups are extremely useful.

But many people will turn this off permanently in preferences after using it for awhile because it can be like those popup ads one sees on ad-saturated web pages. You know, those pages with ads that pop up anytime one is scrolling through a page and the cursor hits those double-underlined links.

This tool is so useful it should be built in as a part of the core MediaWiki software. It should be turned on and off the same way the star button toggles whether a page is watched or not. --Timeshifter (talk) 00:41, 21 April 2012 (UTC)[reply]

Got any ideas for where such a toggle button could be located? The bar that holds the watch button is pretty stuffed already. I don't think the community would approve of adding yet another button to it. The sidebar on the left is already packed with links that nobody reads through. The edges of the article space are continually grabbed by the AFT and sometimes other scripts, and the top-right corner already contains way too many icons. The "user bar" at the top-right corner of the screen is also pretty stuffed. --Yair rand (talk) 21:57, 22 April 2012 (UTC)[reply]

There is a gadget in the appearances section called "Add page and user options to drop-down menus on the toolbar." I have that gadget turned on now. The on-off button could go there in a drop-down menu.

I think a better place would be in the toolbox section of the sidebar. People using the reference popups will use it if they know of it. So a note alongside the gadget info in preferences would be needed: "On-off button is in toolbox section of sidebar" --Timeshifter (talk) 09:54, 24 April 2012 (UTC)[reply]

An on/off button is unnecessary if there is a delay. See discussion below. --Timeshifter (talk) 18:17, 29 May 2012 (UTC)[reply]

Yair rand. I see also that you have added the option to change from hover to click in the testing version. --Timeshifter (talk) 16:15, 31 May 2012 (UTC)[reply]

I'm afraid I can't find the toggle. I have one page where the tooltips don't appear, so I must have toggled the gadget off for that page, and now I can't find where to toggle it back on. Thank you for your help. Vzeebjtf (talk) 01:43, 29 October 2013 (UTC)[reply]

@Vzeebjtf: The toggle isn't per-page. If you turn it off, it's off for all pages. The toggle to turn it back on is in the bar at the bottom of the page, next to the "Privacy policy", "About Wikipedia", etc buttons. --Yair rand (talk) 04:30, 29 October 2013 (UTC)[reply]

Thank you for responding, but I don't have it. Is it on all pages? Also, for some reason I cannot get tooltips on one particular page, but they appear on other pages. (It's my sandbox.) Vzeebjtf (talk) 04:47, 29 October 2013 (UTC)[reply]

@Vzeebjtf: Ah, sorry, ReferenceTooltips doesn't run in the userspace. It only runs in the article space, the Wikipedia: namespace, and the Help: namespace. --Yair rand (talk) 05:07, 29 October 2013 (UTC)[reply]

Oh, OK. Thanks again. Vzeebjtf (talk) 05:13, 29 October 2013 (UTC) I just realized I still don't have the toggle on the other pages, either. Vzeebjtf (talk) 05:54, 29 October 2013 (UTC)[reply]

@Yair rand: I've copied the userspace restriction info (main, WP:, and Help: only) into the doc page, following Fuhghettaboutit's having to dig it up (Teahouse, here). --Thnidu (talk) 06:39, 8 May 2014 (UTC)[reply]

200 millisecond delay. Fixed

Note. There is now an adjustable delay (200 millisecond default) in the actual gadget itself.

The version with the 200 millisecond delay is much better. The reference does not popup just by reading and scrolling through a page. One's cursor has to land on the reference link in order for it to popup. Just having one's mouse cursor pass over a reference link by scrolling does not cause it to popup. Perfect. I added the JS to common.js and it works fine there. Go to Special:MyPage/common.js - for me that ends up here: User:Timeshifter/common.js - and then add this:

importScript('User:Kaldari/ReferenceTooltips.js'); importStylesheet('User:Yair rand/ReferenceTooltips.css');

Make sure you have the regular gadget turned off if you make the above changes. --Timeshifter (talk) 16:23, 6 May 2012 (UTC)[reply]

Fixed. This change to the testing version added a delay. Kaldari's version is no longer necessary. --Timeshifter (talk) 16:11, 31 May 2012 (UTC)[reply]

Problem with highlighting reference below with a border

See Systematic error. Depending on how far I have scrolled down the page, hovering my mouse over the only reference links does not show the reference tooltip. Instead it puts a box around the reference below.

The problem is that sometimes that reference is partially below the screen.

Even when it is not below the screen I prefer seeing the tooltip over seeing the highlighted reference below. I can always click the number to go to the reference below. --Timeshifter (talk) 22:09, 9 May 2012 (UTC)[reply]

I've changed it so that it only uses the border instead of the tooltip when the reference is entirely on the screen. --Yair rand (talk) 19:45, 29 May 2012 (UTC)[reply]

Thanks. That is better. But in Firefox the URL for the reference link covers up part of the bordered reference sometimes. Try it and you will see what I mean. Scroll so that the bordered reference just barely shows up on the screen at the bottom. --Timeshifter (talk) 21:02, 29 May 2012 (UTC)[reply]

I checked this again, and it is still true. I made sure to remove Kaldari's JS import this time. I had turned your gadget back on in preferences, but had forgotten to remove Kaldari's JS import from here: User:Timeshifter/common.js --Timeshifter (talk) 13:21, 30 May 2012 (UTC)[reply]

This is also true with the testing version. --Timeshifter (talk) 23:19, 3 June 2012 (UTC)[reply]

Reference box needs to show below the number sometimes. Fixed

Note. This has been fixed in the actual gadget itself.

Sometimes the reference box shows outside my screen. For example; when I am reading near the top of the screen. This is because the reference box only shows above the reference number.

I know this can be fixed. I have seen many hover menus that change the direction (above or below) they pop up. Depending on the available screen space. I notice that you have this figured out for left or right placement of the reference box.

This is a particular problem for references in the lead section. One can not scroll farther up the page in order to make the reference box visible. This is especially problematic for detailed references with quotes and other detailed info in the reference info. See the lead section references here: Incarceration in the United States. --Timeshifter (talk) 13:38, 29 May 2012 (UTC)[reply]

Fixed. Awaiting sync for the gadget version. --Yair rand (talk) 21:06, 2 July 2012 (UTC)[reply]

Thanks. It works sometimes. It seems to depend on the zoom level and text size in both Firefox and Internet Explorer. The problem at the top of the page is not as bad. But farther down the page at Incarceration in the United States things are worse. References pop up above the screen out of view. Then when one uses larger text, or uses the zoom, there are more problems, on all parts of the page. Part of the problem is that the popup box is too narrow. I suggest doubling its width. That would solve a lot of this problem. --Timeshifter (talk) 08:51, 3 July 2012 (UTC)[reply]

I may have misunderstood the reported problem. The recent change makes it so that if the top of the tooltip would otherwise go above the top of where the user would be able to see (above the top of the article) regardless of the current scroll position, the tooltip flips upside down. Otherwise the tooltip goes in its normal orientation, and the user can scroll up to see the rest of it, if necessary. I don't think the tooltip should flip unless it's actually necessary for the content to be used. The tooltip has a firm max-width of 260 pixels, which seems like a good size. (I'm not a designer, so I don't really know how many of these decisions make sense. I'm basing as much as possible off of this image, which was made by a designer (Jorm).) --Yair rand (talk) 16:28, 3 July 2012 (UTC)[reply]

Designers have screwed up many things on Wikia and Wikipedia. :) I don't think he would mind your decisions in this. Scroll down Incarceration in the United States. It is difficult to scroll and keep the cursor in the same location. So one loses the tooltip oftentimes when one scrolls to see it. The tooltip does not seem to flip down when the reference is in the middle of the article. A paragraph from the middle of the article but at the top of the screen.

I believe it is possible to make it so that the tooltip widens as the amount of text increases. That way you can still have compact tooltips for the short references and wider tooltips for the longer references. --Timeshifter (talk) 13:14, 4 July 2012 (UTC)[reply]

(unindent). It is much better now that the reference box (tooltip) shows below the reference number when needed. See this diff for the testing version. I noticed something strange though. The tooltip oftentimes shows both above and below the number, at the same time. --Timeshifter (talk) 03:37, 13 August 2012 (UTC)[reply]

Hm, maybe you have both the gadget version and the testing version on at the same time? Check Special:Preferences#mw-prefsection-gadgets. --Yair rand (talk) 03:42, 13 August 2012 (UTC)[reply]

Yes, that's it. Oops. I thought I was being careful since the last time I had both on, sometimes with Kaldari's import version. Is Reference Tooltips turned on by default now in My Preferences? --Timeshifter (talk) 04:05, 13 August 2012 (UTC)[reply]

Yeah, it was turned on almost a month ago. --Yair rand (talk) 04:21, 13 August 2012 (UTC)[reply]

I knew it was offered as a gadget option in Special:Preferences#mw-prefsection-gadgets, but is it turned on by default? In other words is the box already checked?

Some gadgets are turned on by default on the Commons. See: commons:Special:Preferences#mw-prefsection-gadgets. I don't know if this is done on Wikipedia though. --Timeshifter (talk) 00:50, 14 August 2012 (UTC)[reply]

Yes, ReferenceTooltips was turned on by default in this edit. It runs for all users, including users not logged in, unless they've specifically disabled it. There are also a few other gadgets enabled by default on English Wikipedia, such as the gadget that adds the "My sandbox" link in the top-right corner. --Yair rand (talk) 04:08, 14 August 2012 (UTC)[reply]

Fantastic. I did not know it was turned on for all users, including users not logged in. Maybe Wikipedia gadget preferences can indicate which preferences are on by default like the Commons does (or by some other method). Once people change any of their gadget preferences on Wikipedia it is impossible to know if any are on by default. I had no idea any of them were on by default. --Timeshifter (talk) 04:32, 14 August 2012 (UTC)[reply]

I wish the tooltip box were just a little wider. Even a little bit would help. It would not take much to solve my problem. At Incarceration in the United States and other pages, a few of the lengthy references are still cut off on my 17-inch CRT monitor set to 1280 by 1024, whether the tooltip box shows up above or below the cursor.

I set a minimum font size in Firefox options: Tools menu, options, content, advanced, minimum font size. It is not a much larger font size, but enough to make the tooltip box width inadequate for my needs. I am sure this is a problem for many people like me, and for many tablets, laptops, etc.. --Timeshifter (talk) 13:37, 21 August 2012 (UTC)[reply]

Wish list. Edit link that takes one to reference wikitext

It would be nice if there were an edit link added to the tooltip box so that one could be taken directly to the reference wikitext. Just wishing. :) --Timeshifter (talk) 14:40, 21 August 2012 (UTC)[reply]

Cool idea, but the Mediawiki software doesn't really have a system for editing anything more specific than sections separated by headers. Maybe when the VisualEditor comes around there will be a way to edit reference content directly and conveniently. (Also just wishing. :) ) --Yair rand (talk) 20:38, 21 August 2012 (UTC)[reply]

Other reference tools

Just found this: User:PleaseStand/References segregator. It was mentioned here: Wikipedia talk:Wikipedia Signpost/2012-08-20/Op-ed I haven't tried it out yet. --Timeshifter (talk) 15:29, 22 August 2012 (UTC)[reply]

"Syntax highlighter" is another interesting gadget that can help with references. For more info and discussion:

Here is another discussion:

Wikipedia:Requests for comment/Syntax differentiation in editing window --Timeshifter (talk) 13:35, 1 October 2012 (UTC)[reply]

ReferenceTooltips in other languages

Hello Yair rand, i really like ReferenceTooltips, great work! We are discussing to introduce it on german Wikipedia too [1].

1) How about translations? I see it is already translated to chinese (and activated), where is this happening, on translatewiki? Do you have a link?
2) Since ReferenceTooltips is default activated on en-wiki for 2 months now, how are the reactions? Any problems? How about Web accessibility? Or any complaints about cookies?

Thank you very much for your hard work to enable this improvement! --Atlasowa (talk) 08:49, 24 August 2012 (UTC)[reply]

There is no central location for translations, as far as I know. Each wiki does the translating for themselves on their own wiki if they want to import the gadget. Re reactions, the community's actually been surprisingly quiet about the change, though I suppose there might be many users who just don't know where to post. I'm not aware of any complaints about cookies.

Short guide to importing the gadget, in case anyone needs it: (Assuming user is an admin)

Go to Special:Import on the wiki that it's being imported to and fill in source wiki/page as en and Mediawiki:Gadget-ReferenceTooltips.js, select Mediawiki as the destination namespace, and click import. Then do the same for Mediawiki:Gadget-ReferenceTooltips.css. (This is to preserve the page history.)
Create MediaWiki:Gadget-ReferenceTooltips on the target wiki, probably with a translation of the page MediaWiki:Gadget-ReferenceTooltips on EN, but you might not want to link to the English-language design proposal page on mw:.
Translate the English content of Mediawiki:Gadget-ReferenceTooltips.js on the destination wiki. The following strings need translating: "Enable Reference Tooltips", "Disable Reference Tooltips", "Once disabled, Reference Tooltips can be re-enabled using a link in the footer of the page.", "Delay before the tooltip appears (in milliseconds): ", "Tooltip is activated by:", "hovering", "clicking", "Reference Tooltips options", "Save settings", and "Tooltip settings".
(Optional) Customize as to the community's needs. For example, the Chinese Wikipedia modified the coloring of the tooltip borders by changing Mediawiki:Gadget-ReferenceTooltips.css. (I'm assuming the reason was because the different color matches some other stuff on ZH, but I'm not actually sure...) The default delay can also be somewhat easily changed: The number 200 (near the top) is the number of milliseconds.
Add the following line to MediaWiki:Gadgets-definition: ReferenceTooltips[default]|ReferenceTooltips.js|ReferenceTooltips.css . Leave out the [default] to have it opt-in instead of opt-out.

--Yair rand (talk) 09:37, 26 August 2012 (UTC)[reply]

Why not to implement the localized interface using mw.messages.set and mw.msg as is made e.g. at commons:MediaWiki:Gadget-rightsfilter.js? This there would be less code duplication, and it would also benefit users of English Wikipedia who set their language to something other than 'en' (and would also make it easier to migrate to Gadgets 2.0 later). Helder 01:26, 27 August 2012 (UTC)[reply]

Hi there. Sorry to interrupt. I'm of the administrators in Malay Wikipedia (code:ms) and had tried to implement this in it so that anonymous users will default have this gadget on just like English Wikipedia, but to no avail. I think I miss somewhere the coding while implementing it in Malay Wikipedia. Can somebody help us about the coding? Izhamwong (talk) 00:14, 18 February 2013 (UTC)[reply]

Well, one problem is that you have it running insecure content even if the user is using the secure server, which will be blocked by most browsers. Replacing http:// with // in ms:MediaWiki:Gadget-ReferenceTooltips.js will fix this. If it still doesn't work I'll try to find other problems. --Yair rand (talk) 01:09, 18 February 2013 (UTC)[reply]

Also, the [default] is missing from ms:Mediawiki:Gadgets-definition. --Yair rand (talk) 01:24, 18 February 2013 (UTC)[reply]

Sorry but I'm still not familiar with the coding (still learning it). What do you mean by [default] in ms:Mediawiki:Gadgets-definition? Izhamwong (talk) 07:50, 18 February 2013 (UTC)[reply]

There is one line in ms:Mediawiki:Gadgets-definition that says "* ReferenceTooltips|ReferenceTooltips.js". To have it on by default, it needs to say "* ReferenceTooltips[default]|ReferenceTooltips.js". --Yair rand (talk) 12:04, 18 February 2013 (UTC)[reply]

Actually Malay Wikipedians had discussed and decided that only IP users will be default while registered users are excluded. I have changed the http:// with // but to no avail. Am I doing it wrong? Izhamwong (talk) 12:30, 18 February 2013 (UTC)[reply]

Oh, you have it loaded from Common.js, and it's giving a TypeError for mw.user.isAnon. Maybe try wrapping it in mw.loader.using("mediawiki.user",function(){ }) ?

mw.loader.using("mediawiki.user",function(){if (mw.user.isAnon()) {  importScript("MediaWiki:Gadget-ReferenceTooltips.js"); } })

--Yair rand (talk) 16:13, 18 February 2013 (UTC)[reply]

Support of references embedded in footnotes

Hello Yair rand, these Reference Tooltips of yours are truly great. It makes checking the refs much easier. Thank you for creating it!.
It doesn't seem to show up for references embedded in footnotes. Do you think it could be made working with them too? The RedBurn (ϕ) 08:22, 24 September 2012 (UTC)[reply]

I've made a change to the testing version so that it supports popping up tooltips for references embedded in footnotes. (Still needs some testing before the change can go live.) One issue is that when hovering over the second tooltip, the first tooltip disappears and the second is sort of just hovering there... I'm not sure whether that's a problem or not. --Yair rand (talk) 21:02, 24 September 2012 (UTC)[reply]

The embedded references now show up nicely. About the issue, wouldn't it be possible to keep the first tooltip visible by adding a check for a global variable which would be set to true when opening the embedded tooltip and to false when that embedded tooltip is hidden? The RedBurn (ϕ) 10:28, 25 September 2012 (UTC)[reply]

I've been playing around with variables to try to prevent the parent tooltip from disappearing, but with no luck. It isn't that bad since embedded refs aren't that frequent. The RedBurn (ϕ) 12:04, 27 September 2012 (UTC)[reply]

It works on Multi-factor authentication which uses "<ref>web address|name</ref>", but not on Browser security which uses "<ref>{{cite web...}}</ref>". Annoying. 203.161.102.82 (talk) 12:13, 30 June 2013 (UTC)[reply]

Odd. Just checked 'cos I see this page is unsecured (????????), and the popup works on the unsecured Browser security. Who should we believe? 203.161.102.82 (talk) 12:18, 30 June 2013 (UTC)[reply]

Android phone browser crashing when I click on an inline citation

And I've mentioned this general issue here. I don't know where the discussion should be. Thanks. Biosthmors (talk) 19:27, 9 October 2012 (UTC)[reply]

ReferenceTooltips only functions on the non-mobile site. The mobile site has a similar functionality, which might be responsible for this issue. If this problem happens when you're on the mobile site, you should probably file a bug at bugzilla:. --Yair rand (talk) 09:42, 14 October 2012 (UTC)[reply]

Support of Template:Harvard citation no brackets

Hello again Yair rand, embedded references seem to work very well, thank you! I was wondering if Reference Tooltips could be made to work with {{Harvard citation no brackets}} too, since they seem to be used rather frequently. You can see an example of use on Alphabet. The RedBurn (ϕ) 17:17, 16 October 2012 (UTC)[reply]

Exception thrown by ext.gadget.ReferenceTooltips: isTouchScreen is not defined

I and others are seeing this error on test.wikipedia.org in the JavaScript console of both Firefox and Chromium. E.g. as an anonymous user, go to http://test.wikipedia.org/w/index.php?title=Special:UserLogout (testwiki is running 1.21wmf3, enwiki is still on 1.21wmf2) -- S Page (WMF) (talk) 23:46, 1 November 2012 (UTC)[reply]

Testwiki is not running the normal ReferenceTooltips, it is running a modified (and broken, at the moment) version written by User:TheDJ, at testwiki:MediaWiki:Gadget-ReferenceTooltips.js. --Yair rand (talk) 00:09, 2 November 2012 (UTC)[reply]

Access to config variables

Hi!

Could you replace

if ( wgCanonicalNamespace ===  || wgCanonicalNamespace === 'Project' || wgCanonicalNamespace === 'Help' ) {

by

if ( $.inArray(mw.config.get('wgNamespaceNumber'), [ 0, 4, 12 ] ) !== -1 ) {

? This way it doesn't cause problems for wikis where $wgLegacyJavaScriptGlobals is set to false (this will be the case on WMF wikis in the future).

Also, consider validating the code using JSlint or JSHint. Helder 18:55, 16 November 2012 (UTC)[reply]

Which copyright agreements this gadget use?

I want to use your ReferenceTooltips in my wiki, but I am not sure which copyright agreements you choice.--Zoglun (talk) 03:57, 30 December 2012 (UTC)[reply]

The script is licensed under the GNU Free Documentation License and the CC-BY-SA 3.0 License. --Yair rand (talk) 17:03, 30 December 2012 (UTC)[reply]

Hover mode and touchscreen laptops

I really love this gadget, but since I bought a new computer last week, I've run into an annoying issue. The new laptop has a touchscreen, but it also has a regular touchpad as a mouse substitute, and I've also attached a regular USB mouse. Only the latter is used when browsing Wikipedia; as such, I'd like to be able to get the reference by hovering over the number. However, it's stuck on "clicking", and "hovering" is completely disabled on the options menu. I understand the JS just well enough to figure out that this is because of the touchscreen, and I also understand the purpose of defaulting to clicking for touchscreen devices. However, completely locking out the "hovering" option goes too far and hinders people like me who use a mouse instead of the touchscreen. Can you change it so that the touchscreen default remains clicking, but allow hover mode to be selected (possibly with a warning message saying "this will render it useless if you don't have a mouse", requiring the user to affirm that they really want to do that)? jcgoble3 (talk) 04:58, 18 January 2013 (UTC)[reply]

Good idea. I've added it to the testing version using the message "Are you sure you want to want to have the tooltip activated only by hovering? This will render the tool useless if you don't have a mouse." (which could stand to be improved. I'm going to have to check if any changes since the gadget version was last synced with the testing version added any bugs, and then I'll request a resynchronization. --Yair rand (talk) 02:21, 22 January 2013 (UTC)[reply]

Thanks. Quick note: the current warning message has a duplicate "want to" ("Are you sure you want to want to have the tooltip activated only by hovering?"). You might want to fix that before requesting that the gadget be synchronized. ;)

Also, I should probably make you aware that this is now available as a gadget on Wookieepedia (although not enabled by default as it doesn't seem to work right in the stupid default skin that Wikia forced on us). jcgoble3 (talk) 05:24, 22 January 2013 (UTC)[reply]

Hi Yair rand, thanks for this gadget! I have a touch screen laptop which I use with an external mouse a lot of the time. The change you referred to above ("...but allow hover mode to be selected [on touchscreen laptops]") seems to have been removed from the gadget sometime since 2013. Was there a reason for this removal? Could it be put back in again? thanks. --Dennis J au (talk) 23:13, 1 February 2018 (UTC)[reply]

Balloon is obscured

If the ref mark (^[1] or similar) is close to the right-hand margin, hovering over that produces the balloon; but it's partially off-screen, and is also partially obscured by the right-hand scrollbar. Within the balloon, most of the text is therefore hidden, although if it contains a hyperlink, enough of that might be visible for you to click on. Is it possible to arrange the balloon so that its right-hand edge doesn't try to go beyond the left-edge of the right scrollbar? --Redrose64 (talk) 13:56, 19 February 2013 (UTC)[reply]

This is a minor issue since it has some fairly easy workarounds, but I think it would be great if Tooltips had it. The thing is, when I find a piece of text inside a tooltip that I want to copy and paste, I try right-clicking and selecting "Copy". However, once I've selected that, the tooltip has disappeared and I find out that I haven't copied anything. One way I've found to circumvent this is by Ctrl-C'ing the text. However, it would be great if "hovering" was extended to the context menu opened while hovering in the first place. FallingGravity (talk) 04:55, 13 May 2013 (UTC)[reply]

I'm pretty sure that tracking whether the mouse is inside a context menu is impossible, as the browser's context menu is not actually part of the DOM or reachable with javascript. Sorry. --Yair rand (talk) 05:07, 13 May 2013 (UTC)[reply]

Navigation Popups appear to be able to "know" if I've opened a context menu, or is this achieved by something unreachable by the javascript used here? FallingGravity (talk) 07:27, 13 May 2013 (UTC)[reply]

Hm... I haven't had time to look through the Navigation Popups code properly, but popups seems to just be always tracking where the mouse is within the document, instead of specifically setting up a listener for when the mouse leaves the relevant box. Thus, it can just wait until the mouse is detected moving on an element in the document that's outside the box. That's something I'd rather not do on RT, as I imagine that the performance loss is probably significant. Thanks for pointing it out though. (I haven't spent much time looking at its code, so I'm not completely sure if my understanding of popups is correct. I'll take another look at it tomorrow.) --Yair rand (talk) 08:17, 13 May 2013 (UTC)[reply]

Use on Wikia/Off Wikimedia wikis

I'm trying to enable this for use on Wikia wikis, but there appear to be a few dependencies that are not found on Wikia, largely the ui- classes used in the config options, which seem to exist in the head tags of each page. I'm not sure what their intended use is, assumedly not this specific script or it would be contained within the gadget's stylesheet. Is it possible there can be some notes for non-wikimedia configuration?

I'm also dealing with a couple of other issues, such as the disable option not actually disabling anything, I think this is a cookie not being set correctly perhaps there , and the save settings button being blank. The script is also relies on certain footer elements which are not found is the Oasis skin by Wikia, and presumably other original skins. However, the last point is probably so rare it is likely fine to exclude it. 88.108.3.208 (talk) 07:38, 5 June 2013 (UTC)[reply]

(talk page stalker) It works fine on Wikia if you use Monobook instead of that abomination called Oasis. Wookieepedia actually has it available as a gadget; see wikia:starwars:MediaWiki:Gadget-ReferenceTooltips.js. As much as I hate Oasis, I recognize that unregistered users are forced to use it, and so I too would like to see it fixed so that it works properly in Oasis, as I would eventually like to get it enabled by default on Wookieepedia. jcgoble3 (talk) 17:44, 5 June 2013 (UTC)[reply]

Wikia appears to be missing a lot of stuff, including the base jquery.ui css, as well as the normal JS code for jquery.ui.dialog. It would probably take a lot of stuff to be added for RT to work right on Wikia, though I suppose you could just import the missing CSS from jQuery, overwrite all the dialog code with the normal version, and change the line $("#footer-places, #f-list") in RT itself to $("#footer-places, #f-list, .CorporateFooter ul") to deal with the footer issue. (The disable button is working fine for me, at least on Wookieepedia.)

However, you might be better off just completely removing the settings button with CSS (.RTsettings{display:none;}) and be done with it... :/ --Yair rand (talk) 16:17, 6 June 2013 (UTC)[reply]

It works great on Narutopedia aswell.115.246.143.94 (talk) 15:21, 9 June 2013 (UTC)[reply]

Seems to work out of the box on WikiFur; I tweaked it to use our News namespace and a local image. It's now a default gadget. Thanks for the useful tool! GreenReaper (talk) 18:52, 27 June 2014 (UTC)[reply]

Another alternate?

I just saw User:Blue-Haired Lawyer/Footnote popups (by User:Blue-Haired Lawyer) linked at Help:Reference display customization#Popups (where I've just added a mention of this Gadget). I haven't tested it, but it sounds like they accomplish the same task? (~40 usages currently). Pinging him, and noting here for future reference. Possibly a merge would be handy. –Quiddity (talk) 19:48, 13 July 2013 (UTC)[reply]

References on multiple lines in a footnote display glitch

I recently added an efn footnote to Captain Blood (novel) with a list of numbered bullet points, each of which had two <ref> citations.

The note itself worked fine at the bottom of the page, but when hovering to get the reference tooltip of the note ([a]), the citations seem to have caused it to display in a really malformed way in Chrome (see screenshot), Firefox and Internet Explorer.

Is there anything you can do to fix this? --xensyria^T 00:28, 1 August 2013 (UTC)[reply]

Thanks for pointing out the bug. I've added the fix to User:Yair rand/ReferenceTooltips.css. Still waiting for an admin to add the change to the gadget. --Yair rand (talk) 03:00, 1 August 2013 (UTC)[reply]

Wow, thanks for the fast fix! The reference tooltips are definitely one of the best and most practical improvements I can remember on Wikipedia since I joined back in 2005, I really appreciate it. --xensyria^T 03:41, 1 August 2013 (UTC)[reply]

References on Talk pages

I've been delighted with the popup notes and references in a wiki that supports my students' collaborative work, both for them to comment on each others' work and for me to comment on the collaborative result. Longer discussions than fit nicely in popup notes are moved to the Talk page, where we'd still like to be able to comment within each others' text. But the popups don't seem to work on the Talk page. Is this something I can change, or is it by design and unalterable? --Scottsteketee (talk) 02:47, 17 March 2014 (UTC)[reply]

Two Popup Cites Appearing on Hoverover?

I installed this on a another mediawiki and am seeing two popups on hoverover (one with a basic format, see example here). Is there a way to fix this? --Adamwaldstein (talk) 12:55, 10 April 2014 (UTC)[reply]

Outline

The RTTarget class currently sets a border, which causes the reference to jump a bit. At the Vietnamese Wikipedia, we're using this rule instead:

.RTTarget {
	outline: 2px solid Highlight;
}

Please consider this tweak. outline is supported in all the modern browsers, including IE 8+.

– Minh Nguyễn (talk, contribs) 07:51, 20 July 2014 (UTC)[reply]

I considered this, but I think it would be better to wait until usage of IE6/7 goes down a bit more first. Combined usage still makes up 2.21% of all HTML page requests. --Yair rand (talk) 12:05, 20 July 2014 (UTC)[reply]

Using outline instead of border has been suggested at dewiki, too. IMHO this should be implemented now because IE versions 6 through 8 do not execute any JavaScript anymore, so the whole gadget does not work there anyway. The change is IMHO a significant visual improvement. --Entlinkt (talk) 03:51, 23 May 2016 (UTC)[reply]

Bug reports at mediawiki

Hi, I'm not sure how to help answer these questions:

HTH. Quiddity (WMF) (talk) 22:16, 3 June 2015 (UTC)[reply]

Tooltips doesn't show on hover in Chrome

Tooltips doesn't show on hover in Chrome, option in settings to show on hover is also inactive. Chrome version 45.0.2454.15 beta-m (64-bit) on Windows 8.1 Pro 64 bit. I've tested it also in private mode, with all the chrome extensions disabled. In Firefox everything works fine. What could cause the problem? — Preceding unsigned comment added by DBobak (talk • contribs) 20:27, 31 July 2015 (UTC)[reply]

Extension to draftspace

This is an outstanding tool. Thank you so much for your work on it!

I've noticed the tooltips don't appear in WP:Draftspace, at least not for me (Safari 8.0.5). They'd be greatly appreciated there, especially because one of draft reviewers' primary tasks is evaluating a draft author's sourcing practices. Is there anything you can do to add this functionality to draft refs? FourViolas (talk) 14:27, 25 August 2015 (UTC)[reply]

Using long math equations inside ref breaks the pop-up box

First of all, thanks for this awesome tool! :)

When hovering over a ref that contains a long math equation, the pop-up box does not contain all the equation (see for instance the note at https://wiki.riteme.site/wiki/Trace_(linear_algebra)#cite_note-1). I wonder if this could be fixed? Saung Tadashi (talk) 02:20, 23 April 2017 (UTC)[reply]

Touchscreens

@Yair rand: What can I add to my personal CSS/JS to get this to work on a touchscreen (e.g., iPad)? Thanks! :) — Spike Toronto 10:58, 15 May 2017 (UTC)[reply]

@SpikeToronto: In theory, this should work by default on iPads and other touchscreens. I suspect its your existing personal JS that's breaking it: @import is not valid JS, that syntax is for CSS. --Yair rand (talk) 18:37, 15 May 2017 (UTC)[reply]

@Yair rand: If you're referring to my current CSS/JS and my attempt to import ReferencePopups from a different site, that's me after the one here stopped working for me (if it ever did; my memory's a wee bit vague on that

). All I can tell you is that when I press on a reference superscript, I get taken to the reference list at the bottom of the article; there is no pop-up. I'll test with zero personal CSS/JS and report back to you. Thanks!

— Spike Toronto 21:46, 15 May 2017 (UTC)[reply]

@Yair rand: UPDATE: Removed all personal CSS/JS. References still not popping up in iPad.

Thanks! — Spike Toronto 23:36, 15 May 2017 (UTC)[reply]

@SpikeToronto: iPads don't redirect to the mobile site, right? You're seeing the regular site?

Do you by any chance have the Navigation Popups gadget enabled? ReferenceTooltips automatically disables when Navigation Popups is enabled.

Perhaps you disabled RT and forgot about it? Does a link with the words "Enable Reference Tooltips" appear in the bottom bar? --Yair rand (talk) 00:13, 16 May 2017 (UTC)[reply]

@Yair rand: These are all very good questions! First, I am seeing the desktop version of WP in Monobook. Second, I do have Navigation Popups enabled. Third, I have RT ticked at Special:Preferences#mw-prefsection-gadgets. Fourth, I did notice there was no "Enable Reference Tooltips" in the bottom bar. Finally, I did not know that RT disables when running NavPops. Gee. Guess that means I have to make a choice, eh? Thanks!

— Spike Toronto 03:32, 16 May 2017 (UTC)[reply]

@Yair rand: UPDATE: Well, it took a bit of time for my cache to clear, but once it did, after disabling NavPopups, the pop-up references returned. I am still not seeing anything in the bottom bar related to RT, but they're working. Thanks for all your help!

— Spike Toronto 19:01, 17 May 2017 (UTC)[reply]

TypeError: settings is undefined - when trying to disable

Hi Yair rand. There was a bugreport in IRC from a non-registered reader. They couldn't figure out how to disable this feature anymore, when they had previously been able to. They wrote:

"I think there might be a website glitch regarding the Disable Reference ToolTips button which cannot be engaged anymore, I've tried clearing my browser cache but the issue still persists, i understand it's a seldom used thing but I was just curious all the same if it were in fact a website glitch with Wikipedia"

user:1997kB helped them to figure out a workaround:

"try this way, open that panel and hit save options first than open again and click disable."

I've tested and reproduced the problem in a private window: The first time I opened the panel, clicking the button didn't do anything. But if I click "save settings" first, then the "disable" button will work as expected afterwards. Here's a webconsole screenshot of the error it sends when clicking the first time, in case that helps: https://i.imgur.com/yzkPdPs.png

Cheers :) Quiddity (talk) 19:44, 16 September 2018 (UTC)[reply]

Thanks for the report. Fixed at User:Yair rand/ReferenceTooltips.js. Any admins around who could sync the changes to Mediawiki:Gadget-ReferenceTooltips.js? --Yair rand (talk) 20:22, 16 September 2018 (UTC)[reply]

@Xaosflux: Can you sync this please? Thanks. ‐‐1997kB (talk) 02:02, 17 September 2018 (UTC)[reply]

Doing... — xaosflux ^Talk 04:52, 17 September 2018 (UTC)[reply]

compare looks good. — xaosflux ^Talk 04:54, 17 September 2018 (UTC)[reply]

Done updated. — xaosflux ^Talk 04:58, 17 September 2018 (UTC)[reply]

Reference in reference

Is it possible to give reference in reference? For example if we use quote in reference and wish to add reference to it. Or if there are some comments to reference. Is it a workaround for such a case? -- 24pm (talk) 08:11, 22 October 2018 (UTC)[reply]

Intrapage links

Thank you for this great feature. Is it possible to test if intrapage links (such as anchor links or section links) will also have a page preview? Or is there a parameter that would disable this feature for a single link? -- Marcuse7 (talk) 08:52, 21 October 2019 (UTC)[reply]