Documenting the LivePerson fix for mobile devices.

This was an hours long process and I'm tired so want to document what was done before I forget.

1. Steve and Cary were testing facets of LivePerson/LiveEngage when they noticed that the chat links were not working for Steve's iPhone.
2. They reported that to me and I verified the links wouldn't work on my android phone either.
3. I asked Toyya to notify our LP representative and have a technician get in touch with me by email with a suggested solution.
4. Thus began a tortuous process which, with a little thought, could have been resolved hours earlier.

Note:  There are some behind the scenes -- on the LP server -- scripts that we cannot access. What I am documenting are those client side (our web site) scripts for which we have some control -- not much.

Throughout the day, I received bits of scripts to make all three links on the Library Home Page work both for desktop computers and for mobile devices.  Here is a summary of the scripting that works.

Basic LivePerson script to be on every page:

<?php include("http://library.austincc.edu/includes/LivePerson-script.txt"); ?>

Added:

• <script src="http://library.austincc.edu/bower_components/jquery/jquery.min.js"></script> to the top of the script
• Note: This particular script is already in the "footer-LS.txt" file but must be in that place for all three of the links on the homepage to work.
• Note2: This script in its new location somehow interferes with the slider scripts on the Tutorial page and on the LS Staff Directory pages.
  Solution: Created a second LivePerson script without that line -- LivePerson-script2.txt -- to be used on those pages only since this does not affect the navigation bar only additional chat links on a page.
• Three sets of code to embed different actions for the 3 different links on the home page.
  <a class="lebtn"><div id="LP_DIV_1453394743202" style="display:none;"></div></a>
  <a class="lebtn2"><div id="LP_DIV_1445611073120" style="display:none;"></div></a>
  <a class="lebtn3"><div id="LP_DIV_1445609128908" style="display:none;"></div></a>

Navigation Bar at the top of every page "navbar.php"

Changed:

The Chat link under Get Help/Chat to <a id="ex1" style="cursor:pointer;"><img alt="Chat with a Librarian" src="http://library.austincc.edu/img/chat2_32x32.png">Chat</a>
Note: the "ex1" refers to the first "lebtn" division - "LP_DIV_1453394743202" -- code not totally available to us.

For Students content file "ForStudents.txt"

Changed:

The Chat link to <a id="ex2" style="cursor:pointer;">Chat with a Librarian</a>
Note: the "ex2" refers to the "lebtn2" division - "LP_DIV_1445611073120" -- code not totally available to us.

Virtual 24/7 content file "VirtualHelp.txt"

Changed:

The Chat link to <a id="ex3" style="cursor:pointer;">Chat with a Librarian<img src="http://library.austincc.edu/img/chat_32x32r.png" border="0" style="vertical-align:super;" alt="Chat Live with Librarians"></a>
Note: the "ex3" refers to the "lebtn3" division - "LP_DIV_1445609128908" -- code not totally available to us.

Footer at the bottom of each page "footer-LS.php"

Added:

Three scripts that control the action of the 3 different links:
<script>
$("#ex1").click(function() {
$(".lebtn div").trigger("click");
});
</script>
<script>
$("#ex2").click(function() {
$(".lebtn2 div").trigger("click");
});

</script>
<script>
$("#ex3").click(function() {
$(".lebtn3 div").trigger("click");
});

</script>