MediaWiki talk:Gadget-ReferenceTooltips.js

Note: There is also discussion at User talk:Yair rand/ReferenceTooltips

Sync

Could an admin please re-copy User:Yair rand/ReferenceTooltips.js to this page to add the recent bug fix? Thanks. --Yair rand (talk) 19:19, 4 April 2012 (UTC)

Done.  Sandstein  17:27, 11 April 2012 (UTC)

Could someone synchronize the pages again, please? --Yair rand (talk) 21:35, 19 April 2012 (UTC)

Done --Redrose64 (talk) 22:15, 19 April 2012 (UTC)

Thank you. --Yair rand (talk) 22:25, 19 April 2012 (UTC)

I've made some changes to User:Yair rand/ReferenceTooltips.js and User:Yair rand/ReferenceTooltips.css, to add a delay to the tooltip, functionality for touch screens, and a settings menu including options to change both and a disable button. Could someone please copy them over MediaWiki:Gadget-ReferenceTooltips.js and MediaWiki:Gadget-ReferenceTooltips.css, respectively? Thanks. --Yair rand (talk) 03:05, 11 June 2012 (UTC)

 okay — Martin (MSGJ · talk) 17:19, 11 June 2012 (UTC)

Hm

Where is element #footer-places? Also, disabling of this gadget isn't work (Firefox 13). Saint Johann (ru) 15:48, 17 June 2012 (UTC)

#footer-places is at the bottom of the page, holding the "Privacy policy", "About Wikipedia", and "Disclaimers" links, but only in Vector skin. I had forgotten to also include the equivalent elements for other skins. There was also another bug in working with other skins that I had missed. Now that both bugs, as well as the problem in Firefox, are fixed, could an admin please copy User:Yair rand/ReferenceTooltips.js and User:Yair rand/ReferenceTooltips.css over MediaWiki:Gadget-ReferenceTooltips.js and MediaWiki:Gadget-ReferenceTooltips.css again? (Sorry for having to ask so frequently.) --Yair rand (talk) 19:52, 17 June 2012 (UTC)

Done --Redrose64 (talk) 20:08, 17 June 2012 (UTC)

Thanks. --Yair rand (talk) 20:13, 17 June 2012 (UTC)

MediaWiki:Gadget-ReferenceTooltips.js and MediaWiki:Gadget-ReferenceTooltips.css need yet another sync, to fix this bug. Thanks. --Yair rand (talk) 21:06, 2 July 2012 (UTC)

Done --Redrose64 (talk) 22:33, 2 July 2012 (UTC)

Sorry, I made a mistake in the edit to User:Yair rand/ReferenceTooltips.js. Could someone please re-sync the pages to fix this? Sorry about that. --Yair rand (talk) 00:03, 3 July 2012 (UTC)

Done. Thank you. Rjd0060 (talk) 02:29, 3 July 2012 (UTC)

There was a bug with the script working with iPads, hopefully the recent change to User:Yair rand/ReferenceTooltips.js fixes it. Could an admin sync the gadget page again, please? --Yair rand (talk) 04:56, 5 July 2012 (UTC)

Done --Redrose64 (talk) 10:26, 5 July 2012 (UTC)

Could someone please sync this with User:Yair rand/ReferenceTooltips.js again? Thanks. --Yair rand (talk) 23:40, 21 August 2012 (UTC)

Done --Redrose64 (talk) 16:13, 22 August 2012 (UTC)

Protected edit request on 11 July 2014

See also: WP:Village pump (technical) § No more "wg..." globals in JavaScript

Hello!

Could someone apply these changes to the script? Helder.wiki 21:22, 11 July 2014 (UTC)

 Done Ruslik_Zero 19:43, 18 July 2014 (UTC)

NotFoundError

This gadget causes the error: . See phab:T109486. Helder 17:54, 18 August 2015 (UTC)

@He7d3r: Checked Chrome/FF/IE on Window 7, could not reproduce. What browser were you using? --Yair rand (talk) 18:09, 18 August 2015 (UTC)

I was using Iceweasel 38.2.0. On Google Chrome it is a little more verbose:

{
	"errorMessage": "Uncaught NotFoundError: Failed to execute 'removeChild' on 'Node': The node to be removed is not a child of this node.",
	"url": "https://en.wikipedia.org/wiki/%28%CE%B5,_%CE%B4%29-definition_of_limit",
	"lineNumber": 102,
	"columnNumber": 812,
	"errorObject": {
		"stack": "Error: Failed to execute 'removeChild' on 'Node': The node to be removed is not a child of this node.\n    at Error (native)\n    at HTMLUListElement.eval (eval at <anonymous> (https://en.wikipedia.org/w/load.php?debug=false&lang=en&modules=jquery%2Cmediawiki&only=scripts&skin=vector&version=3hR%2F0Nym:4:681), <anonymous>:102:812)\n    at HTMLUListElement.opt.complete (https://en.wikipedia.org/w/load.php?debug=false&lang=en&modules=jquery%2Cmediawiki&only=scripts&skin=vector&version=3hR%2F0Nym:110:60)\n    at fire (https://en.wikipedia.org/w/load.php?debug=false&lang=en&modules=jquery%2Cmediawiki&only=scripts&skin=vector&version=3hR%2F0Nym:45:124)\n    at Object.self.fireWith [as resolveWith] (https://en.wikipedia.org/w/load.php?debug=false&lang=en&modules=jquery%2Cmediawiki&only=scripts&skin=vector&version=3hR%2F0Nym:46:431)\n    at Animation.tick (https://en.wikipedia.org/w/load.php?debug=false&lang=en&modules=jquery%2Cmediawiki&only=scripts&skin=vector&version=3hR%2F0Nym:107:719)\n    at jQuery.fx.tick (https://en.wikipedia.org/w/load.php?debug=false&lang=en&modules=jquery%2Cmediawiki&only=scripts&skin=vector&version=3hR%2F0Nym:112:760)"
	}
}

Helder 18:55, 18 August 2015 (UTC)

PS: it also happens when I'm not logged in. Helder 18:56, 18 August 2015 (UTC)

Formatting by stylesheet

To allow users to use custom styling of the highlighted reference, please replace:

1. h.style.border = "" → $( h ).removeClass("RTTarget")
2. h.style.border = "#080086 2px solid" → $( h ).addClass("RTTarget")

Note that this class is already defined in MediaWiki:Gadget-ReferenceTooltips.css. Petr Matas 14:44, 9 January 2016 (UTC)

Hm, this was actually in the changes that I made to the version in my userspace, but I never ended up requesting a merge, and I can't remember why... Eh. --Yair rand (talk) 04:08, 11 January 2016 (UTC)

Done — Mr. Stradivarius ^{♪ talk ♪} 07:25, 13 January 2016 (UTC)

Tooltip is not shown if the reference is above the visible area

Problem description: Open Quantum state#Ref-14. Reference 14 contains a link to reference 1. If you hover on the link to reference 1, no tooltip is shown, although reference 1 is off-screen (above the visible area). This is because the check for the reference being below the visible area is implemented, but above is not.

Fix: Please replace

