This was an hours long process and I'm tired so want to document what was done before I forget.
- Steve and Cary were testing facets of LivePerson/LiveEngage when they noticed that the chat links were not working for Steve's iPhone.
- They reported that to me and I verified the links wouldn't work on my android phone either.
- I asked Toyya to notify our LP representative and have a technician get in touch with me by email with a suggested solution.
- 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>
