Home » Blogs » admin's blog

NETBibleTagger Moves to Version 2

Sun, 01/02/2011 - 04:58 — admin

Note: sites using the the older version will automatically be switched over to version 2 on January 31st, 2011

NETBibleTagger (NBT) was first released to the public in January of 2009, and, even before that, it existed as a tool that we at bible.org used on our own sites. Well, after about 2 years, we're pleased to announce that NBT has been updated to version 2!

This update brings the following changes:

  • The look of the popup has been changed a lot. Its appearance complements the new look of the bible.org site, and it uses CSS3 for rounded corners and shadowing.
  • If you have not switched to using the new code and you used a custom CSS file, that file has been disabled. V2 requires a new style sheet. Please see below.
  • NBT's ability to correctly identify references has also been improved. One large and notable change is that it now correctly identifies semi-colon eliminated lists of references which contain books with volumes. Example: John 2:3-4; 1 Chron. 3
  • The method of request of the text for a reference is now handled via JSONP, and it is not fetched/displayed via iframe. This improves performance, reduces browser/feature specific code, and improves the style-ability of the popup as a whole.
  • The option to set a custom font size has been removed in favor a using CSS alone to style content.

Updating from Version 1 to Version 2

If you do not use custom CSS to style NBT, all that is required to update is to a grab the latest code, or simply, changed the src of the javascript from http://labs.bible.org/api/NETBibleTagger/netbibletagger.js to http://labs.bible.org/api/NETBibleTagger/v2/netbibletagger.js

If you used custom CSS, please look at the new stylesheet and implement your own style as necessary. You will note that the background for the header is: " background: url("/api/NETBibleTagger/v2/images/headerBackground.png") repeat scroll 0 0 white;"; That background image is a transparent-based gradient, and you can change the background color, "white" in this case, to whatever you want.