Replacing the "No Items Found" message with Javascript

Question

On this page http://www.sedonamagoretreat.org/test in the second "Program Dates" box in the righthand sidebar, I'm attempting to implement a script I found to replace the "No items found" message with a custom html file.
The javascript is here: http://www.sedonamagoretreat.org/js/no-items-found.js and the html file used to replace the message is here: http://www.sedonamagoretreat.org/prog-dates-alternate-content.
I'm sure it's an easy fix and I'm just overlooking something...any suggestions to get this script working are welcome - thanks!
Linda

Answer 1

If it still doesn't work after you move the script then you might need to update your script to the following:
$(document).ready(function() {
     $.each($("."+webapp_wrapper_div), function() {
               if($("." + webapp_wrapper_div).html().indexOf("No items found.") != -1) {
                         $.get(alternate_page_html, function(data) {
                                   $("." + webapp_wrapper_div).append('<div id="ajax-temp" style="display: none;"></div>');
                                   $("#ajax-temp").html(data);
                                   $("." + webapp_wrapper_div).html($("#ajax-temp #" + alternate_page_div).html());
All I did was wrap the if statement in an $.each() function so that it does this to each instance of your web app item list. 
Also, you should probably change your variable for "alternate_page_html" to "/prog-dates-alternate-content" so that this would work on pages that are in a folder in your site.  Without the "/" this might only work on pages that are on the first-level of your site. If you tried this on a page at "/about/contact" then your get request without the "/" would be trying to get "/about/prog-dates-alternate-content" which doesn't exist.