Create a gist now

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.

Show comment
Hide comment
@robincamille

robincamille 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
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