{"id":2537,"date":"2012-01-09T02:40:13","date_gmt":"2012-01-09T02:40:13","guid":{"rendered":"http:\/\/www.tailshigh.org\/home\/?page_id=2537"},"modified":"2024-06-15T19:04:24","modified_gmt":"2024-06-15T19:04:24","slug":"graduates2","status":"publish","type":"page","link":"https:\/\/www.tailshigh.org\/home\/graduates2\/","title":{"rendered":"Graduates"},"content":{"rendered":"<h2 style=\"text-align: center;\">We are so proud of all of our Tails High Graduates!<\/h2>\n<div>\n<div id=\"container\">\n<div id=\"searchContainer\">\n      <label for=\"search\">Search for a Kitty:<\/label><input id=\"search\" type=\"text\"\/><\/div>\n<div id=\"carouselContainer\" class=\"carouselContainer\">\n<div class=\"carouselNav\">\n<select id=\"gotoPage\" name=\"gotoPage\" onchange=\"Graduates.gotoPageChange();\"><\/select><img loading=\"lazy\" decoding=\"async\" src=\"\/images\/_blank.gif\" width=\"5\" height=\"1\" border=\"0\" alt=\"\"\/><span style=\"float:right;display:inline-block;\"><button id=\"prevPage\" style=\"color:black;background:transparent;width:40px;height:19px;border: 1px solid black;letter-spacing:0;padding: 0 0 0 0;\" onclick=\"Graduates.prevPageClick();\">&lt;<\/button><img loading=\"lazy\" decoding=\"async\" src=\"\/images\/_blank.gif\" width=\"5\" height=\"1\" border=\"0\" alt=\"\"\/><button id=\"nextPage\" style=\"color:black;background:transparent;width:40px;height:19px;border: 1px solid black;letter-spacing:0;padding: 0 0 0 0;\" onclick=\"Graduates.nextPageClick();\">&gt;<\/button><\/span><\/div>\n<div id=\"carouselContent\" class=\"carouselContent\">\n<table width=\"100%\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\">\n<tbody>\n<tr>\n<td style=\"width:100%;text-align:center;vertical-align:top;border-width:0px;\">\n<h3 id=\"title\" class=\"center-text\"><\/h3>\n<\/td>\n<\/tr>\n<tr>\n<td style=\"width:100%;text-align:center;vertical-align:top;border-width:0px;\">\n<div id=\"caption1\" class=\"center-text\"><\/div>\n<\/td>\n<\/tr>\n<tr>\n<td style=\"width:100%;text-align:center;vertical-align:top;border-width:0px;\">\n<div id=\"imageContainer\" class=\"center-text\"><img decoding=\"async\" src=\"\/images\/_blank.png\" alt=\"\" border=\"0\"\/><\/div>\n<\/td>\n<\/tr>\n<tr>\n<td style=\"width:100%;text-align:center;vertical-align:top;border-width:0px;\">\n<div id=\"caption2\" class=\"center-text\"><\/div>\n<\/td>\n<\/tr>\n<tr>\n<td style=\"width:100%;text-align:center;vertical-align:top;border-width:0px;\">\n<div id=\"caption3\" class=\"center-text\"><\/div>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<link type=\"text\/css\" rel=\"stylesheet\" href=\"\/\/code.jquery.com\/ui\/1.12.1\/themes\/base\/jquery-ui.css\"\/>\n<script type=\"text\/javascript\" src=\"\/\/code.jquery.com\/jquery-1.12.4.js\"><\/script><br \/>\n<script type=\"text\/javascript\" src=\"\/\/code.jquery.com\/ui\/1.12.1\/jquery-ui.js\"><\/script><br \/>\n<script type=\"text\/javascript\" src=\"\/scripts\/UrlBuilder.js\"><\/script><br \/>\n<script type=\"text\/javascript\" src=\"\/scripts\/JSLINQ.js\"><\/script><\/p>\n<style type=\"text\/css\">\n   .carouselContainer {<br \/>\n     border: 1px solid #808080;<br \/>\n   }<br \/>\n   .carouselNav {<br \/>\n     background: url('\/images\/sprite.png') repeat-x 0 0;<br \/>\n     width:100%;<br \/>\n     text-align:right;<br \/>\n   }<br \/>\n   .carouselContent {<br \/>\n     overflow: hidden;<br \/>\n     position: relative;<br \/>\n     text-align: center;<br \/>\n     width: 100%;<br \/>\n     height: 1004px;<br \/>\n   }<br \/>\n   .center-text {<br \/>\n     text-align: center;<br \/>\n   }<br \/>\n<\/style>\n<p><script type=\"text\/javascript\"><br \/>\n   var Graduates = {<br \/>\n      _rootUrl: \"\",<br \/>\n      _recordNumbers: null,<br \/>\n      _titles: null,<br \/>\n      _graduates: null,<br \/>\n      initialize: function() {<br \/>\n         var params = {<br \/>\n            controller: \"graduates\",<br \/>\n            sort: \"record_no\",<br \/>\n            dir: \"desc\",<br \/>\n            fields: \"record_no, title\"<br \/>\n         };<br \/>\n         var url = UrlBuilder.buildGet(Graduates._rootUrl + \"\/home\/ajax\/\", params);<br \/>\n         $.ajax({<br \/>\n            url: url,<br \/>\n            type: \"GET\",<br \/>\n            dataType : \"json\",<br \/>\n            beforeSend: function(jqXHR, settings) {<br \/>\n               \/\/Loading.start();<br \/>\n            },<br \/>\n            success: function(result) {<br \/>\n               if (result && result.records) {<br \/>\n                 Graduates._recordNumbers = [];<br \/>\n                 Graduates._titles= [];<br \/>\n                 Graduates._graduates = [];<br \/>\n                 var gotoPage = document.getElementById(\"gotoPage\");<br \/>\n                 gotoPage.options = [];<br \/>\n                 for (var ii = 0; ii < result.records.length; ii++) {\n                   var option = document.createElement(\"option\");\n                   option.value = ii.toString();\n                   option.text = \"Go to page \" + (ii + 1).toString();\n                   gotoPage.options[gotoPage.options.length] = option;\n                   Graduates._recordNumbers[ii] = result.records[ii]['record_no'];\n                   Graduates._titles[ii] = {label:result.records[ii]['title'], index:ii};\n                   Graduates._graduates[ii] = null;\n                 }\n                 Graduates.renderAutoComplete();\n                 gotoPage.selectedIndex = 0;\n                 Graduates.gotoPageChange();\n               }\n            },\n            error: function( xhr, status, errorThrown ) {\n               ;\n            },\n            complete: function( xhr, status) {\n               \/\/Loading.stop();\n            }\n         });\n      },\n      gotoPageChange: function() {\n        var gotoPage = document.getElementById(\"gotoPage\");\n        if (gotoPage.selectedIndex > -1) {<br \/>\n          Graduates.loadGraduate(gotoPage.selectedIndex);<br \/>\n        }<br \/>\n        var prevPage = document.getElementById(\"prevPage\");<br \/>\n        prevPage.disabled = (gotoPage.selectedIndex == 0);<br \/>\n        var nextPage = document.getElementById(\"nextPage\");<br \/>\n        nextPage.disabled = (gotoPage.selectedIndex == (gotoPage.options.length - 1));<br \/>\n      },<br \/>\n      prevPageClick: function() {<br \/>\n        var gotoPage = document.getElementById(\"gotoPage\");<br \/>\n        if (gotoPage.selectedIndex > 0) {<br \/>\n          gotoPage.selectedIndex = gotoPage.selectedIndex - 1;<br \/>\n          Graduates.gotoPageChange();<br \/>\n        }<br \/>\n      },<br \/>\n      nextPageClick: function() {<br \/>\n        var gotoPage = document.getElementById(\"gotoPage\");<br \/>\n        if (gotoPage.selectedIndex < (gotoPage.options.length - 1)) {\n          gotoPage.selectedIndex = gotoPage.selectedIndex + 1;\n          Graduates.gotoPageChange();\n        }\n      },\n      renderAutoComplete: function() {\n        $( \"#search\" ).autocomplete({\n          source: Graduates._titles,\n          select: function( event, ui ) {\n            var gotoPage = document.getElementById(\"gotoPage\");\n            gotoPage.selectedIndex = ui.item.index;\n            Graduates.gotoPageChange();\n          }\n        });\n      },\n      loadGraduate: function(index) {\n        if (Graduates._graduates[index]) {\n          Graduates.renderGraduate(Graduates._graduates[index]);\n          return;\n        }\n        var params = {\n          controller: \"graduates\",\n          id: Graduates._recordNumbers[index].toString()\n        };\n        var url = UrlBuilder.buildGet(Graduates._rootUrl + \"\/home\/ajax\/\", params);\n        $.ajax({\n          url: url,\n          type: \"GET\",\n          dataType : \"json\",\n          beforeSend: function(jqXHR, settings) {\n            \/\/Loading.start();\n          },\n          success: function(result) {\n            Graduates._graduates[index] = result;\n            Graduates.renderGraduate(Graduates._graduates[index]);\n          },\n          error: function( xhr, status, errorThrown ) {\n            ;\n          },\n          complete: function( xhr, status) {\n            \/\/Loading.stop();\n          }\n        });\n      },\n      renderGraduate: function(graduate) {\n        document.getElementById(\"title\").innerHTML = graduate.title;\n        document.getElementById(\"caption1\").innerHTML = graduate.caption1;\n        document.getElementById(\"caption2\").innerHTML = graduate.caption2;\n        document.getElementById(\"caption3\").innerHTML = graduate.caption3;\n        document.getElementById(\"imageContainer\").innerHTML = '<img decoding=\"async\" src=\"\/' + graduate.image_url + '\" width=\"' + graduate.image_width.toString() + '\" height=\"' + graduate.image_height.toString() + '\" alt=\"\" border=\"0\"\/>';<br \/>\n      }<br \/>\n   };<br \/>\n   $(document).ready(Graduates.initialize);<br \/>\n<\/script><\/p>\n","protected":false},"excerpt":{"rendered":"<p>We are so proud of all of our Tails High Graduates! Search for a Kitty: &lt;&gt;<\/p>\n","protected":false},"author":1,"featured_media":7320,"parent":0,"menu_order":15,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"class_list":["post-2537","page","type-page","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/www.tailshigh.org\/home\/wp-json\/wp\/v2\/pages\/2537","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.tailshigh.org\/home\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.tailshigh.org\/home\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.tailshigh.org\/home\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.tailshigh.org\/home\/wp-json\/wp\/v2\/comments?post=2537"}],"version-history":[{"count":38,"href":"https:\/\/www.tailshigh.org\/home\/wp-json\/wp\/v2\/pages\/2537\/revisions"}],"predecessor-version":[{"id":7346,"href":"https:\/\/www.tailshigh.org\/home\/wp-json\/wp\/v2\/pages\/2537\/revisions\/7346"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.tailshigh.org\/home\/wp-json\/wp\/v2\/media\/7320"}],"wp:attachment":[{"href":"https:\/\/www.tailshigh.org\/home\/wp-json\/wp\/v2\/media?parent=2537"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}