MediaWiki:BibleGet.js: Difference between revisions

MediaWiki:BibleGet.js (view source)

364 bytes added , 3 years ago

no edit summary

2,354

edits

@@ Line 1: / Line 1: @@
 (function($){
 	$(document).ready(function(){
-		if( $('.bibleGetQuote').length > 0 ){
+		if( $('.bibleQuoteRef').length > 0 ){
 			console.log("There are bible quotes on this page!");
-			$('.bibleGetQuote').each(function(){
+			$('.bibleQuoteRef').each(function(){
 				let version = $(this).attr('data-version');
 				let ref = $(this).attr('data-ref');
-				let $div = $(this);
+				let $span = $(this);
 				$.ajax({
 					method: 'POST',
@@ Line 17: / Line 17: @@
 					},
 					success: function(data){
-						$div.html(data);
+						let $bGetTIP = $('<div>', {
+							"class": "bibleGetQuote",
+							"data-ref": ref,
+							"html": data
+						});
+						$(body).append($bGetTIP);
+						$span.on('mouseenter', function(){
+							$bGetTIP.show();
+							let top = $span.offset().top;
+							let left = $span.offset().left + $span.outerWidth();
+							$bGetTIP.css({"top":top,"left":left});
+						});
 						console.log("Injected Bible quote for ref = " + ref + " with value obtained from BibleGet service:");
 						console.log(data);