if( !isTouchscreen && ( window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop || 0 ) + $(window).height() > $( h ).offset().top + h.offsetHeight ) {

with

var windowTop = window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop || 0;
if( !isTouchscreen && windowTop < $( h ).offset().top && windowTop + $(window).height() > $( h ).offset().top + h.offsetHeight ) {

Petr Matas 13:20, 13 January 2016 (UTC)

Probably easier if you dump the whole code in a sandbox next time, so I can just copy/paste. But  Done — Martin (MSGJ · talk) 09:25, 14 January 2016 (UTC)

Ok, thanks :) Petr Matas 12:00, 14 January 2016 (UTC)

Sync request

Could an admin please merge these changes? Changes include:

• Nested references can have tooltips.
• Links inside reference tooltips are compatible with hovercards, for those who have the beta feature enabled.
• Messages are grouped at the top and use mw.msg, for easier localization when imported to other language projects.
• Reference Tooltips now runs in the Draft namespace.
• Minor general cleanup.

--Yair rand (talk) 23:04, 14 January 2016 (UTC)

 Done — Martin (MSGJ · talk) 09:24, 15 January 2016 (UTC)

jQuery 3

This script contains the lines

$(this)[ isTouchscreen ? 'click' : 'hover' ](function( e ){

and

isTouchscreen || $(tooltipNode).hover(show, hide);

which cause the following warning in the console:

Helder 22:54, 7 October 2017 (UTC)

Not done: it's not clear what changes you want to be made. Please mention the specific changes in a "change X to Y" format. — Martin (MSGJ · talk) 07:13, 27 October 2017 (UTC)

This was resolved by Krinkle —TheDJ (talk • contribs) 12:38, 1 November 2017 (UTC)

Update suggestion

Hello! I would like to suggest to update to the new version of this gadget I've presented at mw:Topic:Ueqlcc482l9yw8gv. There are numerous bugfixes and added features like Harvard-style citations support. Tooltip style & animations are also updated to be consistent with Page Previews' style & animations. It has been tested thoroughly and used in Russian Wikipedia for several months with no complaints.

• JS: User:Jack who built the house/Gadget-referenceTooltips.js
• CSS: ru:MediaWiki:Gadget-referenceTooltips.css
• All in one for testing purposes: User:Jack who built the house/referenceTooltips.js

Jack who built the house (talk) 11:18, 29 December 2018 (UTC)

• Support. --Yair rand (talk) 19:44, 6 January 2019 (UTC)
• @TheDJ and Xaosflux? Jack who built the house (talk) 09:54, 9 January 2019 (UTC)
• Sorry extremely busy IRL, no time to wiki. —TheDJ (talk • contribs) 10:43, 9 January 2019 (UTC)

  These are significantly more changes than I had anticipated when looking at this again today.. This is gonna take me more than 15 minutes to review, so please be patient as I try to take another look later this week. —TheDJ (talk • contribs) 16:12, 29 January 2019 (UTC)

  Thanks in advance! Jack who built the house (talk) 23:45, 30 January 2019 (UTC)

 Done —TheDJ (talk • contribs) 16:40, 2 February 2019 (UTC)

P.S. you might want to get rid of the cookies in favor of LocalStorage. That helps reduce request size and we won't be bothering the WMF servers with that info any longer. —TheDJ (talk • contribs) 16:43, 2 February 2019 (UTC)

Per phab:T179415 for logged in users it should really be replaced with toggling the gadget in preferences. Galobtter (pingó mió) 07:35, 8 February 2019 (UTC)

@TheDJ: Thanks! I forgot: jquery.client and mediawiki.notify dependencies are needed too. Jack who built the house (talk) 19:52, 2 February 2019 (UTC)

• Hello Jack, nice to see you here. My two cents: since I'm sill using Opera 12.18, I was afraid that your new version would not work for me, as for some unknown reason on ruwiki it didn't, but oddly enough that's not the case now, it does work. (Except for the absence of icon in the upper right corner, but that's bearable.) So take my congrats on the success. — Mike Novikoff 02:33, 3 February 2019 (UTC)

Mechanics

@Jack who built the house: to be clear, is this ready to go and you would like us to replace:

• MediaWiki:Gadget-ReferenceTooltips.js with User:Jack who built the house/Gadget-referenceTooltips.js and
• MediaWiki:Gadget-ReferenceTooltips.css with ru:MediaWiki:Gadget-referenceTooltips.css

? — xaosflux ^Talk 13:52, 9 January 2019 (UTC)

Yes, that's correct. Right now I have both of these files in my common.js, and it's working properly. Jack who built the house (talk) 14:18, 9 January 2019 (UTC)

@Xaosflux. Jack who built the house (talk) 14:20, 9 January 2019 (UTC)

@Xaosflux: Hello! Any updates? Jack who built the house (talk) 14:58, 11 January 2019 (UTC)

• Seems like a good idea.... << FR 10:09, 12 January 2019 (UTC)
• Pinging MSGJ, who helped with several prior change requests. Would you be able to merge the above changes? --Yair rand (talk) 06:12, 15 January 2019 (UTC)

Interference with links on touchscreen

As reported here, this gadget's feature to show tooltips seems to make links with tooltips unclickable on touchscreen devices:

• TKO (from Template:Abbr#Linking must be done a particular way)

This is particularly inconvenient on navboxes, which uses {{navbar|mini=y}} to show the links on top left. Can this be fixed with a change to this JS? Nardog (talk) 09:50, 4 April 2019 (UTC)

We also have this problem in Ukrainian Wiki after we updated Gadget:Reference Tooltips to the last version. I think it would be the best solution if the words “view this template”, “discuss…” and “edit…” became pressable after you click on vte. If anyone can fix the bug in this way, please do this! --Gzhegozh (talk) 12:35, 5 April 2019 (UTC)

@TheDJ: I am sorry to bother you, but maybe you can help fix the problem? --Gzhegozh (talk) 15:45, 7 April 2019 (UTC)

I fixed the issue together with another one, reported at en:Template talk:Harvard citation#Cosmetic issue: nested quotes.

Please update the gadget by moving the code from en:User:Jack who built the house/Gadget-referenceTooltips.js to here.

@Gzhegozh: you can update in your wiki too. Jack who built the house (talk) 14:00, 10 May 2019 (UTC)

@Jack who built the house: just want to make sure that this is the change you are asking for: DIFF. — xaosflux ^Talk 19:25, 10 May 2019 (UTC)

Yes, I only forgot the comment on top: // Source https://en.wikipedia.org/wiki/MediaWiki:Gadget-ReferenceTooltips.js. Updated my code, now it's correct. Jack who built the house (talk) 19:32, 10 May 2019 (UTC)

Xaosflux Jack who built the house (talk) 19:33, 10 May 2019 (UTC)

 Done. ~Oshwah~^{(talk) (contribs)} 10:21, 11 May 2019 (UTC)

Add support for directionality of ref tags

Since May 2018 we have the ability to use the dir attribute in the <ref> tags to specify the directionality of ref tags as right-to-left (RTL) or left-to-right (LTR). This is widely used in pages that cite both RTL and LTR sources, for example on Persian Wikipedia (fawiki, see example). Since the ReferenceTooltips code is used on many wikis, it is ideal to add support for directionality in its enwiki version so that all others who copy it would also benefit from it.

I have already implemented the solution into our copy on fawiki. Please incorporate it here too.

• This diff shows how the JS code on this page should be changed.
• This diff shows how the CSS code on MediaWiki talk:Gadget-ReferenceTooltips.css should be modified.

Happy to answer any questions (but please {{ping}} me). huji—TALK 14:47, 1 July 2019 (UTC)

@Huji: (Presumably you did not mean to leave in the console.log there.) --Yair rand (talk) 16:40, 1 July 2019 (UTC)

@Yair rand: correct; I updated the diff link above huji—TALK 16:46, 1 July 2019 (UTC)

The structure of the surrounding code context appears to be substantially different in enwiki's version of this script; I'm not sure it would be a straightforward cut-and-paste. Writ Keeper ⚇♔ 14:54, 2 July 2019 (UTC)

 Not done this would need to be thoroughly tested here first, feel free to mock it up as a user script here on wiki and gain some testers. — xaosflux ^Talk 19:50, 15 July 2019 (UTC)

Feature suggestion: support for book references

The Cite extension has an experimental feature called book referencing. This feature allows editors to cite multiple parts of an already-cited source using the extends attribute. For instance, an editor could cite a book with the citation <ref name="Miller">E. Miller, ''The Sun'', (New York: Academic Press, 2005)</ref>, and then they could cite page 42 in that book with a second citation <ref extends="Miller">p. 42</ref>.

Continuing with the earlier example, currently when a user hovers over the "p. 42" sub-citation, the tooltip will just contain "p. 42" without the book name. That tooltip is not especially useful. It would be nice if this gadget could handle "book references" more naturally. That is, if a user hovers over a citation of the form <ref name="child" extends="parent">text</ref> attribute, it would be nice if the tooltip displayed the contents of both the parent and child citations. Note that book citations can only go one level deep (you cannot extend a citation that extends another citation), which should make the implementation more straightforward. Thank you for considering this suggestion! MtMNC (talk) 06:51, 2 November 2020 (UTC)

The feature in Cite extension was experimental. The project was eventually abandoned unfortunately, see m:WMDE Technical Wishes/Book referencing. – SD0001 (talk) 07:23, 14 December 2021 (UTC)

Change 2 strings

As it turned out, it can be unclear to users what they are disabling/enabling. So please replace

	'rt-enable': 'Enable',
	'rt-disable': 'Disable',

with

	'rt-enable': 'Enable Reference Tooltips',
	'rt-disable': 'Disable Reference Tooltips',

Jack who built the house (talk) 20:43, 4 February 2024 (UTC)

 Done * Pppery * _{it has begun...} 21:34, 4 February 2024 (UTC)