Instantly share code, notes, and snippets.

Embed
What would you like to do?
Librarian chat widget — for JJ faculty only
<div class="needs-js">Loading...</div>
<!-- Place this script as near to the end of your BODY as possible. -->
<script type="text/javascript">/*<![CDATA[*/
(function() {
var x = document.createElement("script"); x.type = "text/javascript"; x.async = true;
x.src = (document.location.protocol === "https:" ? "https://" : "http://") + "libraryh3lp.com/js/libraryh3lp.js?7572";
var y = document.getElementsByTagName("script")[0]; y.parentNode.insertBefore(x, y);
})();
/*]]>*/</script>
<div id="askus-set" style="height: 100px; width: 350px;">
<div style="float: left; margin-right: 15px; text-align: center;"><a href="http://www.lib.jjay.cuny.edu/ask-us/email-us" style="text-decoration: none; font-family: helvetica,arial;" target="_blank"><img alt="Email us" src="http://www.lib.jjay.cuny.edu/sites/default/files/lib_site_images/email.png" style="height: 45px; width: auto;" title="Email us" /> <br /> <strong style="margin-top: 0;">Email</strong></a></div>
<div style="float: left; margin-right: 15px; text-align: center;"><a href="http://www.lib.jjay.cuny.edu/ask-us/call" style="text-decoration: none; font-family: helvetica,arial;" target="_blank"><img alt="Call us" src="http://www.lib.jjay.cuny.edu/sites/default/files/lib_site_images/phone.png" style="height: 45px; width: auto;" title="Call us" /> <br /> <strong style="margin-top: 0;">Phone</strong></a></div>
<div style="float: left; margin-right: 15px; text-align: center;"><a href="http://www.lib.jjay.cuny.edu/ask-us/text" style="text-decoration: none; font-family: helvetica,arial;" target="_blank"><img alt="Text us" src="http://www.lib.jjay.cuny.edu/sites/default/files/lib_site_images/text.png" style="height: 45px; width: auto;" title="Text us" /> <br /> <strong style="margin-top: 0;">Text</strong></a></div>
<div style="float: left; margin-right: 15px; text-align: center;"><a href="http://www.lib.jjay.cuny.edu/ask-us/in-person" style="text-decoration: none; font-family: helvetica,arial;" target="_blank"><img alt="Visit us" src="http://www.lib.jjay.cuny.edu/sites/default/files/lib_site_images/visit.png" style="height: 45px; width: auto;" title="Visit us" /> <br /> <strong style="margin-top: 0;">Visit</strong></a></div>
</div>
<p><em>Questions asked in this chat box or via email/phone/text will be answered by a John Jay librarian. <a href="https://www.lib.jjay.cuny.edu/ask-us/chat" target="_blank">More info&nbsp;&raquo;</a></em></p>
@robincamille

This comment has been minimized.

Owner

robincamille commented Feb 21, 2017

The chat widget looks like this. When no librarian is available to chat, the chat window isn't displayed, but Email/Text/Call/Visit links are still shown.

To use this in Blackboard:

  1. Create a new item named Ask a John Jay Librarian
  2. Right above the text editing area, click the little HTML button (if not visible, click the chevron button to show the "kitchen sink" — all icons)
  3. Paste in this code
  4. Submit and test: a chat box or a "chat not available" blurb should appear, along with 4 other ways to contact a Library
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment