I'm trying to build a website for my pastor. He requested that Bible verses mouseover to the full verse which made me glad to find Reftagger, but I can't get it to work for the life of me. Once the script is entered, it will automatically turn any Bible verse into the mouseover item, right?
I pasted the script before the </body> tag, as directed. My Javascript works because I see it working on the reftagger site. I'm aware that it may not work on a local machine so I uploaded a test page to the server. Nothing's happening.
By the way, I'm coding the site from "true scratch" meaning, no editor. Type it in notepad, save as an htm.
I can't figure out what I'm missing or what I'm doing wrong. Can someone please help me? I'll just post my coding right here because its simple enough. Any help would be greatly appreciated.
Thank you,
<html>
<head>
<title>Test Page</title>
</head>
<body bgcolor="white" text="black" alink="blue" vlink="blue" link="blue">
<br />
<br />
<br />
<br />
<p>1 John 4:19</p>
<script>
var refTagger = {
settings: {
bibleVersion: "NLT"
}
};
(function(d, t) {
var g = d.createElement(t), s = d.getElementsByTagName(t)[0];
g.src = "//api.reftagger.com/v2/RefTagger.js";
s.parentNode.insertBefore(g, s);
}(document, "script"));
</script>
</body>
</html>
