{"id":22934,"date":"2024-06-18T14:34:29","date_gmt":"2024-06-18T06:34:29","guid":{"rendered":"https:\/\/main.bell.org.hk\/?page_id=22934"},"modified":"2025-08-20T17:28:00","modified_gmt":"2025-08-20T09:28:00","slug":"cca-signups-cn","status":"publish","type":"page","link":"https:\/\/main.bell.org.hk\/index.php\/cn\/cca-signups-cn\/","title":{"rendered":"CCA-Signups cn"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"22934\" class=\"elementor elementor-22934\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-d431068 elementor-section-boxed elementor-section-height-default elementor-section-height-default tf-sticky-section tf-sticky-no\" data-id=\"d431068\" data-element_type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;tf_sticky&quot;:&quot;no&quot;}\">\n\t\t\t\t\t\t\t<div class=\"elementor-background-overlay\"><\/div>\n\t\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-8502f51\" data-id=\"8502f51\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-796fc07 elementor-icon-list--layout-inline elementor-widget__width-auto elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list\" data-id=\"796fc07\" data-element_type=\"widget\" data-widget_type=\"icon-list.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<link rel=\"stylesheet\" href=\"https:\/\/main.bell.org.hk\/wp-content\/plugins\/elementor\/assets\/css\/widget-icon-list.min.css\">\t\t<ul class=\"elementor-icon-list-items elementor-inline-items\">\n\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item elementor-inline-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/main.bell.org.hk\/index.php\/zh\/new-home-zh\/\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<i aria-hidden=\"true\" class=\"fas fa-angle-right\"><\/i>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">\u4e3b\u9875<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t<\/ul>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5592c1f elementor-widget__width-auto submenu-cca-css elementor-nav-menu--dropdown-none elementor-widget elementor-widget-nav-menu\" data-id=\"5592c1f\" data-element_type=\"widget\" data-settings=\"{&quot;layout&quot;:&quot;horizontal&quot;,&quot;submenu_icon&quot;:{&quot;value&quot;:&quot;&lt;i class=\\&quot;fas fa-caret-down\\&quot;&gt;&lt;\\\/i&gt;&quot;,&quot;library&quot;:&quot;fa-solid&quot;}}\" data-widget_type=\"nav-menu.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<link rel=\"stylesheet\" href=\"https:\/\/main.bell.org.hk\/wp-content\/plugins\/elementor-pro\/assets\/css\/widget-nav-menu.min.css\">\t\t\t<nav class=\"elementor-nav-menu--main elementor-nav-menu__container elementor-nav-menu--layout-horizontal e--pointer-underline e--animation-fade\">\n\t\t\t\t<ul id=\"menu-1-5592c1f\" class=\"elementor-nav-menu\"><li class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-23874\"><a href=\"#\" class=\"elementor-item elementor-item-anchor\">\u8054\u8bfe\u6d3b\u52a8<\/a>\n<ul class=\"sub-menu elementor-nav-menu--dropdown\">\n\t<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-23875\"><a href=\"https:\/\/main.bell.org.hk\/index.php\/cn\/cca-overview-cn\/\" class=\"elementor-sub-item\">\u6982\u8ff0<\/a><\/li>\n\t<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-23869\"><a href=\"https:\/\/main.bell.org.hk\/index.php\/cn\/cca-general-information-cn\/\" class=\"elementor-sub-item\">\u4e00\u822c\u8d44\u8baf<\/a><\/li>\n\t<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-23870\"><a href=\"https:\/\/main.bell.org.hk\/index.php\/cn\/cca-signups-cn\/\" class=\"elementor-sub-item\">\u767b\u8bb0\u8054\u8bfe\u6d3b\u52a8\u8bfe\u7a0b<\/a><\/li>\n\t<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-23871\"><a href=\"https:\/\/main.bell.org.hk\/index.php\/cn\/cca-musical-academy-cn\/\" class=\"elementor-sub-item\">\u97f3\u4e50\u5b66\u9662<\/a><\/li>\n\t<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-23872\"><a href=\"https:\/\/main.bell.org.hk\/index.php\/cn\/cca-summer-holiday-programs-cn\/\" class=\"elementor-sub-item\">\u6691\u671f\u8bfe\u7a0b<\/a><\/li>\n<\/ul>\n<\/li>\n<\/ul>\t\t\t<\/nav>\n\t\t\t\t\t\t<nav class=\"elementor-nav-menu--dropdown elementor-nav-menu__container\" aria-hidden=\"true\">\n\t\t\t\t<ul id=\"menu-2-5592c1f\" class=\"elementor-nav-menu\"><li class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-23874\"><a href=\"#\" class=\"elementor-item elementor-item-anchor\" tabindex=\"-1\">\u8054\u8bfe\u6d3b\u52a8<\/a>\n<ul class=\"sub-menu elementor-nav-menu--dropdown\">\n\t<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-23875\"><a href=\"https:\/\/main.bell.org.hk\/index.php\/cn\/cca-overview-cn\/\" class=\"elementor-sub-item\" tabindex=\"-1\">\u6982\u8ff0<\/a><\/li>\n\t<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-23869\"><a href=\"https:\/\/main.bell.org.hk\/index.php\/cn\/cca-general-information-cn\/\" class=\"elementor-sub-item\" tabindex=\"-1\">\u4e00\u822c\u8d44\u8baf<\/a><\/li>\n\t<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-23870\"><a href=\"https:\/\/main.bell.org.hk\/index.php\/cn\/cca-signups-cn\/\" class=\"elementor-sub-item\" tabindex=\"-1\">\u767b\u8bb0\u8054\u8bfe\u6d3b\u52a8\u8bfe\u7a0b<\/a><\/li>\n\t<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-23871\"><a href=\"https:\/\/main.bell.org.hk\/index.php\/cn\/cca-musical-academy-cn\/\" class=\"elementor-sub-item\" tabindex=\"-1\">\u97f3\u4e50\u5b66\u9662<\/a><\/li>\n\t<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-23872\"><a href=\"https:\/\/main.bell.org.hk\/index.php\/cn\/cca-summer-holiday-programs-cn\/\" class=\"elementor-sub-item\" tabindex=\"-1\">\u6691\u671f\u8bfe\u7a0b<\/a><\/li>\n<\/ul>\n<\/li>\n<\/ul>\t\t\t<\/nav>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-722444f elementor-icon-list--layout-inline elementor-widget__width-auto elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list\" data-id=\"722444f\" data-element_type=\"widget\" data-widget_type=\"icon-list.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<ul class=\"elementor-icon-list-items elementor-inline-items\">\n\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item elementor-inline-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<i aria-hidden=\"true\" class=\"fas fa-angle-right\"><\/i>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">\u767b\u8bb0\u8054\u8bfe\u6d3b\u52a8\u8bfe\u7a0b<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t<\/ul>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f64772e elementor-widget elementor-widget-heading\" data-id=\"f64772e\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\/*! elementor - v3.20.0 - 10-04-2024 *\/\n.elementor-heading-title{padding:0;margin:0;line-height:1}.elementor-widget-heading .elementor-heading-title[class*=elementor-size-]>a{color:inherit;font-size:inherit;line-height:inherit}.elementor-widget-heading .elementor-heading-title.elementor-size-small{font-size:15px}.elementor-widget-heading .elementor-heading-title.elementor-size-medium{font-size:19px}.elementor-widget-heading .elementor-heading-title.elementor-size-large{font-size:29px}.elementor-widget-heading .elementor-heading-title.elementor-size-xl{font-size:39px}.elementor-widget-heading .elementor-heading-title.elementor-size-xxl{font-size:59px}<\/style><h1 class=\"elementor-heading-title elementor-size-default\">\u767b\u8bb0\u8054\u8bfe\u6d3b\u52a8\u8bfe\u7a0b<\/h1>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-710f41c elementor-section-boxed elementor-section-height-default elementor-section-height-default tf-sticky-section tf-sticky-no\" data-id=\"710f41c\" data-element_type=\"section\" id=\"cca-sessions-filter\" data-settings=\"{&quot;tf_sticky&quot;:&quot;no&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-85906d4\" data-id=\"85906d4\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-ceb0a7b elementor-section-full_width elementor-section-height-default elementor-section-height-default tf-sticky-section tf-sticky-no\" data-id=\"ceb0a7b\" data-element_type=\"section\" data-settings=\"{&quot;tf_sticky&quot;:&quot;no&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-b5ec9c2\" data-id=\"b5ec9c2\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-e15d893 elementor-widget elementor-widget-html\" data-id=\"e15d893\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<div>\r\n\t<select class=\"searchdataselection\" name=\"weekdayssub\" id=\"weekdayssub\">\r\n\t\t<option value=\"\">- \u661f\u671f -<\/option>\r\n\t\t<option value=\"Sun\">\u661f\u671f\u65e5<\/option>\r\n\t\t<option value=\"Mon\">\u661f\u671f\u4e00<\/option>\r\n\t\t<option value=\"Tue\">\u661f\u671f\u4e8c<\/option>\r\n\t\t<option value=\"Wed\">\u661f\u671f\u4e09<\/option>\r\n\t\t<option value=\"Thu\">\u661f\u671f\u56db<\/option>\r\n\t\t<option value=\"Fri\">\u661f\u671f\u4e94<\/option>\r\n\t\t<option value=\"Sat\">\u661f\u671f\u516d<\/option>\r\n\t<\/select>\r\n\t<div class=\"searchdataselectiondata\" id=\"searchdataday\"><\/div>\r\n<\/div>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-ec75077\" data-id=\"ec75077\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-c73b659 elementor-widget elementor-widget-html\" data-id=\"c73b659\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<div>\r\n\t<select class=\"searchdataselection\" name=\"grade\" id=\"grade\">\r\n\t\t<option value=\"\">- \u5e74\u7ea7 -<\/option>\r\n\t\t<option value=\"-2,-2e\">\u5e7c\u7a1a\u56ed\u4e00\u5e74\u7ea7<\/option>\r\n\t\t<option value=\"-1,-1e\">\u5e7c\u7a1a\u56ed\u4e8c\u5e74\u7ea7<\/option>\r\n\t\t<option value=\"0,0e\">\u5c0f\u4e00\u9884\u5907\u73ed<\/option>\r\n\t\t<option value=\"1,1e\">\u4e00\u5e74\u7ea7 <\/option>\r\n\t\t<option value=\"2,2e\">\u4e8c\u5e74\u7ea7<\/option>\r\n\t\t<option value=\"3,3e\">\u4e09\u5e74\u7ea7<\/option>\r\n\t\t<option value=\"4,4e\">\u56db\u5e74\u7ea7<\/option>\r\n\t\t<option value=\"5,5e\">\u4e94\u5e74\u7ea7<\/option>\r\n\t\t<option value=\"6,6e\">\u516d\u5e74\u7ea7<\/option>\r\n\t\t<option value=\"7,7e\">\u4e03\u5e74\u7ea7<\/option>\r\n\t\t<option value=\"8,84\">\u516b\u5e74\u7ea7<\/option>\r\n\t\t<option value=\"9,9e\">\u4e5d\u5e74\u7ea7<\/option>\r\n\t\t<option value=\"10,10e\">\u5341\u5e74\u7ea7<\/option>\r\n\t\t<option value=\"11,11e\">\u5341\u4e00\u5e74\u7ea7<\/option>\r\n\t\t<option value=\"12,12e\">\u5341\u4e8c\u5e74\u7ea7<\/option>\r\n\t<\/select>\r\n\t<div class=\"searchdataselectiondata\" id=\"searchdatagrade\"> <\/div>\r\n<\/div>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-5b0f03f elementor-section-full_width elementor-section-height-default elementor-section-height-default tf-sticky-section tf-sticky-no\" data-id=\"5b0f03f\" data-element_type=\"section\" id=\"cca_session_search1\" data-settings=\"{&quot;tf_sticky&quot;:&quot;no&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-293f4b2\" data-id=\"293f4b2\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-b1a7138 elementor-widget elementor-widget-html\" data-id=\"b1a7138\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<div>\r\n\t<select class=\"searchdataselection\" name=\"course_codesub\" id=\"course_codesub\"><\/select>\r\n\t<div class=\"searchdataselectiondata\" id=\"searchdataitem\"><\/div>\r\n\r\n<\/div>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-0718f33\" data-id=\"0718f33\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-b423066 elementor-widget elementor-widget-html\" data-id=\"b423066\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<div>\r\n\r\n\t<select class=\"searchdataselection\" name=\"timesearch\" id=\"timesearch\">\r\n\t\t<option value=\"\">- \u65f6\u95f4 -<\/option>\r\n\t\t<option value=\"0\">\u4e0b\u53482: 15\u4ee5\u524d<\/option>\r\n\t\t<option value=\"1\">\u4e0b\u53482:15 \u2013 \u4e0b\u53483:15<\/option>\r\n\t\t<option value=\"2\">\u4e0b\u53483:30 \u2013 \u4e0b\u53484:30<\/option>\r\n\t\t<option value=\"3\">\u4e0b\u53484:30 \u2013 \u4e0b\u53485:30<\/option>\r\n\t\t<option value=\"4\">\u4e0b\u53485:30\u4ee5\u540e<\/option>\r\n\t<\/select>\r\n\t<div class=\"searchdataselectiondata\" id=\"searchdatatime\"> <\/div>\r\n\r\n<\/div>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-94651c4 elementor-section-full_width elementor-section-height-default elementor-section-height-default tf-sticky-section tf-sticky-no\" data-id=\"94651c4\" data-element_type=\"section\" id=\"cca-sessions-table\" data-settings=\"{&quot;tf_sticky&quot;:&quot;no&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-a2ed46d\" data-id=\"a2ed46d\" data-element_type=\"column\" id=\"cca_session_talbe\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-10597f9 elementor-widget elementor-widget-shortcode\" data-id=\"10597f9\" data-element_type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-shortcode\"><script id='cca_event_api_termid' type='application\/json'>3503<\/script>\n                <script id='cca_preschool_event_api_termid' type='application\/json'>3504<\/script><\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0083ca6 elementor-widget-mobile__width-initial elementor-widget elementor-widget-html\" data-id=\"0083ca6\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<div id=\"maintable\"><\/div>\r\n<script>\r\n  $(\".nonActive\").click(function () {\r\n    $(this).addClass(\"buttonActive\");\r\n    $(\".nonActive\").not(this).removeClass(\"buttonActive\");\r\n  });\r\n  \/*\r\n\tcan ignore id below:\r\n\tdisplaycoursetable\r\n\tdisplaycoursedetailtable\r\n\tsearchcourseinstructorscontent\r\n\tsearchdata\r\n\tcourselistInstructor\r\n\tcoursedetails\r\n\tcoursedetails\r\n\tpg-274-2\r\n\tpg-274-3\r\n\tpg-274-4\r\n\tpg-274-5\r\n\t*\/\r\n\r\n  const termid = document.getElementById(\"cca_event_api_termid\").textContent;\r\n\r\n  const cca_activitle_activitle =\r\n    \"https:\/\/psimg01.isf.edu.hk\/cca-activities\/activities.php?\" +\r\n    (termid != \"\" ? \"termid=\" + termid : \"\");\r\n\r\n  const queryString = window.location.search;\r\n\r\n  const urlParams = new URLSearchParams(queryString);\r\n\r\n  const page_id = urlParams.get(\"id\");\r\n\r\n  const page_item = urlParams.get(\"item\");\r\n\r\n  const page_coursetype = urlParams.get(\"coursetype\");\r\n\r\n  var currentcoursecode = \"\";\r\n\r\n  if (page_id != null || page_item != null || page_coursetype != null) {\r\n    var url = \"\";\r\n    var courses_type_url =\r\n      \"https:\/\/psimg01.isf.edu.hk\/cca-activities\/courses_type.php\";\r\n    if (page_coursetype != null) {\r\n      url =\r\n        \"https:\/\/psimg01.isf.edu.hk\/cca-activities\/courses.php?course_type=\" +\r\n        page_coursetype;\r\n    } else {\r\n      url = \"https:\/\/psimg01.isf.edu.hk\/cca-activities\/courses.php\";\r\n    }\r\n    var activitiestypearr = [];\r\n\r\n    var activitiestypearrid = [];\r\n    $.getJSON(courses_type_url, function (activitiestype) {\r\n      \/\/console.log(\"activitiestype\");\r\n      \/\/console.log(activitiestype);\r\n      \/\/console.log(activitiestype.length);\r\n\r\n      for (var t = 0; t < activitiestype.length; t++) {\r\n        activitiestypearrid.push(activitiestype[t].id);\r\n        activitiestypearr.push(activitiestype[t].name);\r\n      }\r\n\r\n      \/\/console.log(\"activitiestypearrid\");\r\n      \/\/console.log(activitiestypearrid);\r\n      \/\/console.log(activitiestypearrid.length);\r\n      \/\/console.log(\"activitiestypearr\");\r\n      \/\/console.log(activitiestypearr);\r\n      \/\/console.log(activitiestypearr.length);\r\n    });\r\n\r\n    $.getJSON(url, function (course) {\r\n      \/\/console.log(\"get course url:\");\r\n      \/\/console.log(url);\r\n      \/\/console.log(course.length);\r\n      \/\/console.log(course);\r\n      $(\"#course_codesub\").append('<option value=\"\">- \u6d3b\u52d5\u8bfe\u7a0b -<\/option>');\r\n\r\n      var contenttable = \"\";\r\n\r\n      var tablearray = [];\r\n\r\n      if (page_coursetype != null) {\r\n        \/\/console.log(\"page_coursetype != null\");\r\n\r\n        for (var l = 0; l < course.length; l++) {\r\n          $(\"#course_codesub\").append(\r\n            '<option value=\"' +\r\n              course[l].course_code +\r\n              '\">' +\r\n              course[l].course_name +\r\n              \"<\/option>\"\r\n          );\r\n          if (course[l].type) {\r\n            for (var k = 0; k < course[l].type.length; k++) {\r\n              if (\r\n                activitiestypearrid.length == 0 &&\r\n                course[l].type[k].id == page_coursetype\r\n              ) {\r\n                activitiestypearrid.push(course[l].type[k].id);\r\n\r\n                activitiestypearr.push(\r\n                  new Array(\r\n                    course[l].type[k].id,\r\n                    course[l].type[k].course_name,\r\n                    course[l].type[k].chi_name\r\n                  )\r\n                );\r\n              }\r\n            }\r\n          }\r\n        }\r\n\r\n        for (var p = 0; p < activitiestypearr.length; p++) {\r\n          contenttable +=\r\n            '<table class=\"tabtable\"><tr><td style=\"border: unset;background-color: white;padding-top: 15px;\"><span><h4>' +\r\n            activitiestypearr[p] +\r\n            '<\/h4><\/span><\/td><\/tr><\/table><table class=\"tabtable\">';\r\n          \/\/console.log(\"course[m]\");\r\n          \/\/console.log(course[m]);\r\n\r\n          for (var m = 0; m < course.length; m++) {\r\n            \/\/console.log(course[m].type);\r\n            \/\/console.log(course[m].type.id);\r\n            \/\/console.log(activitiestypearr[p]);\r\n            \/\/console.log(activitiestypearrid[p]);\r\n\r\n            if (course[m].type.id == activitiestypearrid[p]) {\r\n              if (course[m].course_code == page_item) {\r\n                contenttable +=\r\n                  '<tr><td id=\"' +\r\n                  course[m].course_code +\r\n                  'tdtab\" style=\"cursor:pointer;font-size:16px;font-weight:bold;color:#F2A900;\" onclick=\"golink(\\'' +\r\n                  course[m].id +\r\n                  \"','\" +\r\n                  course[m].course_code +\r\n                  \"')\\\"><span>\" +\r\n                  course[m].course_name +\r\n                  \"<\/span><\/td><\/tr>\";\r\n              } else {\r\n                contenttable +=\r\n                  '<tr><td id=\"' +\r\n                  course[m].course_code +\r\n                  'tdtab\" style=\"cursor:pointer;font-size:16px;\" onclick=\"golink(\\'' +\r\n                  course[m].id +\r\n                  \"','\" +\r\n                  course[m].course_code +\r\n                  \"')\\\"><span>\" +\r\n                  course[m].course_name +\r\n                  \"<\/span><\/td><\/tr>\";\r\n              }\r\n            }\r\n          }\r\n        }\r\n      } else {\r\n        \/\/console.log(\"page_coursetype is null\");\r\n        \/\/console.log(\"of for activitiestypearr\");\r\n        \/\/console.log(activitiestypearr.length);\r\n        \/\/console.log(activitiestypearr);\r\n\r\n        for (var l = 0; l < course.length; l++) {\r\n          $(\"#course_codesub\").append(\r\n            '<option value=\"' +\r\n              course[l].course_code +\r\n              '\">' +\r\n              course[l].course_name +\r\n              \"<\/option>\"\r\n          );\r\n          if (course[l].type) {\r\n            for (var k = 0; k < course[l].type.length; k++) {\r\n              if (activitiestypearrid.length == 0) {\r\n                activitiestypearrid.push(course[l].type[k].id);\r\n\r\n                activitiestypearr.push(\r\n                  new Array(\r\n                    course[l].type[k].id,\r\n                    course[l].type[k].course_name,\r\n                    course[l].type[k].chi_name\r\n                  )\r\n                );\r\n              } else {\r\n                if (activitiestypearrid.indexOf(course[l].type[k].id) == -1) {\r\n                  activitiestypearrid.push(course[l].type[k].id);\r\n\r\n                  activitiestypearr.push(\r\n                    new Array(\r\n                      course[l].type[k].id,\r\n                      course[l].type[k].course_name,\r\n                      course[l].type[k].chi_name\r\n                    )\r\n                  );\r\n                }\r\n              }\r\n            }\r\n          }\r\n        }\r\n        for (var p = 0; p < activitiestypearr.length; p++) {\r\n          contenttable +=\r\n            '<table class=\"tabtable\"><tr><td style=\"border: unset;background-color: white;padding-top: 15px;\"><span><h4>' +\r\n            activitiestypearr[p] +\r\n            '<\/h4><\/span><\/td><\/tr><\/table><table class=\"tabtable\">';\r\n\r\n          for (var m = 0; m < course.length; m++) {\r\n            if (course[m].type.id == activitiestypearrid[p]) {\r\n              if (course[m].course_code == page_item) {\r\n                contenttable +=\r\n                  '<tr><td id=\"' +\r\n                  course[m].course_code +\r\n                  'tdtab\" style=\"cursor:pointer;font-size:16px;font-weight:bold;color:#F2A900;\" onclick=\"golink(\\'' +\r\n                  course[m].id +\r\n                  \"','\" +\r\n                  course[m].course_code +\r\n                  \"')\\\"><span>\" +\r\n                  course[m].course_name +\r\n                  \"<\/span><\/td><\/tr>\";\r\n              } else {\r\n                contenttable +=\r\n                  '<tr><td id=\"' +\r\n                  course[m].course_code +\r\n                  'tdtab\" style=\"cursor:pointer;font-size:16px;\" onclick=\"golink(\\'' +\r\n                  course[m].id +\r\n                  \"','\" +\r\n                  course[m].course_code +\r\n                  \"')\\\"><span>\" +\r\n                  course[m].course_name +\r\n                  \"<\/span><\/td><\/tr>\";\r\n              }\r\n            }\r\n          }\r\n        }\r\n        contenttable +=\r\n          '<tr><td style=\"border: unset;background-color: white;padding-top: 15px;\"><span><h4>Other<\/h4><\/span><\/td><\/tr>';\r\n\r\n        for (var m = 0; m < course.length; m++) {\r\n          if (course[m].type.length == 0) {\r\n            if (course[m].course_code == page_item) {\r\n              contenttable +=\r\n                '<tr><td id=\"' +\r\n                course[m].course_code +\r\n                'tdtab\" style=\"cursor:pointer;font-size:16px;font-weight:bold;color:#F2A900;\" onclick=\"golink(\\'' +\r\n                course[m].id +\r\n                \"','\" +\r\n                course[m].course_code +\r\n                \"')\\\"><span>\" +\r\n                course[m].course_name +\r\n                \"<\/span><\/td><\/tr>\";\r\n            } else {\r\n              contenttable +=\r\n                '<tr><td id=\"' +\r\n                course[m].course_code +\r\n                'tdtab\" style=\"cursor:pointer;font-size:16px;\" onclick=\"golink(\\'' +\r\n                course[m].id +\r\n                \"','\" +\r\n                course[m].course_code +\r\n                \"')\\\"><span>\" +\r\n                course[m].course_name +\r\n                \"<\/span><\/td><\/tr>\";\r\n            }\r\n          }\r\n        }\r\n      }\r\n\r\n      contenttable += \"<\/table>\";\r\n\r\n      $(\"#caabarContent\").html(contenttable);\r\n    });\r\n\r\n    searchbytablefromotherpage(page_coursetype, page_id, page_item);\r\n  } else {\r\n    $.getJSON(\r\n      \"https:\/\/psimg01.isf.edu.hk\/cca-activities\/courses.php\",\r\n      function (course) {\r\n        sessionStorage.setItem(\"c\", 2);\r\n\r\n        $(\"#course_codesub\").append('<option value=\"\">- \u6d3b\u52d5\u8bfe\u7a0b -<\/option>');\r\n\r\n        var activitiestypediv = \"\";\r\n\r\n        var activitiestypearr = [];\r\n\r\n        var activitiestypearrid = [];\r\n\r\n        var contenttable = '<table id=\"tabtable\">';\r\n\r\n        for (var l = 0; l < course.length; l++) {\r\n          \/\/$(\"#course_codesub\").append('<option value=\"' + course[l].course_code + '\">' + course[l].course_name + '<\/option>');\r\n          $(\"#course_codesub\").append(\r\n            '<option value=\"' +\r\n              course[l].course_code +\r\n              '\">' +\r\n              course[l].course_chi_name +\r\n              \"<\/option>\"\r\n          );\r\n\r\n          \/\/contenttable += '<tr><td id=\"' + course[l].course_code + 'tdtab\" style=\"cursor:pointer;font-size:16px;\" onclick=\"golink(\\'' + course[l].id + '\\',\\'' + course[l].course_code + '\\')\"><span>' + course[l].course_name + '<\/span><\/td><\/tr>';\r\n          contenttable +=\r\n            '<tr><td id=\"' +\r\n            course[l].course_code +\r\n            'tdtab\" style=\"cursor:pointer;font-size:16px;\" onclick=\"golink(\\'' +\r\n            course[l].id +\r\n            \"','\" +\r\n            course[l].course_code +\r\n            \"')\\\"><span>\" +\r\n            course[l].course_name +\r\n            \"<\/span><\/td><\/tr>\";\r\n\r\n          if (course[l].type) {\r\n            for (var k = 0; k < course[l].type.length; k++) {\r\n              if (activitiestypearrid.length == 0) {\r\n                activitiestypearrid.push(course[l].type[k].id);\r\n\r\n                activitiestypearr.push(\r\n                  new Array(\r\n                    course[l].type[k].id,\r\n                    course[l].type[k].course_name,\r\n                    course[l].type[k].chi_name\r\n                  )\r\n                );\r\n              } else {\r\n                if (activitiestypearrid.indexOf(course[l].type[k].id) == -1) {\r\n                  activitiestypearrid.push(course[l].type[k].id);\r\n\r\n                  activitiestypearr.push(\r\n                    new Array(\r\n                      course[l].type[k].id,\r\n                      course[l].type[k].course_name,\r\n                      course[l].type[k].chi_name\r\n                    )\r\n                  );\r\n                }\r\n              }\r\n            }\r\n          }\r\n        }\r\n\r\n        contenttable += \"<\/table>\";\r\n\r\n        contenttable += \"<div>\";\r\n\r\n        for (var t = 0; t < activitiestypearr.length; t++) {\r\n          activitiestypediv +=\r\n            '<input type=\"button\" class=\"ccatypebytn\" id=\"' +\r\n            activitiestypearr[t][0] +\r\n            'typeid\" value=\"' +\r\n            activitiestypearr[t][1] +\r\n            '\" onclick=\"searchbytypetable(' +\r\n            activitiestypearr[t][0] +\r\n            ');\"> ';\r\n        }\r\n\r\n        activitiestypediv +=\r\n          '<div class=\"ccatopicmessage\"><span class=\"ccatopicmessagecontent\">IMPORTANT: Due to the suspension of activities for all grade levels, we have decided to postpone the opening date for Term 2 ASA Registration, and a new date will be communicated in early-January. Please monitor this page and the divisional newsletters for updates.<\/span><\/div>';\r\n\r\n        $(\"#activitiestypediv\").html(activitiestypediv);\r\n\r\n        contenttable += \"<\/div>\";\r\n\r\n        $(\"#caabarContent\").html(contenttable);\r\n      }\r\n    );\r\n\r\n    \/*\r\n\t\t\tvar coursetypeselectionurl = 'https:\/\/itpsimg01.isf.edu.hk\/cca-activities\/courses_type.php';\r\n\t\t\r\n\t\t\t$.getJSON(coursetypeselectionurl, function(coursetype) {\r\n\t\t\r\n\t\t\t\t$(\"#course_codetypesub\").append('<option value=\"\">- Course Type -<\/option>');\r\n\t\t\r\n\t\t\t\tfor (var p = 0; p < coursetype.length; p++) {\r\n\t\t\r\n\t\t\t\t\t$(\"#course_codetypesub\").append('<option value=\"' + coursetype[p].id + '\">' + coursetype[p].course_name + '<\/option>');\r\n\t\t\r\n\t\t\t\t}\r\n\t\t\r\n\t\t\t});\r\n\t\t*\/\r\n    var sortitemandorder = [];\r\n\r\n    var activitiesidsub = [];\r\n\r\n    var course_codesub = [];\r\n\r\n    var course_namesub = [];\r\n\r\n    var course_nametypesub = [];\r\n\r\n    var section_nosub = [];\r\n\r\n    var namesub = [];\r\n\r\n    var max_enrollsub = [];\r\n\r\n    var teachersub = [];\r\n\r\n    var weekdayssub = [];\r\n\r\n    var start_timesub = [];\r\n\r\n    var end_timesub = [];\r\n\r\n    var gendersub = [];\r\n\r\n    var gradesub = [];\r\n\r\n    var locationsub = [];\r\n\r\n    var venuesub = [];\r\n\r\n    var feesub = [];\r\n\r\n    var descriptionsub = [];\r\n\r\n    var mainarray = [];\r\n\r\n    var searchitem = [];\r\n\r\n    var searchGrade = [];\r\n\r\n    var searchtime = [];\r\n\r\n    var searchitemtype = [];\r\n\r\n    var searchtimetext = [];\r\n\r\n    var searchtypetext = [];\r\n\r\n    var searchcourse_code = [];\r\n\r\n    var searchcourse_codetext = [];\r\n\r\n    var currentpage = 1;\r\n\r\n    var totalpage = 1;\r\n\r\n    var openactives = \"\";\r\n\r\n    $(\"#courselist\").hide();\r\n\r\n    $(\"#coursedetails\").hide();\r\n\r\n    $(\"#displaycoursedetailtable\").hide();\r\n\r\n    $(\"#displaycoursetable\").hide();\r\n    $(\"#cca_session_title\").show();\r\n\/*\r\n    $.getJSON(\r\n      \"https:\/\/psimg01.isf.edu.hk\/cca-activities\/timeslot.php\",\r\n      function (time) {\r\n        $(\"#timesearch\").append('<option value=\"\">- Time -<\/option>');\r\n\r\n        for (var l = 0; l < time.length; l++) {\r\n          $(\"#timesearch\").append(\r\n            '<option value=\"' +\r\n              time[l].timeslot +\r\n              '\">' +\r\n              time[l].timeslot +\r\n              \"<\/option>\"\r\n          );\r\n        }\r\n      }\r\n    );*\/\r\n\r\n    $.getJSON(cca_activitle_activitle + \"\", function (res) {\r\n      if (res.length > 0) {\r\n        totalpage = Math.ceil(res.length \/ 1000);\r\n      } else {\r\n        totalpage = 1;\r\n      }\r\n\r\n      var lengthstr = \"\";\r\n\r\n      for (var k = 1; k < totalpage + 1; k++) {\r\n        lengthstr +=\r\n          ' <span class=\"pagenumstr\" onclick=\"searchtable(' +\r\n          k +\r\n          \",'',0)\\\">\" +\r\n          k +\r\n          \"<\/span> \";\r\n      }\r\n\r\n      $(\"#totalitemstr\").html(\"( Total item: \" + res.length + \" ) \");\r\n\r\n      $(\"#tablepage\").html(lengthstr);\r\n    });\r\n\r\n    var content = \"<table>\";\r\n\r\n    \/\/content += '<tr><th>\u7f16\u53f7<\/th><th onclick=\"searchtable(1,\\'course_name\\',0)\" style=\"width: 50%;cursor:pointer;\">\u8bfe\u7a0b<span id=\"course_nametpyesort\"><\/span><\/th><th style=\"cursor:pointer;\" onclick=\"searchtable(1,\\'course_type_name\\',0)\">Course Type<span id=\"course_nametpyesort\"><\/span><\/th><th style=\"cursor:pointer;\" onclick=\"searchtable(1,\\'weekdays\\',0)\">\u661f\u671f<span id=\"weekdayssort\"><\/span><\/th><th style=\"cursor:pointer;\" onclick=\"searchtable(1,\\'timeslot\\',0)\">\u6642\u9593<span id=\"timeslotsort\"><\/span><\/th> <th>BELL\u6703\u54e1\u8cbb\u7528<\/th><\/tr>';\r\n    content +=\r\n      '<tr><th>\u7f16\u53f7<\/th><th onclick=\"searchtable(1,\\'course_name\\',0)\" style=\"width: 50%;cursor:pointer;\">\u8bfe\u7a0b<span id=\"course_nametpyesort\"><\/span><\/th><th style=\"cursor:pointer;\" onclick=\"searchtable(1,\\'course_type_name\\',0)\">Course Type<span id=\"course_nametpyesort\"><\/span><\/th><th style=\"cursor:pointer;\" onclick=\"searchtable(1,\\'weekdays\\',0)\">\u661f\u671f<span id=\"weekdayssort\"><\/span><\/th><\/tr>';\r\n\r\n    \/\/content += '<tr><th>Course Code<\/th><th>course name<\/th><th>Section no<\/th><th>Name<\/th><th>Max_enroll<\/th><th>Teacher<\/th><th>Weekdays<\/th><th>Start_time<\/th><th>End_time<\/th><th>gender<\/th><th>grade<\/th><th>location<\/th><th>venue<\/th><th>fee<\/th><th>description<\/th><\/tr>';\r\n\r\n    \/\/$.getJSON(cca_activitle_activitle+'&page=1&limit=1000&sortby=name', function (emp) {\r\n    $.getJSON(cca_activitle_activitle + \"\", function (emp) {\r\n      \/\/console.log('on activities');\r\n      if (emp.length > 0) {\r\n        for (var x = 0; x < emp.length; x++) {\r\n          mainarray.push(\r\n            new Array(\r\n              emp[x].id,\r\n              emp[x].course_code,\r\n              emp[x].course_name,\r\n              emp[x].course_type_name,\r\n              emp[x].section_no,\r\n              emp[x].course_name,\r\n              emp[x].max_enroll,\r\n              emp[x].teacher,\r\n              emp[x].weekdays,\r\n              emp[x].start_time,\r\n              emp[x].end_time,\r\n              emp[x].gender,\r\n              emp[x].grade,\r\n              emp[x].location,\r\n              emp[x].venue,\r\n              emp[x].fee,\r\n              emp[x].description,\r\n              emp[x].description_tc,\r\n              emp[x].name_tc\r\n            )\r\n          );\r\n\r\n          var chineseDays = emp[x].weekdays\r\n            ? emp[x].weekdays\r\n            .replace(\"Mon\", \"\u661f\u671f\u4e00\")\r\n            .replace(\"Tue\", \"\u661f\u671f\u4e8c\")\r\n            .replace(\"Wed\", \"\u661f\u671f\u4e09\")\r\n            .replace(\"Thu\", \"\u661f\u671f\u56db\")\r\n            .replace(\"Fri\", \"\u661f\u671f\u4e94\")\r\n            .replace(\"Sat\", \"\u661f\u671f\u516d\")\r\n            .replace(\"Sun\", \"\u661f\u671f\u65e5\")\r\n            : \"\";\r\n          activitiesidsub.push(emp[x].id);\r\n\r\n          course_codesub.push(emp[x].course_code);\r\n\r\n          course_namesub.push(emp[x].course_name);\r\n\r\n          course_nametypesub.push(emp[x].course_type_name);\r\n\r\n          section_nosub.push(emp[x].section_no);\r\n\r\n          namesub.push(emp[x].name);\r\n\r\n          max_enrollsub.push(emp[x].max_enroll);\r\n\r\n          teachersub.push(emp[x].teacher);\r\n\r\n          weekdayssub.push(emp[x].weekdays);\r\n\r\n          start_timesub.push(emp[x].start_time);\r\n\r\n          end_timesub.push(emp[x].end_time);\r\n\r\n          \/\/gendersub.push(emp[x].gender);\r\n\r\n          gradesub.push(emp[x].grade);\r\n\r\n          locationsub.push(emp[x].location);\r\n\r\n          venuesub.push(emp[x].venue);\r\n\r\n          feesub.push(emp[x].fee);\r\n          var bellFee0 = Number(emp[x].fee);\r\n          var bellFee1 = bellFee0 * 1.15;\r\n          var bellFee = bellFee1.toFixed(0);\r\n           let ISFonly = emp[x].grade && emp[x].grade.includes(\"e\");\r\n          descriptionsub.push(emp[x].description_tc);\r\n\r\n          \/\/content += '<tr>';\r\n          content +=\r\n            \"<tr onclick=\\\"searchbytable('\" +\r\n            emp[x].id +\r\n            \"','\" +\r\n            emp[x].course_code +\r\n            \"')\\\">\";\r\n\r\n          \/\/content += '<tr><td>' + emp[x].course_code + '<\/td>';\r\n\r\n          \/\/content += '<td>' + emp[x].course_name + '<\/td>';\r\n\r\n          content += \"<td>\" + emp[x].section_no + \"<\/td>\";\r\n\r\n          \/\/content += '<td>' + emp[x].name_tc + '<\/td>';\r\n          content += \"<td>\" + emp[x].name + \"<\/td>\";\r\n\r\n          \/\/content += '<td>' + emp[x].max_enroll + '<\/td>';\r\n\r\n          \/\/content += '<td>' + emp[x].teacher + '<\/td>';\r\n\r\n          if (emp[x].course_type_name != null) {\r\n            content += \"<td>\" + emp[x].course_type_name + \"<\/td>\";\r\n          } else {\r\n            content += \"<td> - <\/td>\";\r\n          }\r\n\r\n          content +=\r\n            \"<td>\" + \/\/emp[x].weekdays\r\n            chineseDays +\r\n            \"<\/td>\";\r\n\r\n          \/\/content += '<td>' + emp[x].start_time + \" - \" + emp[x].end_time + '<\/td>';\r\n\r\n          \/\/content += '<td>' + emp[x].gender + '<\/td>';\r\n\r\n          var gradesubtext = emp[x].grade;\r\n\r\n          var gradetext = [];\r\n\r\n          try {\r\n            gradesubtext.split(\",\");\r\n\r\n            for (var k = 0; k < gradesubtext.length; k++) {\r\n              if (gradesubtext[k] == -2) {\r\n                gradetext.push(\"Year 2\");\r\n              } else if (gradesubtext[k] == -1) {\r\n                gradetext.push(\"Year 1\");\r\n              } else if (gradesubtext[k] == 0) {\r\n                gradetext.push(\"Foundation Year\");\r\n              } else if (gradesubtext[k] > 0) {\r\n                gradetext.push(\"Grade \" + gradesubtext[k]);\r\n              }\r\n            }\r\n          } catch (e) {}\r\n\r\n          \/\/content += '<td>' + gradetext.toString() + '<\/td>';\r\n\r\n          var location = \"\";\r\n          var mobileBellFee = \"\";\r\n\r\n          if (emp[x].location === 0) {\r\n            location = \"Off campus \u6821\u5916\";\r\n          } else {\r\n            location = \"On campus \u6821\u5167\";\r\n          }\r\n\r\n          \/\/content += '<td>' + location + '<\/td>';\r\n\r\n          \/\/content += '<td>' + emp[x].venue + '<\/td>';\r\n          \/\/content += '<td>' + emp[x].fee + '<\/td><\/tr>';\r\n          \/\/content += \"<td>\" + emp[x].fee + \"<\/td>\";\r\n          \/\/ if ( ISFonly == true){\r\n          \/\/ \tmobileBellFee = bellFee;\r\n          \/\/ \tcontent += '<td>' + bellFee + '<\/td><\/tr>';\r\n          \/\/ } else {\r\n          \/\/ \tmobileBellFee = '\u4e0d\u9069\u7528';\r\n          \/\/ \tcontent += '<td>\u4e0d\u9069\u7528<\/td><\/tr>';\r\n          \/\/ }\r\n          \/\/content += '<td>' + emp[x].description + '<\/td><\/tr>';\r\n          \/\/content += '<tr id=\"content'+emp[x].id+'\" style=\"display:none\" class=\"mobileViewDetail\"><td class=\"hideTD\">'+emp[x].section_no +'<\/td><td class=\"hideTD\">'+chineseDays+'<\/td><td class=\"hideTD\">-<\/td><td class=\"hideTD\">'+emp[x].start_time + ' - ' + emp[x].end_time+'<\/td><td class=\"hideTD\">'+emp[x].fee+'<\/td><td class=\"hideTD\">'+mobileBellFee+'<\/td><td colspan=\"4\" style=\"\">' + emp[x].description_tc + '<\/td><td colspan=\"2\" style=\"\" data-enrollment=\"Max Enrollment\" class=\"maxEnrollment\">'+emp[x].max_enroll+'<\/td><\/tr>';\r\n          content +=\r\n            '<tr id=\"content' +\r\n            emp[x].id +\r\n            '\" style=\"display:none\" class=\"mobileViewDetail\"><td class=\"hideTD\">' +\r\n            emp[x].section_no +\r\n            '<\/td><td class=\"hideTD\">' +\r\n            chineseDays +\r\n            '<\/td><td class=\"hideTD\">-<\/td><td class=\"hideTD\">' +\r\n            '<\/td><td colspan=\"2\" style=\"\">' +\r\n            emp[x].description +\r\n            '<\/td><td colspan=\"1\" style=\"\" data-enrollment=\"Max Enrollment\" class=\"maxEnrollment\">' +\r\n            emp[x].max_enroll +\r\n            \"<\/td><\/tr>\";\r\n        }\r\n      } else {\r\n        content +=\r\n          '<td colspan=\"12\" style=\"text-align:center;\" class=\"noResult\"> \u6ca1\u6709\u76f8\u5173\u8bfe\u7a0b <\/tr>';\r\n      }\r\n\r\n      content += \"<\/table>\";\r\n\r\n      $(\"#maintable\").html(content);\r\n    });\r\n  }\r\n\r\n  function golink(id, code) {\r\n    var url = new URL(window.location.href);\r\n\r\n    var search_params = url.searchParams;\r\n\r\n    \/\/ new value of \"id\" is set to \"101\"\r\n\r\n    search_params.set(\"id\", 0);\r\n\r\n    search_params.set(\"item\", code);\r\n\r\n    \/\/ change the search property of the main url\r\n\r\n    window.location.search = search_params.toString();\r\n  }\r\n\r\n  function typesearchcoursename(typeid) {\r\n    \/\/$('#displaycoursetable').hide();\r\n\r\n    $(\"#courseresulttable\").hide();\r\n\r\n    $(\".searchdataselection\").hide();\r\n\r\n    $(\"#displaycoursedetailtable\").hide();\r\n\r\n    \/\/ $('#searchcourseinstructorscontent').html();\r\n\r\n    var courseallarray = [];\r\n\r\n    var coursearray = [];\r\n\r\n    var url =\r\n      \"https:\/\/psimg01.isf.edu.hk\/cca-activities\/courses.php?course_type=\" +\r\n      typeid;\r\n\r\n    var typename = \"\";\r\n\r\n    $.getJSON(url, function (emp) {\r\n      if (emp.length > 0) {\r\n        for (var x = 0; x < emp.length; x++) {\r\n          if (course[l].type) {\r\n            for (var u = 0; u < emp[x].type.length; u++) {\r\n              if (emp[x].type[u].id == typeid) {\r\n                typename = emp[x].type[u].course_name;\r\n              }\r\n            }\r\n          }\r\n          $(\"#searchcourseheader\").html(typename);\r\n\r\n          $(\"#searchcoursecontent\").html(\"\");\r\n\r\n          $(\"#searchcoursecontent\").html(emp[x].description_tc);\r\n        }\r\n      } else {\r\n        $(\"#searchcourseheader\").html(\"No data\");\r\n\r\n        $(\"#searchcoursecontent\").html(\"No data\");\r\n      }\r\n    });\r\n\r\n    var courseurl = cca_activitle_activitle + \"&course_code=\" + typeid;\r\n\r\n    $.getJSON(courseurl, function (res) {\r\n      if (res.length > 0) {\r\n        for (var r = 0; r < res.length; r++) {\r\n          var location = \"\";\r\n\r\n          var gradetext = [];\r\n\r\n          var eventday = \"\";\r\n          if (res[r].grade != null) {\r\n            var gradesub = res[r].grade.split(\",\");\r\n          }\r\n          if (res[r].weekdays === \"Sun\") {\r\n            eventday = \"Sunday\";\r\n          } else if (res[r].weekdays === \"Mon\") {\r\n            eventday = \"Monday\";\r\n          } else if (res[r].weekdays === \"Tue\") {\r\n            eventday = \"Tuesday\";\r\n          } else if (res[r].weekdays === \"Wed\") {\r\n            eventday = \"Wednesday\";\r\n          } else if (res[r].weekdays === \"Thus\") {\r\n            eventday = \"Thursday\";\r\n          } else if (res[r].weekdays === \"Fri\") {\r\n            eventday = \"Friday\";\r\n          } else if (res[r].weekdays === \"Sat\") {\r\n            eventday = \"Saturday\";\r\n          }\r\n\r\n          if (res[r].location === 0) {\r\n            location = \"Off campus\";\r\n          } else {\r\n            location = \"On campus\";\r\n          }\r\n\r\n          for (var j = 0; j < gradesub.length; j++) {\r\n            if (gradesub[j] == -2) {\r\n              gradetext.push(\"Year 1\");\r\n            } else if (gradesub[j] == -1) {\r\n              gradetext.push(\"Year 2\");\r\n            } else if (gradesub[j] == 0) {\r\n              gradetext.push(\"Foundation Year\");\r\n            } else if (gradesub[j] > 0) {\r\n              gradetext.push(\"Grade \" + gradesub[j]);\r\n            }\r\n          }\r\n\r\n          coursearray.push(\r\n            new Array(\r\n              res[r].id,\r\n              res[r].course_code,\r\n              res[r].course_name,\r\n              res[r].course_chi_name,\r\n              res[r].section_no,\r\n              res[r].course_name,\r\n              res[r].chi_name,\r\n              res[r].max_enroll,\r\n              res[r].teacher,\r\n              eventday,\r\n              res[r].start_time,\r\n              res[r].end_time,\r\n              res[r].gender,\r\n              gradetext.toString(),\r\n              location,\r\n              res[r].venue,\r\n              res[r].fee,\r\n              res[r].description,\r\n              res[r].chi_description\r\n            )\r\n          );\r\n\r\n          \/\/$(\"#searchcourseinstructorscontent\").html(res[r].description);\r\n        }\r\n\r\n        if (coursearray.length > 0) {\r\n          var listcourseselect = \"\";\r\n\r\n          for (var q = 0; q < coursearray.length; q++) {\r\n            listcourseselect +=\r\n              '<button class=\"selectionbtn\" type=\"button\" class=\"eventbtn\" id=\"' +\r\n              coursearray[q][0] +\r\n              'eventbtn\" value=\"' +\r\n              coursearray[q][0] +\r\n              '\" onclick=\"displaycoursedetail(' +\r\n              coursearray[q][0] +\r\n              ');\" >' +\r\n              coursearray[q][4] +\r\n              \" - \" +\r\n              coursearray[q][8] +\r\n              \" ( \" +\r\n              coursearray[q][10] +\r\n              \" - \" +\r\n              coursearray[q][11] +\r\n              \" ) [ \" +\r\n              coursearray[q][13] +\r\n              \" ]\" +\r\n              '<\/button><div class=\"brline\">&nbsp;<\/div><div id=\"' +\r\n              coursearray[q][0] +\r\n              'div\"><\/div><div class=\"brline\">&nbsp;<\/div>';\r\n          }\r\n\r\n          $(\"#searchcourseregist\").html(listcourseselect);\r\n        } else {\r\n          $(\"#searchcourseregist\").html(\"No Activities.\");\r\n        }\r\n      } else {\r\n        $(\"#searchcourseregist\").html(\"No Activities.\");\r\n\r\n        \/\/$(\"#searchcourseinstructorscontent\").html('No data');\r\n      }\r\n    });\r\n\r\n    \/\/document.getElementById('yogic_lite_content_wrapper').scrollIntoView();\r\n  }\r\n\r\n  function searchcoursename(code) {\r\n    $(\"#cca_session_title\").hide();\r\n    $(\"#displaycoursetable\").show();\r\n\r\n    $(\"#courseresulttable\").hide();\r\n\r\n    $(\".searchdataselection\").hide();\r\n\r\n    $(\"#displaycoursedetailtable\").hide();\r\n\r\n    \/\/ $('#searchcourseinstructorscontent').html();\r\n\r\n    var courseallarray = [];\r\n\r\n    var coursearray = [];\r\n\r\n    var url =\r\n      \"https:\/\/psimg01.isf.edu.hk\/cca-activities\/courses.php?course_code=\" +\r\n      code;\r\n\r\n    if (currentcoursecode != \"\") {\r\n      $(\"#\" + currentcoursecode + \"tdtab\").css(\"font-weight\", \"unset\");\r\n\r\n      $(\"#\" + currentcoursecode + \"tdtab\").css(\"color\", \"unset\");\r\n\r\n      currentcoursecode = code;\r\n    } else {\r\n      currentcoursecode = code;\r\n    }\r\n\r\n    $(\"#\" + currentcoursecode + \"tdtab\").css(\"font-weight\", \"bold\");\r\n\r\n    $(\"#\" + currentcoursecode + \"tdtab\").css(\"color\", \"#F2A900\");\r\n\r\n    $.getJSON(url, function (emp) {\r\n      if (emp.length > 0) {\r\n        for (var x = 0; x < emp.length; x++) {\r\n          $(\"#searchcourseheader\").html(emp[x].course_name);\r\n\r\n          $(\"#searchcoursecontent\").html(emp[x].description_tc);\r\n        }\r\n      } else {\r\n        $(\"#searchcourseheader\").html(\"No data\");\r\n\r\n        $(\"#searchcoursecontent\").html(\"No data\");\r\n      }\r\n    });\r\n\r\n    var countactivityarr = [];\r\n\r\n    var courseurl = cca_activitle_activitle + \"&course_code=\" + code;\r\n\r\n    $.getJSON(courseurl, function (res) {\r\n      if (res.length > 0) {\r\n        for (var r = 0; r < res.length; r++) {\r\n          var location = \"\";\r\n\r\n          var gradetext = [];\r\n\r\n          var eventday = [];\r\n          if (res[r].grade != null) {\r\n            var gradesub = res[r].grade.split(\",\");\r\n          }\r\n\r\n          var weekdayssub = res[r].weekdays.split(\",\");\r\n\r\n          var gradingsub = res[r].grade;\r\n\r\n          var lastgrade = -3;\r\n\r\n          if (gradesub.length > 0) {\r\n            lastgrade = gradesub[gradesub.length - 1];\r\n          }\r\n\r\n          for (var k = 0; k < weekdayssub.length; k++) {\r\n            if (weekdayssub[k] === \"Sun\") {\r\n              eventday.push(\"Sunday\");\r\n            } else if (weekdayssub[k] === \"Mon\") {\r\n              eventday.push(\"Monday\");\r\n            } else if (weekdayssub[k] === \"Tue\") {\r\n              eventday.push(\"Tuesday\");\r\n            } else if (weekdayssub[k] === \"Wed\") {\r\n              eventday.push(\"Wednesday\");\r\n            } else if (weekdayssub[k] === \"Thu\") {\r\n              eventday.push(\"Thursday\");\r\n            } else if (weekdayssub[k] === \"Fri\") {\r\n              eventday.push(\"Friday\");\r\n            } else if (weekdayssub[k] === \"Sat\") {\r\n              eventday.push(\"Saturday\");\r\n            }\r\n          }\r\n\r\n          if (lastgrade == -2) {\r\n            lastgrade = \"Y2\";\r\n          } else if (gradesub[0] == -1) {\r\n            lastgrade = \"Y1\";\r\n          } else if (gradesub[0] == 0) {\r\n            lastgrade = \"FY\";\r\n          } else if (gradesub[0] > 0) {\r\n            lastgrade = \"G\" + lastgrade;\r\n          }\r\n\r\n          if (res[r].location === 0) {\r\n            location = \"Off campus\";\r\n          } else {\r\n            location = \"On campus\";\r\n          }\r\n\r\n          if (gradesub[0] == -2) {\r\n            if (gradesub.length > 1) {\r\n              if (lastgrade == \"Y2\") {\r\n              } else {\r\n                gradetext.push(\"Y2 - \" + lastgrade);\r\n              }\r\n            } else {\r\n              gradetext.push(\"Y2\");\r\n            }\r\n          } else if (gradesub[0] == -1) {\r\n            if (gradesub.length > 1) {\r\n              if (lastgrade == \"Y1\") {\r\n              } else {\r\n                gradetext.push(\"Y1 - \" + lastgrade);\r\n              }\r\n            } else {\r\n              gradetext.push(\"Y1\");\r\n            }\r\n          } else if (gradesub[0] == 0) {\r\n            if (gradesub.length > 1) {\r\n              if (lastgrade == \"FY\") {\r\n              } else {\r\n                gradetext.push(\"FY - \" + lastgrade);\r\n              }\r\n            } else {\r\n              gradetext.push(\"FY\");\r\n            }\r\n          } else if (gradesub[0] > 0) {\r\n            if (gradesub.length > 1) {\r\n              if (lastgrade == \"G\" + gradesub[0]) {\r\n              } else {\r\n                gradetext.push(\"G\" + gradesub[0] + \" - \" + lastgrade);\r\n              }\r\n            } else {\r\n              gradetext.push(\"G\" + gradesub[0]);\r\n            }\r\n          }\r\n\r\n          var weekdaystr = eventday.toString();\r\n\r\n          var checkweekday = weekdaystr.replace(\",\", \" & \");\r\n\r\n          var displaytiming = [];\r\n\r\n          if (\r\n            countactivityarr.length == 0 ||\r\n            countactivityarr.includes(res[r].identifier) == false\r\n          ) {\r\n            countactivityarr.push(res[r].identifier);\r\n\r\n            coursearray.push(\r\n              new Array(\r\n                res[r].id,\r\n                res[r].course_code,\r\n                res[r].course_name,\r\n                res[r].course_chi_name,\r\n                res[r].section_no,\r\n                res[r].course_name,\r\n                res[r].chi_name,\r\n                res[r].max_enroll,\r\n                res[r].teacher,\r\n                weekdaystr.replace(\",\", \" & \"),\r\n                res[r].start_time,\r\n                res[r].end_time,\r\n                res[r].gender,\r\n                gradetext.toString(),\r\n                location,\r\n                res[r].venue,\r\n                res[r].fee,\r\n                res[r].description,\r\n                res[r].chi_description,\r\n                res[r].identifier\r\n              )\r\n            );\r\n          }\r\n\r\n          if (\r\n            countactivityarr.includes(res[r].identifier) == true &&\r\n            coursearray.length > 0\r\n          ) {\r\n            var checkday =\r\n              coursearray[countactivityarr.indexOf(res[r].identifier)][9];\r\n\r\n            var checkstime =\r\n              coursearray[countactivityarr.indexOf(res[r].identifier)][10];\r\n\r\n            var checketime =\r\n              coursearray[countactivityarr.indexOf(res[r].identifier)][11];\r\n\r\n            if (checkday.includes(checkweekday) == true) {\r\n            } else {\r\n              coursearray[countactivityarr.indexOf(res[r].identifier)][9] +=\r\n                \" \/ \" + weekdaystr.replace(\",\", \" & \");\r\n            }\r\n\r\n            if (\r\n              checkstime.includes(res[r].start_time) == true &&\r\n              checketime.includes(res[r].end_time) == true\r\n            ) {\r\n            } else {\r\n              coursearray[countactivityarr.indexOf(res[r].identifier)][10] +=\r\n                \",\" + res[r].start_time;\r\n\r\n              coursearray[countactivityarr.indexOf(res[r].identifier)][11] +=\r\n                \",\" + res[r].end_time;\r\n            }\r\n          }\r\n\r\n          \/\/$(\"#searchcourseinstructorscontent\").html(res[r].description);\r\n        }\r\n\r\n        if (coursearray.length > 0) {\r\n          var listcourseselect = \"\";\r\n\r\n          for (var q = 0; q < coursearray.length; q++) {\r\n            var checkstimesub = coursearray[q][10];\r\n\r\n            var checketimesub = coursearray[q][11];\r\n\r\n            var stime = checkstimesub.split(\",\");\r\n\r\n            var etime = checketimesub.split(\",\");\r\n\r\n            \/\/listcourseselect += '<button class=\"selectionbtn\" type=\"button\" class=\"eventbtn\" id=\"' + coursearray[q][0] + 'eventbtn\" value=\"' + coursearray[q][0] + '\" onclick=\"displaycoursedetail(' + coursearray[q][0] + ');\" >' + coursearray[q][4] + ' - ' + coursearray[q][8] + ' ( ' + coursearray[q][10] + ' - ' + coursearray[q][11] + ' ) [ ' + coursearray[q][13] + ' ]' + '<\/button><div class=\"brline\">&nbsp;<\/div><div id=\"' + coursearray[q][0] + 'div\"><\/div><div class=\"brline\">&nbsp;<\/div>';\r\n\r\n            listcourseselect +=\r\n              '<button class=\"selectionbtn\" type=\"button\" class=\"eventbtn\" id=\"' +\r\n              coursearray[q][19] +\r\n              'eventbtn\" value=\"' +\r\n              coursearray[q][0] +\r\n              '\" onclick=\"getidentifier(' +\r\n              coursearray[q][0] +\r\n              ');\" >' +\r\n              coursearray[q][5] +\r\n              \" \" +\r\n              coursearray[q][9] +\r\n              \" ( \";\r\n\r\n            for (var p = 0; p < stime.length; p++) {\r\n              if (p > 0) {\r\n                listcourseselect += \" \/ \";\r\n              }\r\n\r\n              listcourseselect += stime[p] + \" - \" + etime[p];\r\n            }\r\n\r\n            listcourseselect +=\r\n              \" )\" +\r\n              '<\/button><div class=\"brline\">&nbsp;<\/div><div id=\"' +\r\n              coursearray[q][19] +\r\n              'div\"><\/div><div class=\"brline\">&nbsp;<\/div>';\r\n          }\r\n\r\n          $(\"#searchcourseregist\").html(listcourseselect);\r\n        } else {\r\n          $(\"#searchcourseregist\").html(\"No Activities.\");\r\n        }\r\n      } else {\r\n        $(\"#searchcourseregist\").html(\"No Activities.\");\r\n\r\n        \/\/ $(\"#searchcourseinstructorscontent\").html('No data');\r\n      }\r\n    });\r\n\r\n    \/\/document.getElementById('yogic_lite_content_wrapper').scrollIntoView();\r\n  }\r\n\r\n  $(\"#grade\").change(function () {\r\n    if (this.value != \"\") {\r\n      if (searchGrade.indexOf(this.value) == -1) {\r\n        searchGrade.push(this.value);\r\n\r\n        this.options[this.selectedIndex].setAttribute(\r\n          \"style\",\r\n          \"background-color: #ccc;\"\r\n        );\r\n\r\n        this.options[this.selectedIndex].disabled = true;\r\n      }\r\n\r\n      orderbutton();\r\n    }\r\n  });\r\n\r\n  $(\"#timesearch\").change(function () {\r\n    if (this.value != \"\") {\r\n      if (searchtime.indexOf(this.value) == -1) {\r\n        searchtime.push(this.value);\r\n\r\n        searchtimetext.push($(this).find(\"option:selected\").text());\r\n\r\n        this.options[this.selectedIndex].setAttribute(\r\n          \"style\",\r\n          \"background-color: #ccc;\"\r\n        );\r\n\r\n        this.options[this.selectedIndex].disabled = true;\r\n      }\r\n\r\n      orderbutton();\r\n    }\r\n  });\r\n\r\n  $(\"#weekdayssub\").change(function () {\r\n    if (this.value != \"\") {\r\n      if (searchitem.indexOf(this.value) == -1) {\r\n        searchitem.push(this.value);\r\n\r\n        this.options[this.selectedIndex].setAttribute(\r\n          \"style\",\r\n          \"background-color: #ccc;\"\r\n        );\r\n\r\n        this.options[this.selectedIndex].disabled = true;\r\n      }\r\n\r\n      orderbutton();\r\n    }\r\n  });\r\n\r\n  \/\/select option field onchange function\r\n  $(\"#course_codesub\").change(function () {\r\n    if (this.value != \"\") {\r\n      if (searchcourse_code.indexOf(this.value) == -1) {\r\n        searchcourse_code.push(this.value);\r\n\r\n        searchcourse_codetext.push($(this).find(\"option:selected\").text());\r\n\r\n        this.options[this.selectedIndex].setAttribute(\r\n          \"style\",\r\n          \"background-color: #ccc;\"\r\n        );\r\n\r\n        this.options[this.selectedIndex].disabled = true;\r\n\r\n        \/\/ $('#searchdata').append('<button class=\"selectionbtn\" onclick=\"cancelitem(\\''+this.value+'\\',\\'searchcourse_code\\');\">&#10006;   '+ $(this).find('option:selected').text()+'<\/button> ');\r\n      }\r\n\r\n      orderbutton();\r\n    }\r\n  });\r\n\r\n  \/\/select option field onchange function\r\n  $(\"#course_codetypesub\").change(function () {\r\n    if (this.value != \"\") {\r\n      if (searchitemtype.indexOf(this.value) == -1) {\r\n        searchitemtype.push(this.value);\r\n\r\n        searchtypetext.push($(this).find(\"option:selected\").text());\r\n\r\n        this.options[this.selectedIndex].setAttribute(\r\n          \"style\",\r\n          \"background-color: #ccc;\"\r\n        );\r\n\r\n        this.options[this.selectedIndex].disabled = true;\r\n      }\r\n\r\n      orderbutton();\r\n    }\r\n  });\r\n\r\n  function cancelitem(item, itemarr) {\r\n    var newarray = [];\r\n\r\n    var newarraytext = [];\r\n\r\n    var currenyarr = [];\r\n\r\n    var currenyarrtext = [];\r\n\r\n    if (itemarr == \"searchitem\") {\r\n      currenyarr = searchitem;\r\n    } else if (itemarr == \"searchGrade\") {\r\n      currenyarr = searchGrade;\r\n    } else if (itemarr == \"searchcourse_code\") {\r\n      currenyarr = searchcourse_code;\r\n\r\n      currenyarrtext = searchcourse_codetext;\r\n    } else if (itemarr == \"searchtime\") {\r\n      currenyarr = searchtime;\r\n\r\n      currenyarrtext = searchtimetext;\r\n    } else if (itemarr == \"searchitemtype\") {\r\n      currenyarr = searchitemtype;\r\n\r\n      currenyarrtext = searchtypetext;\r\n    }\r\n\r\n    for (var x = 0; x < currenyarr.length; x++) {\r\n      if (currenyarr[x] != item) {\r\n        newarray.push(currenyarr[x]);\r\n\r\n        if (currenyarrtext.length > 0) {\r\n          newarraytext.push(currenyarrtext[x]);\r\n        }\r\n      }\r\n    }\r\n\r\n    if (itemarr == \"searchitem\") {\r\n      var itemselectedIndex = document.getElementById(\"weekdayssub\").length;\r\n\r\n      var itemselectedoptions = document.getElementById(\"weekdayssub\").options;\r\n\r\n      for (var k = 0; k < itemselectedIndex; k++) {\r\n        if (itemselectedoptions[k].value == item) {\r\n          itemselectedoptions[k].disabled = false;\r\n\r\n          itemselectedoptions[k].setAttribute(\r\n            \"style\",\r\n            \"background-color: #f5f5f5;\"\r\n          );\r\n        }\r\n      }\r\n\r\n      searchitem = [];\r\n    } else if (itemarr == \"searchGrade\") {\r\n      var itemselectedIndex = document.getElementById(\"grade\").length;\r\n\r\n      var itemselectedoptions = document.getElementById(\"grade\").options;\r\n\r\n      for (var k = 0; k < itemselectedIndex; k++) {\r\n        if (itemselectedoptions[k].value == item) {\r\n          itemselectedoptions[k].disabled = false;\r\n\r\n          itemselectedoptions[k].setAttribute(\r\n            \"style\",\r\n            \"background-color: #f5f5f5;\"\r\n          );\r\n        }\r\n      }\r\n\r\n      searchGrade = [];\r\n    } else if (itemarr == \"searchcourse_code\") {\r\n      var itemselectedIndex = document.getElementById(\"course_codesub\").length;\r\n\r\n      var itemselectedoptions =\r\n        document.getElementById(\"course_codesub\").options;\r\n\r\n      for (var k = 0; k < itemselectedIndex; k++) {\r\n        if (itemselectedoptions[k].value == item) {\r\n          itemselectedoptions[k].disabled = false;\r\n\r\n          itemselectedoptions[k].setAttribute(\r\n            \"style\",\r\n            \"background-color: #f5f5f5;\"\r\n          );\r\n        }\r\n      }\r\n\r\n      searchcourse_code = [];\r\n\r\n      searchcourse_codetext = [];\r\n    } else if (itemarr == \"searchtime\") {\r\n      var itemselectedIndex = document.getElementById(\"timesearch\").length;\r\n\r\n      var itemselectedoptions = document.getElementById(\"timesearch\").options;\r\n\r\n      for (var k = 0; k < itemselectedIndex; k++) {\r\n        if (itemselectedoptions[k].value == item) {\r\n          itemselectedoptions[k].disabled = false;\r\n\r\n          itemselectedoptions[k].setAttribute(\r\n            \"style\",\r\n            \"background-color: #f5f5f5;\"\r\n          );\r\n        }\r\n      }\r\n\r\n      searchtime = [];\r\n\r\n      searchtimetext = [];\r\n\r\n      searchtypetext = [];\r\n    } else if (itemarr == \"searchitemtype\") {\r\n      var itemselectedIndex =\r\n        document.getElementById(\"course_codetypesub\").length;\r\n\r\n      var itemselectedoptions =\r\n        document.getElementById(\"course_codetypesub\").options;\r\n\r\n      for (var k = 0; k < itemselectedIndex; k++) {\r\n        if (itemselectedoptions[k].value == item) {\r\n          itemselectedoptions[k].disabled = false;\r\n\r\n          itemselectedoptions[k].setAttribute(\r\n            \"style\",\r\n            \"background-color: #f5f5f5;\"\r\n          );\r\n        }\r\n      }\r\n\r\n      searchitemtype = [];\r\n    }\r\n\r\n    if (itemarr == \"searchitem\") {\r\n      searchitem = newarray;\r\n    } else if (itemarr == \"searchGrade\") {\r\n      searchGrade = newarray;\r\n    } else if (itemarr == \"searchcourse_code\") {\r\n      searchcourse_code = newarray;\r\n\r\n      searchcourse_codetext = newarraytext;\r\n    } else if (itemarr == \"searchtime\") {\r\n      searchtime = newarray;\r\n\r\n      searchtimetext = newarraytext;\r\n    } else if (itemarr == \"searchitemtype\") {\r\n      searchitemtype = newarray;\r\n\r\n      searchtypetext = newarraytext;\r\n    }\r\n\r\n    $(\"#searchdataitem\").html(\"\");\r\n\r\n    $(\"#searchdataday\").html(\"\");\r\n\r\n    $(\"#searchdatagrade\").html(\"\");\r\n\r\n    $(\"#searchdatatime\").html(\"\");\r\n\r\n    $(\"#searchdataitemtype\").html(\"\");\r\n\r\n    for (var k = 0; k < searchitem.length; k++) {\r\n      switch (searchitem[k]) {\r\n        case \"Sun\":\r\n          day_zh = \"\u661f\u671f\u65e5\";\r\n          break;\r\n        case \"Mon\":\r\n          day_zh = \"\u661f\u671f\u4e00\";\r\n          break;\r\n        case \"Tue\":\r\n          day_zh = \"\u661f\u671f\u4e8c\";\r\n          break;\r\n        case \"Wed\":\r\n          day_zh = \"\u661f\u671f\u4e09\";\r\n          break;\r\n        case \"Thu\":\r\n          day_zh = \"\u661f\u671f\u56db\";\r\n          break;\r\n        case \"Fri\":\r\n          day_zh = \"\u661f\u671f\u4e94\";\r\n          break;\r\n        case \"Sat\":\r\n          day_zh = \"\u661f\u671f\u516d\";\r\n          break;\r\n      }\r\n      $(\"#searchdataday\").append(\r\n        '<button class=\"selectionbtn\" onclick=\"cancelitem(\\'' +\r\n          searchitem[k] +\r\n          \"','searchitem');\\\">&#10006;   \" +\r\n          day_zh +\r\n          \"<\/button><br\/> \"\r\n      );\r\n    }\r\n\r\n    for (var g = 0; g < searchGrade.length; g++) {\r\n      if (searchGrade[g][1] == 2 && searchGrade[g][0] == \"-1\") {\r\n        $(\"#searchdatagrade\").append(\r\n          '<button class=\"selectionbtn\" onclick=\"cancelitem(\\'' +\r\n            searchGrade[g] +\r\n            \"','searchGrade');\\\">&#10006;   \u5e7c\u7a1a\u5712\u4e00\u5e74\u7d1a<\/button><br\/> \"\r\n        );\r\n      } else if (searchGrade[g][1] == 1 && searchGrade[g][0] == \"-1\") {\r\n        $(\"#searchdatagrade\").append(\r\n          '<button class=\"selectionbtn\" onclick=\"cancelitem(\\'' +\r\n            searchGrade[g] +\r\n            \"','searchGrade');\\\">&#10006;   \u5e7c\u7a1a\u5712\u4e8c\u5e74\u7d1a<\/button><br\/> \"\r\n        );\r\n      } else if (searchGrade[g][0] == 0) {\r\n        $(\"#searchdatagrade\").append(\r\n          '<button class=\"selectionbtn\" onclick=\"cancelitem(\\'' +\r\n            searchGrade[g] +\r\n            \"','searchGrade');\\\">&#10006;   \u5c0f\u4e00\u9810\u5099\u73ed<\/button><br\/> \"\r\n        );\r\n      } else {\r\n        switch (searchGrade[g]) {\r\n          case \"1,1e\":\r\n            grade_zh = \"\u4e00\u5e74\u7d1a\";\r\n            break;\r\n          case \"2,2e\":\r\n            grade_zh = \"\u4e8c\u5e74\u7d1a\";\r\n            break;\r\n          case \"3,3e\":\r\n            grade_zh = \"\u4e09\u5e74\u7d1a\";\r\n            break;\r\n          case \"4,4e\":\r\n            grade_zh = \"\u56db\u5e74\u7d1a\";\r\n            break;\r\n          case \"5,5e\":\r\n            grade_zh = \"\u4e94\u5e74\u7d1a\";\r\n            break;\r\n          case \"6,6e\":\r\n            grade_zh = \"\u516d\u5e74\u7d1a\";\r\n            break;\r\n          case \"7,7e\":\r\n            grade_zh = \"\u4e03\u5e74\u7d1a\";\r\n            break;\r\n          case \"8,8e\":\r\n            grade_zh = \"\u516b\u5e74\u7d1a\";\r\n            break;\r\n          case \"9,9e\":\r\n            grade_zh = \"\u4e5d\u5e74\u7d1a\";\r\n            break;\r\n          case \"10,10e\":\r\n            grade_zh = \"\u5341\u5e74\u7d1a\";\r\n            break;\r\n          case \"11,11e\":\r\n            grade_zh = \"\u5341\u4e00\u5e74\u7d1a\";\r\n            break;\r\n          case \"12,12e\":\r\n            grade_zh = \"\u5341\u4e8c\u5e74\u7d1a\";\r\n            break;\r\n        }\r\n        $(\"#searchdatagrade\").append(\r\n          '<button class=\"selectionbtn\" onclick=\"cancelitem(\\'' +\r\n            searchGrade[g] +\r\n            \"','searchGrade');\\\">&#10006;  \" +\r\n            grade_zh +\r\n            \" \"\r\n        );\r\n      }\r\n    }\r\n\r\n    for (var m = 0; m < searchcourse_code.length; m++) {\r\n      $(\"#searchdataitem\").append(\r\n        '<button class=\"selectionbtn\" onclick=\"cancelitem(\\'' +\r\n          searchcourse_code[m] +\r\n          \"','searchcourse_code');\\\">&#10006;   \" +\r\n          searchcourse_codetext[m] +\r\n          \"<\/button><br\/> \"\r\n      );\r\n    }\r\n\r\n    for (var j = 0; j < searchtime.length; j++) {\r\n      $(\"#searchdatatime\").append(\r\n        '<button class=\"selectionbtn\" onclick=\"cancelitem(\\'' +\r\n          searchtime[j] +\r\n          \"','searchtime');\\\">&#10006;   \" +\r\n          searchtimetext[j] +\r\n          \"<\/button><br\/> \"\r\n      );\r\n    }\r\n\r\n    for (var f = 0; f < searchitemtype.length; f++) {\r\n      $(\"#searchdataitemtype\").append(\r\n        '<button class=\"selectionbtn\" onclick=\"cancelitem(\\'' +\r\n          searchitemtype[f] +\r\n          \"','searchitemtype');\\\">&#10006;   \" +\r\n          searchtypetext[f] +\r\n          \"<\/button><br\/> \"\r\n      );\r\n    }\r\n\r\n    searchtable(1, \"\", 0);\r\n  }\r\n\r\n  function searchtable(pagenum, sortby, orderside, b = 3) {\r\n    if (sortitemandorder.length > 0) {\r\n      if (sortitemandorder[0] == sortby) {\r\n        if (sortitemandorder[1] > 0) {\r\n          orderside = 0;\r\n        } else {\r\n          orderside = 1;\r\n        }\r\n      } else {\r\n      }\r\n    }\r\n\r\n    reset();\r\n\r\n    var searchitemtostring = searchitem.toString();\r\n\r\n    var searchGradetostring = searchGrade.toString();\r\n\r\n    var searchcourse_codetostring = searchcourse_code.toString();\r\n\r\n    var searchtimetostring = searchtime.toString();\r\n\r\n    var searchtypetostring = searchitemtype.toString();\r\n\r\n    var url = cca_activitle_activitle + \"&page=\" + pagenum + \"&limit=1000\";\r\n\r\n    if (searchitemtostring != \"\") {\r\n      url += \"&weekdays=\" + searchitemtostring;\r\n    }\r\n\r\n    if (searchGradetostring != \"\") {\r\n      url += \"&grade=\" + searchGradetostring;\r\n    }\r\n\r\n    if (searchcourse_codetostring != \"\") {\r\n      url += \"&course_code=\" + searchcourse_codetostring;\r\n    }\r\n\r\n    if (searchtimetostring != \"\") {\r\n      url += \"&timeslot=\" + searchtimetostring;\r\n    }\r\n\r\n    if (searchtypetostring != \"\") {\r\n      url += \"&course_type_id=\" + searchtypetostring;\r\n    }\r\n\r\n    if (sortby != \"\") {\r\n      url += \"&sortby=\" + sortby + \"&order=\" + orderside;\r\n    }\r\n\r\n    sortitemandorder.push(sortby);\r\n\r\n    sortitemandorder.push(orderside);\r\n\r\n    var content = \"<table>\";\r\n\r\n    if (orderside == 0) {\r\n      if (sortby == \"course_name\") {\r\n        \/\/content += '<tr><th>\u7f16\u53f7<\/th><th onclick=\"searchtable(1,\\'course_name\\',1)\" style=\"width: 50%;cursor:pointer;\">\u8bfe\u7a0b<span id=\"course_namesort\">&#9650;<\/span><\/th><th style=\"cursor:pointer;\" onclick=\"searchtable(1,\\'course_type_name\\',1)\">Course Type<span id=\"course_nametpyesort\"><\/span><\/th><th style=\"cursor:pointer;\" onclick=\"searchtable(1,\\'weekdays\\',1)\">\u661f\u671f<span id=\"weekdayssort\"><\/span><\/th><th style=\"cursor:pointer;\" onclick=\"searchtable(1,\\'timeslot\\',1)\">\u6642\u9593<span id=\"timeslotsort\"><\/span><\/th> <th>BELL\u6703\u54e1\u8cbb\u7528<\/th><\/tr>';\r\n        content +=\r\n          '<tr><th>\u7f16\u53f7<\/th><th onclick=\"searchtable(1,\\'course_name\\',1)\" style=\"width: 50%;cursor:pointer;\">\u8bfe\u7a0b<span id=\"course_namesort\">&#9650;<\/span><\/th><th style=\"cursor:pointer;\" onclick=\"searchtable(1,\\'course_type_name\\',1)\">Course Type<span id=\"course_nametpyesort\"><\/span><\/th><th style=\"cursor:pointer;\" onclick=\"searchtable(1,\\'weekdays\\',1)\">\u661f\u671f<span id=\"weekdayssort\"><\/span><\/th> <\/tr>';\r\n      } else if (sortby == \"weekdays\") {\r\n        \/\/content += '<tr><th>\u7f16\u53f7<\/th><th onclick=\"searchtable(1,\\'course_name\\',1)\" style=\"width: 50%;cursor:pointer;\">\u8bfe\u7a0b<span id=\"course_namesort\"><\/span><\/th><th style=\"cursor:pointer;\" onclick=\"searchtable(1,\\'course_type_name\\',1)\">Course Type<span id=\"course_nametpyesort\"><\/span><\/th><th style=\"cursor:pointer;\" onclick=\"searchtable(1,\\'weekdays\\',1)\">\u661f\u671f<span id=\"weekdayssort\">&#9650;<\/span><\/th><th style=\"cursor:pointer;\" onclick=\"searchtable(1,\\'timeslot\\',1)\">\u6642\u9593<span id=\"timeslotsort\"><\/span><\/th> <th>BELL\u6703\u54e1\u8cbb\u7528<\/th><\/tr>';\r\n        content +=\r\n          '<tr><th>\u7f16\u53f7<\/th><th onclick=\"searchtable(1,\\'course_name\\',1)\" style=\"width: 50%;cursor:pointer;\">\u8bfe\u7a0b<span id=\"course_namesort\"><\/span><\/th><th style=\"cursor:pointer;\" onclick=\"searchtable(1,\\'course_type_name\\',1)\">Course Type<span id=\"course_nametpyesort\"><\/span><\/th><th style=\"cursor:pointer;\" onclick=\"searchtable(1,\\'weekdays\\',1)\">\u661f\u671f<span id=\"weekdayssort\">&#9650;<\/span><\/th> <\/tr>';\r\n      } else if (sortby == \"timeslot\") {\r\n        \/\/content += '<tr><th>\u7f16\u53f7<\/th><th onclick=\"searchtable(1,\\'course_name\\',1)\" style=\"width: 50%;cursor:pointer;\">\u8bfe\u7a0b<span id=\"course_namesort\"><\/span><\/th><th style=\"cursor:pointer;\" onclick=\"searchtable(1,\\'course_type_name\\',1)\">Course Type<span id=\"course_nametpyesort\"><\/span><\/th><th style=\"cursor:pointer;\" onclick=\"searchtable(1,\\'weekdays\\',1)\">\u661f\u671f<span id=\"weekdayssort\"><\/span><\/th><th style=\"cursor:pointer;\" onclick=\"searchtable(1,\\'timeslot\\',1)\">\u6642\u9593<span id=\"timeslotsort\">&#9650;<\/span><\/th> <th>BELL\u6703\u54e1\u8cbb\u7528<\/th><\/tr>';\r\n        content +=\r\n          '<tr><th>\u7f16\u53f7<\/th><th onclick=\"searchtable(1,\\'course_name\\',1)\" style=\"width: 50%;cursor:pointer;\">\u8bfe\u7a0b<span id=\"course_namesort\"><\/span><\/th><th style=\"cursor:pointer;\" onclick=\"searchtable(1,\\'course_type_name\\',1)\">Course Type<span id=\"course_nametpyesort\"><\/span><\/th><th style=\"cursor:pointer;\" onclick=\"searchtable(1,\\'weekdays\\',1)\">\u661f\u671f<span id=\"weekdayssort\"><\/span><\/th> <\/tr>';\r\n      } else if (sortby == \"course_type_name\") {\r\n        \/\/content += '<tr><th>\u7f16\u53f7<\/th><th onclick=\"searchtable(1,\\'course_name\\',1)\" style=\"width: 50%;cursor:pointer;\">\u8bfe\u7a0b<span id=\"course_namesort\"><\/span><\/th><th style=\"cursor:pointer;\" onclick=\"searchtable(1,\\'course_type_name\\',1)\">Course Type <span id=\"course_nametpyesort\">&#9650;<\/span><\/th><th style=\"cursor:pointer;\" onclick=\"searchtable(1,\\'weekdays\\',1)\">\u661f\u671f<span id=\"weekdayssort\"><\/span><\/th><th style=\"cursor:pointer;\" onclick=\"searchtable(1,\\'timeslot\\',1)\">\u6642\u9593<span id=\"timeslotsort\"><\/span><\/th> <th>BELL\u6703\u54e1\u8cbb\u7528<\/th><\/tr>';\r\n        content +=\r\n          '<tr><th>\u7f16\u53f7<\/th><th onclick=\"searchtable(1,\\'course_name\\',1)\" style=\"width: 50%;cursor:pointer;\">\u8bfe\u7a0b<span id=\"course_namesort\"><\/span><\/th><th style=\"cursor:pointer;\" onclick=\"searchtable(1,\\'course_type_name\\',1)\">Course Type <span id=\"course_nametpyesort\">&#9650;<\/span><\/th><th style=\"cursor:pointer;\" onclick=\"searchtable(1,\\'weekdays\\',1)\">\u661f\u671f<span id=\"weekdayssort\"><\/span><\/th> <\/tr>';\r\n      } else {\r\n        \/\/content += '<tr><th>\u7f16\u53f7<\/th><th onclick=\"searchtable(1,\\'course_name\\',1)\" style=\"width: 50%;cursor:pointer;\">\u8bfe\u7a0b<span id=\"course_namesort\"><\/span><\/th><th style=\"cursor:pointer;\" onclick=\"searchtable(1,\\'course_type_name\\',1)\">Course Type<span id=\"course_nametpyesort\"><\/span><\/th><th style=\"cursor:pointer;\" onclick=\"searchtable(1,\\'weekdays\\',1)\">\u661f\u671f<span id=\"weekdayssort\"><\/span><\/th><th style=\"cursor:pointer;\" onclick=\"searchtable(1,\\'timeslot\\',1)\">\u6642\u9593<span id=\"timeslotsort\"><\/span><\/th> <th>BELL\u6703\u54e1\u8cbb\u7528<\/th><\/tr>';\r\n        content +=\r\n          '<tr><th>\u7f16\u53f7<\/th><th onclick=\"searchtable(1,\\'course_name\\',1)\" style=\"width: 50%;cursor:pointer;\">\u8bfe\u7a0b<span id=\"course_namesort\"><\/span><\/th><th style=\"cursor:pointer;\" onclick=\"searchtable(1,\\'course_type_name\\',1)\">Course Type<span id=\"course_nametpyesort\"><\/span><\/th><th style=\"cursor:pointer;\" onclick=\"searchtable(1,\\'weekdays\\',1)\">\u661f\u671f<span id=\"weekdayssort\"><\/span><\/th> <\/tr>';\r\n      }\r\n    } else {\r\n      if (sortby == \"course_name\") {\r\n        \/\/content += '<tr><th>\u7f16\u53f7<\/th><th onclick=\"searchtable(1,\\'course_name\\',0)\" style=\"width: 50%;cursor:pointer;\">\u8bfe\u7a0b<span id=\"course_namesort\">&#9660;<\/span><\/th><th style=\"cursor:pointer;\" onclick=\"searchtable(1,\\'course_type_name\\',0)\">Course Type<span id=\"course_nametpyesort\"><\/span><\/th><th style=\"cursor:pointer;\" onclick=\"searchtable(1,\\'weekdays\\',0)\">\u661f\u671f<span id=\"weekdayssort\"><\/span><\/th><th style=\"cursor:pointer;\" onclick=\"searchtable(1,\\'timeslot\\',0)\">\u6642\u9593<span id=\"timeslotsort\"><\/span><\/th> <th>BELL\u6703\u54e1\u8cbb\u7528<\/th><\/tr>';\r\n        content +=\r\n          '<tr><th>\u7f16\u53f7<\/th><th onclick=\"searchtable(1,\\'course_name\\',0)\" style=\"width: 50%;cursor:pointer;\">\u8bfe\u7a0b<span id=\"course_namesort\">&#9660;<\/span><\/th><th style=\"cursor:pointer;\" onclick=\"searchtable(1,\\'course_type_name\\',0)\">Course Type<span id=\"course_nametpyesort\"><\/span><\/th><th style=\"cursor:pointer;\" onclick=\"searchtable(1,\\'weekdays\\',0)\">\u661f\u671f<span id=\"weekdayssort\"><\/span><\/th> <\/tr>';\r\n      } else if (sortby == \"weekdays\") {\r\n        \/\/content += '<tr><th>\u7f16\u53f7<\/th><th onclick=\"searchtable(1,\\'course_name\\',0)\" style=\"width: 50%;cursor:pointer;\">\u8bfe\u7a0b<span id=\"course_namesort\"><\/span><\/th><th style=\"cursor:pointer;\" onclick=\"searchtable(1,\\'course_type_name\\',0)\">Course Type<span id=\"course_nametpyesort\"><\/span><\/th><th style=\"cursor:pointer;\" onclick=\"searchtable(1,\\'weekdays\\',0)\">\u661f\u671f<span id=\"weekdayssort\">&#9660;<\/span><\/th><th style=\"cursor:pointer;\" onclick=\"searchtable(1,\\'timeslot\\',0)\">\u6642\u9593<span id=\"timeslotsort\"><\/span><\/th> <th>BELL\u6703\u54e1\u8cbb\u7528<\/th><\/tr>';\r\n        content +=\r\n          '<tr><th>\u7f16\u53f7<\/th><th onclick=\"searchtable(1,\\'course_name\\',0)\" style=\"width: 50%;cursor:pointer;\">\u8bfe\u7a0b<span id=\"course_namesort\"><\/span><\/th><th style=\"cursor:pointer;\" onclick=\"searchtable(1,\\'course_type_name\\',0)\">Course Type<span id=\"course_nametpyesort\"><\/span><\/th><th style=\"cursor:pointer;\" onclick=\"searchtable(1,\\'weekdays\\',0)\">\u661f\u671f<span id=\"weekdayssort\">&#9660;<\/span><\/th> <\/tr>';\r\n      } else if (sortby == \"timeslot\") {\r\n        \/\/content += '<tr><th>\u7f16\u53f7<\/th><th onclick=\"searchtable(1,\\'course_name\\',0)\" style=\"width: 50%;cursor:pointer;\">\u8bfe\u7a0b<span id=\"course_namesort\"><\/span><\/th><th style=\"cursor:pointer;\" onclick=\"searchtable(1,\\'course_type_name\\',0)\">Course Type<span id=\"course_nametpyesort\"><\/span><\/th><th style=\"cursor:pointer;\" onclick=\"searchtable(1,\\'weekdays\\',0)\">\u661f\u671f<span id=\"weekdayssort\"><\/span><\/th><th style=\"cursor:pointer;\" onclick=\"searchtable(1,\\'timeslot\\',0)\">\u6642\u9593<span id=\"timeslotsort\">&#9660;<\/span><\/th> <th>BELL\u6703\u54e1\u8cbb\u7528<\/th><\/tr>';\r\n        content +=\r\n          '<tr><th>\u7f16\u53f7<\/th><th onclick=\"searchtable(1,\\'course_name\\',0)\" style=\"width: 50%;cursor:pointer;\">\u8bfe\u7a0b<span id=\"course_namesort\"><\/span><\/th><th style=\"cursor:pointer;\" onclick=\"searchtable(1,\\'course_type_name\\',0)\">Course Type<span id=\"course_nametpyesort\"><\/span><\/th><th style=\"cursor:pointer;\" onclick=\"searchtable(1,\\'weekdays\\',0)\">\u661f\u671f<span id=\"weekdayssort\"><\/span><\/th> <\/tr>';\r\n      } else if (sortby == \"course_type_name\") {\r\n        \/\/content += '<tr><th>\u7f16\u53f7<\/th><th onclick=\"searchtable(1,\\'course_name\\',0)\" style=\"width: 50%;cursor:pointer;\">\u8bfe\u7a0b<span id=\"course_namesort\"><\/span><\/th><th style=\"cursor:pointer;\" onclick=\"searchtable(1,\\'course_type_name\\',0)\">Course Type <span id=\"course_nametpyesort\">&#9660;<\/span><\/th><th style=\"cursor:pointer;\" onclick=\"searchtable(1,\\'weekdays\\',0)\">\u661f\u671f<span id=\"weekdayssort\"><\/span><\/th><th style=\"cursor:pointer;\" onclick=\"searchtable(1,\\'timeslot\\',0)\">\u6642\u9593<span id=\"timeslotsort\"><\/span><\/th> <th>BELL\u6703\u54e1\u8cbb\u7528<\/th><\/tr>';\r\n        content +=\r\n          '<tr><th>\u7f16\u53f7<\/th><th onclick=\"searchtable(1,\\'course_name\\',0)\" style=\"width: 50%;cursor:pointer;\">\u8bfe\u7a0b<span id=\"course_namesort\"><\/span><\/th><th style=\"cursor:pointer;\" onclick=\"searchtable(1,\\'course_type_name\\',0)\">Course Type <span id=\"course_nametpyesort\">&#9660;<\/span><\/th><th style=\"cursor:pointer;\" onclick=\"searchtable(1,\\'weekdays\\',0)\">\u661f\u671f<span id=\"weekdayssort\"><\/span> <\/tr>';\r\n      } else {\r\n        \/\/content += '<tr><th>\u7f16\u53f7<\/th><th onclick=\"searchtable(1,\\'course_name\\',0)\" style=\"width: 50%;cursor:pointer;\">\u8bfe\u7a0b<span id=\"course_namesort\"><\/span><\/th><th style=\"cursor:pointer;\" onclick=\"searchtable(1,\\'course_type_name\\',0)\">Course Type<span id=\"course_nametpyesort\"><\/span><\/th><th style=\"cursor:pointer;\" onclick=\"searchtable(1,\\'weekdays\\',0)\">\u661f\u671f<span id=\"weekdayssort\"><\/span><\/th><th style=\"cursor:pointer;\" onclick=\"searchtable(1,\\'timeslot\\',0)\">\u6642\u9593<span id=\"timeslotsort\"><\/span><\/th> <th>BELL\u6703\u54e1\u8cbb\u7528<\/th><\/tr>';\r\n        content +=\r\n          '<tr><th>\u7f16\u53f7<\/th><th onclick=\"searchtable(1,\\'course_name\\',0)\" style=\"width: 50%;cursor:pointer;\">\u8bfe\u7a0b<span id=\"course_namesort\"><\/span><\/th><th style=\"cursor:pointer;\" onclick=\"searchtable(1,\\'course_type_name\\',0)\">Course Type<span id=\"course_nametpyesort\"><\/span><\/th><th style=\"cursor:pointer;\" onclick=\"searchtable(1,\\'weekdays\\',0)\">\u661f\u671f<span id=\"weekdayssort\"><\/span><\/th> <\/tr>';\r\n      }\r\n    }\r\n    if (b != 3) {\r\n      sessionStorage.setItem(\"c\", b);\r\n    }\r\n    c = sessionStorage.getItem(\"c\");\r\n    \/\/content += '<tr><th>Course Code<\/th><th>course name<\/th><th>Section no<\/th><th>Name<\/th><th>Max_enroll<\/th><th>Teacher<\/th><th>Weekdays<\/th><th>Start_time<\/th><th>End_time<\/th><th>gender<\/th><th>grade<\/th><th>location<\/th><th>venue<\/th><th>fee<\/th><th>description<\/th><\/tr>';\r\n\r\n    $.getJSON(url, function (emp) {\r\n      if (c == 0) {\r\n        function functionName(element) {\r\n          if (element[\"grade\"].includes(\"e\")) {\r\n            return true;\r\n          }\r\n          return false;\r\n        }\r\n        emp = emp.filter(functionName);\r\n      } else if (c == 1) {\r\n        function functionName(element) {\r\n          if (!element[\"grade\"].includes(\"e\")) {\r\n            return true;\r\n          }\r\n          return false;\r\n        }\r\n        emp = emp.filter(functionName);\r\n      } else {\r\n        emp = emp;\r\n      }\r\n\r\n      if (emp.length > 0) {\r\n        for (var x = 0; x < emp.length; x++) {\r\n          mainarray.push(\r\n            new Array(\r\n              emp[x].id,\r\n              emp[x].course_code,\r\n              emp[x].course_name,\r\n              emp[x].course_type_name,\r\n              emp[x].section_no,\r\n              emp[x].name,\r\n              emp[x].max_enroll,\r\n              emp[x].teacher,\r\n              emp[x].weekdays,\r\n              emp[x].start_time,\r\n              emp[x].end_time,\r\n              emp[x].gender,\r\n              emp[x].grade,\r\n              emp[x].location,\r\n              emp[x].venue,\r\n              emp[x].fee,\r\n              emp[x].description,\r\n              emp[x].description_tc,\r\n              emp[x].name_tc\r\n            )\r\n          );\r\n\r\n          var chineseDays = emp[x].weekdays\r\n            .replace(\"Mon\", \"\u661f\u671f\u4e00\")\r\n            .replace(\"Tue\", \"\u661f\u671f\u4e8c\")\r\n            .replace(\"Wed\", \"\u661f\u671f\u4e09\")\r\n            .replace(\"Thu\", \"\u661f\u671f\u56db\")\r\n            .replace(\"Fri\", \"\u661f\u671f\u4e94\")\r\n            .replace(\"Sat\", \"\u661f\u671f\u516d\")\r\n            .replace(\"Sun\", \"\u661f\u671f\u65e5\");\r\n          activitiesidsub.push(emp[x].id);\r\n\r\n          course_codesub.push(emp[x].course_code);\r\n\r\n          course_namesub.push(emp[x].course_name);\r\n\r\n          course_nametypesub.push(emp[x].course_type_name);\r\n\r\n          section_nosub.push(emp[x].section_no);\r\n\r\n          namesub.push(emp[x].name);\r\n\r\n          max_enrollsub.push(emp[x].max_enroll);\r\n\r\n          teachersub.push(emp[x].teacher);\r\n\r\n          weekdayssub.push(emp[x].weekdays);\r\n\r\n          start_timesub.push(emp[x].start_time);\r\n\r\n          end_timesub.push(emp[x].end_time);\r\n\r\n          \/\/gendersub.push(emp[x].gender);\r\n\r\n          gradesub.push(emp[x].grade);\r\n\r\n          locationsub.push(emp[x].location);\r\n\r\n          venuesub.push(emp[x].venue);\r\n\r\n          feesub.push(emp[x].fee);\r\n\r\n          descriptionsub.push(emp[x].description_tc);\r\n\r\n          content +=\r\n            \"<tr onclick=\\\"searchbytable('\" +\r\n            emp[x].id +\r\n            \"','\" +\r\n            emp[x].course_code +\r\n            \"')\\\">\";\r\n\r\n          \/\/content += '<tr><td>' + emp[x].course_code + '<\/td>';\r\n\r\n          \/\/content += '<td>' + emp[x].course_name + '<\/td>';\r\n\r\n          content += \"<td>\" + emp[x].section_no + \"<\/td>\";\r\n\r\n          \/\/content += '<td>' + emp[x].name_tc + '<\/td>';\r\n          content += \"<td>\" + emp[x].name + \"<\/td>\";\r\n\r\n          \/\/content += '<td>' + emp[x].max_enroll + '<\/td>';\r\n\r\n          \/\/content += '<td>' + emp[x].teacher + '<\/td>';\r\n\r\n          if (emp[x].course_type_name != null) {\r\n            content += \"<td>\" + emp[x].course_type_name + \"<\/td>\";\r\n          } else {\r\n            content += \"<td> - <\/td>\";\r\n          }\r\n\r\n          content += \"<td>\" + emp[x].weekdays;\r\n          chineseDays + \"<\/td>\";\r\n\r\n          \/\/content += '<td>' + emp[x].start_time + \" - \" + emp[x].end_time + '<\/td>';\r\n\r\n          \/\/content += '<td>' + emp[x].gender + '<\/td>';\r\n\r\n          var gradesubtext = emp[x].grade;\r\n\r\n          var gradetext = [];\r\n\r\n          try {\r\n            gradesubtext.split(\",\");\r\n\r\n            for (var k = 0; k < gradesubtext.length; k++) {\r\n              if (gradesubtext[k] == -2) {\r\n                gradetext.push(\"Year 1\");\r\n              } else if (gradesubtext[k] == -1) {\r\n                gradetext.push(\"Year 2\");\r\n              } else if (gradesubtext[k] == 0) {\r\n                gradetext.push(\"Foundation Year\");\r\n              } else if (gradesubtext[k] > 0) {\r\n                gradetext.push(\"Grade \" + gradesubtext[k]);\r\n              }\r\n            }\r\n          } catch (e) {}\r\n\r\n          \/\/content += '<td>' + gradetext.toString() + '<\/td>';\r\n\r\n          var location = \"\";\r\n          var mobileBellFee = \"\";\r\n\r\n          if (emp[x].location === 0) {\r\n            location = \"Off campus \u6821\u5916\";\r\n          } else {\r\n            location = \"On campus \u6821\u5167\";\r\n          }\r\n\r\n          \/\/content += '<td>' + location + '<\/td>';\r\n\r\n          \/\/content += '<td>' + emp[x].venue + '<\/td>';\r\n\r\n          \/\/content += '<td>' + emp[x].fee + '<\/td><\/tr>';\r\n          \/\/content += \"<td>\" + emp[x].fee + \"<\/td>\";\r\n          \/\/content += '<td>' + emp[x].description + '<\/td><\/tr>';\r\n          var bellFee0 = Number(emp[x].fee);\r\n          var bellFee1 = bellFee0 * 1.15;\r\n          var bellFee = bellFee1.toFixed(0);\r\n          let ISFonly = emp[x].grade.includes(\"e\");\r\n          \/\/ if ( ISFonly == true){\r\n          \/\/ \tmobileBellFee = bellFee;\r\n          \/\/ \tcontent += '<td>' + bellFee + '<\/td><\/tr>';}\r\n          \/\/ else {\r\n          \/\/ \tmobileBellFee = '\u4e0d\u9069\u7528';\r\n          \/\/ \tcontent += '<td>\u4e0d\u9069\u7528<\/td><\/tr>';\r\n          \/\/ }\r\n          \/\/content += '<tr id=\"content'+emp[x].id+'\" style=\"display:none\" class=\"mobileViewDetail\"><td class=\"hideTD\">'+emp[x].section_no +'<\/td><td class=\"hideTD\">'+chineseDays+'<\/td><td class=\"hideTD\">-<\/td><td class=\"hideTD\">'+emp[x].start_time + ' - ' + emp[x].end_time+'<\/td><td class=\"hideTD\">'+emp[x].fee+'<\/td><td class=\"hideTD\">'+mobileBellFee+'<\/td><td colspan=\"4\" style=\"\">' + emp[x].description_tc + '<\/td><td colspan=\"2\" style=\"\" data-enrollment=\"Max Enrollment\" class=\"maxEnrollment\">'+emp[x].max_enroll+'<\/td><\/tr>';\r\n          content +=\r\n            '<tr id=\"content' +\r\n            emp[x].id +\r\n            '\" style=\"display:none\" class=\"mobileViewDetail\"><td class=\"hideTD\">' +\r\n            emp[x].section_no +\r\n            '<\/td><td class=\"hideTD\">' +\r\n            chineseDays +\r\n            '<\/td><td class=\"hideTD\">-<\/td><td class=\"hideTD\">' +\r\n            '<\/td><td colspan=\"2\" style=\"\">' +\r\n            emp[x].description +\r\n            '<\/td><td colspan=\"1\" style=\"\" data-enrollment=\"Max Enrollment\" class=\"maxEnrollment\">' +\r\n            emp[x].max_enroll +\r\n            \"<\/td><\/tr>\";\r\n\r\n          if (emp.length > 0) {\r\n            totalpage = Math.ceil(emp.length \/ 1000);\r\n          } else {\r\n            totalpage = 1;\r\n          }\r\n\r\n          var lengthstr = \"\";\r\n\r\n          for (var k = 1; k < totalpage + 1; k++) {\r\n            lengthstr +=\r\n              ' <span class=\"pagenumstr\" onclick=\"searchtable(' +\r\n              k +\r\n              \",'',0)\\\">\" +\r\n              k +\r\n              \"<\/span> \";\r\n          }\r\n\r\n          $(\"#totalitemstr\").html(\"( Total item: \" + emp.length + \" ) \");\r\n\r\n          $(\"#tablepage\").html(lengthstr);\r\n        }\r\n      } else {\r\n        totalpage = 1;\r\n\r\n        var lengthstr = \"\";\r\n\r\n        for (var k = 1; k < totalpage + 1; k++) {\r\n          lengthstr +=\r\n            ' <span class=\"pagenumstr\" onclick=\"searchtable(' +\r\n            k +\r\n            \",'',0)\\\">\" +\r\n            k +\r\n            \"<\/span> \";\r\n        }\r\n\r\n        $(\"#totalitemstr\").html(\"( Total item: \" + emp.length + \" ) \");\r\n\r\n        $(\"#tablepage\").html(lengthstr);\r\n\r\n        content +=\r\n          '<td colspan=\"12\" style=\"text-align:center;\" class=\"noResult\"> \u6ca1\u6709\u76f8\u5173\u8bfe\u7a0b <\/tr>';\r\n      }\r\n\r\n      content += \"<\/table>\";\r\n\r\n      $(\"#maintable\").html(content);\r\n    });\r\n  }\r\n\r\n  function reset() {\r\n    course_codesub = [];\r\n\r\n    course_namesub = [];\r\n\r\n    section_nosub = [];\r\n\r\n    namesub = [];\r\n\r\n    max_enrollsub = [];\r\n\r\n    teachersub = [];\r\n\r\n    weekdayssub = [];\r\n\r\n    start_timesub = [];\r\n\r\n    end_timesub = [];\r\n\r\n    gendersub = [];\r\n\r\n    gradesub = [];\r\n\r\n    locationsub = [];\r\n\r\n    venuesub = [];\r\n\r\n    feesub = [];\r\n\r\n    descriptionsub = [];\r\n\r\n    mainarray = [];\r\n\r\n    sortitemandorder = [];\r\n  }\r\n\r\n  function orderbutton() {\r\n    $(\"#searchdataitem\").html(\"\");\r\n\r\n    $(\"#searchdataday\").html(\"\");\r\n\r\n    $(\"#searchdatagrade\").html(\"\");\r\n\r\n    $(\"#searchdatatime\").html(\"\");\r\n\r\n    $(\"#searchdataitemtype\").html(\"\");\r\n\r\n    for (var k = 0; k < searchitem.length; k++) {\r\n      switch (searchitem[k]) {\r\n        case \"Sun\":\r\n          day_zh = \"\u661f\u671f\u65e5\";\r\n          break;\r\n        case \"Mon\":\r\n          day_zh = \"\u661f\u671f\u4e00\";\r\n          break;\r\n        case \"Tue\":\r\n          day_zh = \"\u661f\u671f\u4e8c\";\r\n          break;\r\n        case \"Wed\":\r\n          day_zh = \"\u661f\u671f\u4e09\";\r\n          break;\r\n        case \"Thu\":\r\n          day_zh = \"\u661f\u671f\u56db\";\r\n          break;\r\n        case \"Fri\":\r\n          day_zh = \"\u661f\u671f\u4e94\";\r\n          break;\r\n        case \"Sat\":\r\n          day_zh = \"\u661f\u671f\u516d\";\r\n          break;\r\n      }\r\n      $(\"#searchdataday\").append(\r\n        '<button class=\"selectionbtn\" onclick=\"cancelitem(\\'' +\r\n          searchitem[k] +\r\n          \"','searchitem');\\\">&#10006;   \" +\r\n          day_zh +\r\n          \"<\/button><br\/> \"\r\n      );\r\n    }\r\n\r\n    for (var g = 0; g < searchGrade.length; g++) {\r\n      if (searchGrade[g][1] == 2 && searchGrade[g][0] == \"-\") {\r\n        $(\"#searchdatagrade\").append(\r\n          '<button class=\"selectionbtn\" onclick=\"cancelitem(\\'' +\r\n            searchGrade[g] +\r\n            \"','searchGrade');\\\">&#10006;   \u5e7c\u7a1a\u5712\u4e00\u5e74\u7d1a<\/button><br\/> \"\r\n        );\r\n      } else if (searchGrade[g][1] == 1 && searchGrade[g][0] == \"-\") {\r\n        $(\"#searchdatagrade\").append(\r\n          '<button class=\"selectionbtn\" onclick=\"cancelitem(\\'' +\r\n            searchGrade[g] +\r\n            \"','searchGrade');\\\">&#10006;   \u5e7c\u7a1a\u5712\u4e8c\u5e74\u7d1a<\/button><br\/>\"\r\n        );\r\n      } else if (searchGrade[g][0] == 0) {\r\n        $(\"#searchdatagrade\").append(\r\n          '<button class=\"selectionbtn\" onclick=\"cancelitem(\\'' +\r\n            searchGrade[g] +\r\n            \"','searchGrade');\\\">&#10006;   \u5c0f\u4e00\u9810\u5099\u73ed<\/button><br\/> \"\r\n        );\r\n      } else {\r\n        switch (searchGrade[g]) {\r\n          case \"1,1e\":\r\n            grade_zh = \"\u4e00\u5e74\u7d1a\";\r\n            break;\r\n          case \"2,2e\":\r\n            grade_zh = \"\u4e8c\u5e74\u7d1a\";\r\n            break;\r\n          case \"3,3e\":\r\n            grade_zh = \"\u4e09\u5e74\u7d1a\";\r\n            break;\r\n          case \"4,4e\":\r\n            grade_zh = \"\u56db\u5e74\u7d1a\";\r\n            break;\r\n          case \"5,5e\":\r\n            grade_zh = \"\u4e94\u5e74\u7d1a\";\r\n            break;\r\n          case \"6,6e\":\r\n            grade_zh = \"\u516d\u5e74\u7d1a\";\r\n            break;\r\n          case \"7,7e\":\r\n            grade_zh = \"\u4e03\u5e74\u7d1a\";\r\n            break;\r\n          case \"8,8e\":\r\n            grade_zh = \"\u516b\u5e74\u7d1a\";\r\n            break;\r\n          case \"9,9e\":\r\n            grade_zh = \"\u4e5d\u5e74\u7d1a\";\r\n            break;\r\n          case \"10,10e\":\r\n            grade_zh = \"\u5341\u5e74\u7d1a\";\r\n            break;\r\n          case \"11,11e\":\r\n            grade_zh = \"\u5341\u4e00\u5e74\u7d1a\";\r\n            break;\r\n          case \"12,12e\":\r\n            grade_zh = \"\u5341\u4e8c\u5e74\u7d1a\";\r\n            break;\r\n        }\r\n        $(\"#searchdatagrade\").append(\r\n          '<button class=\"selectionbtn\" onclick=\"cancelitem(\\'' +\r\n            searchGrade[g] +\r\n            \"','searchGrade');\\\">&#10006;  \" +\r\n            grade_zh +\r\n            \" \"\r\n        );\r\n      }\r\n    }\r\n\r\n    for (var m = 0; m < searchcourse_code.length; m++) {\r\n      $(\"#searchdataitem\").append(\r\n        '<button class=\"selectionbtn\" onclick=\"cancelitem(\\'' +\r\n          searchcourse_code[m] +\r\n          \"','searchcourse_code');\\\">&#10006;   \" +\r\n          searchcourse_codetext[m] +\r\n          \"<\/button><br\/> \"\r\n      );\r\n    }\r\n\r\n    for (var j = 0; j < searchtime.length; j++) {\r\n      $(\"#searchdatatime\").append(\r\n        '<button class=\"selectionbtn\" onclick=\"cancelitem(\\'' +\r\n          searchtime[j] +\r\n          \"','searchtime');\\\">&#10006;   \" +\r\n          searchtimetext[j] +\r\n          \"<\/button><br\/> \"\r\n      );\r\n    }\r\n\r\n    for (var j = 0; j < searchitemtype.length; j++) {\r\n      $(\"#searchdataitemtype\").append(\r\n        '<button class=\"selectionbtn\" onclick=\"cancelitem(\\'' +\r\n          searchitemtype[j] +\r\n          \"','searchitemtype');\\\">&#10006;   \" +\r\n          searchtypetext[j] +\r\n          \"<\/button><br\/> \"\r\n      );\r\n    }\r\n\r\n    searchtable(1, \"\", 0);\r\n\r\n    $(\"#course_codesub\").val(\"\").change();\r\n\r\n    $(\"#weekdayssub\").val(\"\").change();\r\n\r\n    $(\"#grade\").val(\"\").change();\r\n\r\n    $(\"#timesearch\").val(\"\").change();\r\n\r\n    $(\"#course_codetypesub\").val(\"\").change();\r\n  }\r\n\r\n  function getidentifier(actid) {\r\n    \/\/console.log('on getidentifier');\r\n    var courseurlidentifier = cca_activitle_activitle + \"&id=\" + actid;\r\n\r\n    $.getJSON(courseurlidentifier, function (resp) {\r\n      if (resp.length > 0) {\r\n        for (var q = 0; q < resp.length; q++) {\r\n          \/\/displaycoursedetail(actid, resp[q].identifier);\r\n          displaycoursedetail(actid);\r\n        }\r\n      }\r\n    });\r\n  }\r\n\r\n  \/\/function displaycoursedetail(actid,identifiersub) {\r\n  function displaycoursedetail(actid) {\r\n    var identifiersub = actid;\r\n    $(\"#displaycoursedetailtable\").show();\r\n    var countactivityarr = [];\r\n    var coursearray = [];\r\n    var descriptionstr = [];\r\n    var weekdayarr = [];\r\n    var weekdayfullarr = [];\r\n    var starttimearr = [];\r\n    var endtimearr = [];\r\n    var feemainarr = [];\r\n    var arrid = [];\r\n    var courseurl =\r\n      \"https:\/\/psimg01.isf.edu.hk\/cca-activities\/activities.php?id=\" + actid;\r\n    var coursedisplaycontent =\r\n      '<div><h6 id=\"searchcourseinstructors\">Course Information<\/h6><\/div><div>';\r\n    if (openactives == \"\") {\r\n      openactives = identifiersub;\r\n    } else {\r\n      if (openactives == identifiersub) {\r\n        $(\"#\" + openactives + \"div\").html(\"\");\r\n        openactives = \"\";\r\n      } else {\r\n        $(\"#\" + openactives + \"div\").html(\"\");\r\n        openactives = identifiersub;\r\n      }\r\n    }\r\n    if (openactives != \"\") {\r\n      $.getJSON(courseurl, function (res) {\r\n        if (res.length > 0) {\r\n          for (var r = 0; r < res.length; r++) {\r\n            var location = \"\";\r\n            var gradetext = [];\r\n            var eventday = [];\r\n            var feearr = [];\r\n            if (res[r].grade != null) {\r\n              var gradesub = res[r].grade.split(\",\");\r\n            }\r\n            var weekdayssub = res[r].weekdays.split(\",\");\r\n            var weekdayfullarrsub = res[r].weekdays;\r\n            var gradingsub = res[r].grade;\r\n            var lastgrade = -3;\r\n            if (gradesub.length > 0) {\r\n              lastgrade = gradesub[gradesub.length - 1];\r\n            }\r\n\r\n            if (weekdayssub.length > 1) {\r\n              for (var m = 0; m < weekdayssub.length; m++) {\r\n                feearr.push(res[r].fee);\r\n              }\r\n            } else {\r\n              feearr.push(res[r].fee);\r\n            }\r\n\r\n            for (var k = 0; k < weekdayssub.length; k++) {\r\n              if (weekdayssub[k] === \"Sun\") {\r\n                eventday.push(\"Sunday\");\r\n              } else if (weekdayssub[k] === \"Mon\") {\r\n                eventday.push(\"Monday\");\r\n              } else if (weekdayssub[k] === \"Tue\") {\r\n                eventday.push(\"Tuesday\");\r\n              } else if (weekdayssub[k] === \"Wed\") {\r\n                eventday.push(\"Wednesday\");\r\n              } else if (weekdayssub[k] === \"Thu\") {\r\n                eventday.push(\"Thursday\");\r\n              } else if (weekdayssub[k] === \"Fri\") {\r\n                eventday.push(\"Friday\");\r\n              } else if (weekdayssub[k] === \"Sat\") {\r\n                eventday.push(\"Saturday\");\r\n              }\r\n            }\r\n\r\n            if (lastgrade == -2) {\r\n              lastgrade = \"Y2\";\r\n            } else if (gradesub[0] == -1) {\r\n              lastgrade = \"Y1\";\r\n            } else if (gradesub[0] == 0) {\r\n              lastgrade = \"FY\";\r\n            } else if (gradesub[0] > 0) {\r\n              lastgrade = \"G\" + lastgrade;\r\n            }\r\n\r\n            if (res[r].location === 0) {\r\n              location = \"Off campus\";\r\n            } else {\r\n              location = \"On campus\";\r\n            }\r\n            if (gradesub[0] == -2) {\r\n              if (gradesub.length > 1) {\r\n                gradetext.push(\"Y2 - \" + lastgrade);\r\n              } else {\r\n                gradetext.push(\"Y2\");\r\n              }\r\n            } else if (gradesub[0] == -1) {\r\n              if (gradesub.length > 1) {\r\n                gradetext.push(\"Y1 - \" + lastgrade);\r\n              } else {\r\n                gradetext.push(\"Y1\");\r\n              }\r\n            } else if (gradesub[0] == 0) {\r\n              if (gradesub.length > 1) {\r\n                gradetext.push(\"FY - \" + lastgrade);\r\n              } else {\r\n                gradetext.push(\"FY\");\r\n              }\r\n            } else if (gradesub[0] > 0) {\r\n              if (gradesub.length > 1) {\r\n                gradetext.push(\"G\" + gradesub[0] + \" - \" + lastgrade);\r\n              } else {\r\n                gradetext.push(\"G\" + gradesub[0]);\r\n              }\r\n            }\r\n            var weekdaystr = eventday.toString();\r\n\r\n            if (coursearray.length == 0) {\r\n              coursearray.push(\r\n                new Array(\r\n                  res[r].id,\r\n                  res[r].course_code,\r\n                  res[r].course_name,\r\n                  res[r].course_chi_name,\r\n                  res[r].section_no,\r\n                  res[r].name,\r\n                  res[r].chi_name,\r\n                  res[r].max_enroll,\r\n                  res[r].teacher,\r\n                  weekdaystr.replace(\",\", \" & \"),\r\n                  res[r].start_time,\r\n                  res[r].end_time,\r\n                  res[r].gender,\r\n                  gradetext.toString(),\r\n                  location,\r\n                  res[r].venue,\r\n                  res[r].fee,\r\n                  res[r].description,\r\n                  res[r].chi_description,\r\n                  res[r].identifier\r\n                )\r\n              );\r\n              arrid.push(res[r].id);\r\n            } else {\r\n              arrid.includes(res[r].start_time);\r\n              for (var k = 0; k < coursearray.length; k++) {\r\n                if (arrid.includes(res[r].id) == false) {\r\n                  if (coursearray[k][9].includes(res[r].weekdays) == true) {\r\n                  } else {\r\n                    arrid.push(res[r].id);\r\n                    coursearray.push(\r\n                      new Array(\r\n                        res[r].id,\r\n                        res[r].course_code,\r\n                        res[r].course_name,\r\n                        res[r].course_chi_name,\r\n                        res[r].section_no,\r\n                        res[r].name,\r\n                        res[r].chi_name,\r\n                        res[r].max_enroll,\r\n                        res[r].teacher,\r\n                        weekdaystr.replace(\",\", \" & \"),\r\n                        res[r].start_time,\r\n                        res[r].end_time,\r\n                        res[r].gender,\r\n                        gradetext.toString(),\r\n                        location,\r\n                        res[r].venue,\r\n                        res[r].fee,\r\n                        res[r].description,\r\n                        res[r].chi_description,\r\n                        res[r].identifier\r\n                      )\r\n                    );\r\n                  }\r\n                }\r\n              }\r\n            }\r\n\r\n            if (coursearray.length > 0) {\r\n              if (descriptionstr.includes(res[r].description) == false) {\r\n                descriptionstr.push(res[r].description);\r\n              }\r\n            } else {\r\n              descriptionstr.push(res[r].description);\r\n            }\r\n          }\r\n\r\n          coursedisplaycontent += \"Course Name: \" + coursearray[0][2] + \"<br\/>\";\r\n          \/\/coursedisplaycontent += 'Activity Name: ' + res[r].name + '<br\/>';\r\n          \/\/coursedisplaycontent += 'Max Enroll: ' + res[r].max_enroll + '<br\/>';\r\n          \/\/coursedisplaycontent += 'Instructor: ' + coursearray[0][8] + '<br\/>';\r\n          coursedisplaycontent += \"Days, times<br\/>\";\r\n          var scrollitemid = coursearray[0][19];\r\n          \/\/console.log(coursearray);\r\n          \/\/console.log(coursearray.length);\r\n          for (var p = 0; p < coursearray.length; p++) {\r\n            coursedisplaycontent +=\r\n              p +\r\n              1 +\r\n              \". \" +\r\n              coursearray[p][9] +\r\n              \" - (\" +\r\n              coursearray[p][10] +\r\n              \" - \" +\r\n              coursearray[p][11] +\r\n              \") <br\/>&nbsp;&nbsp;&nbsp;&nbsp;\" +\r\n              +\"<br\/>\";\r\n          }\r\n\r\n          var descriptionsubing = descriptionstr.toString();\r\n          \/\/coursedisplaycontent += 'Weekday: ' + eventday.replace(\",\", \" & \") + '<br\/>';\r\n          \/\/coursedisplaycontent += 'Event Time: ' + res[r].start_time + ' - ' + res[r].end_time + '<br\/>';\r\n          \/\/coursedisplaycontent += 'Grade: ' + gradetext.toString() + '<br\/>';\r\n          \/\/coursedisplaycontent += 'Location: ' + location + '<br\/>';\r\n          \/\/coursedisplaycontent += 'Venue: ' + res[r].venue + '<br\/>';\r\n          \/\/coursedisplaycontent += 'Fee: $' + res[r].fee + '<br\/><br\/>';\r\n          coursedisplaycontent +=\r\n            \"<br\/>\" + descriptionsubing.replace(\",\", \"<br\/>\");\r\n          \/\/coursedisplaycontent += '<br\/> <a href=\"https:\/\/pscca-staging.isf.hk\/guardian\/cca.html\" target=\"_blank\" class=\"btn cca-act-reg-btn\"> Register<\/a><br\/>';\r\n          coursedisplaycontent +=\r\n            '<br\/> <a href=\"https:\/\/main.bell.org.hk\/?page_id=2955\" class=\"btn cca-act-reg-btn\">Back<\/a><br\/>';\r\n\r\n          coursedisplaycontent += \"<\/div>\";\r\n          setTimeout(function () {\r\n            $(\"#\" + scrollitemid + \"div\").html(coursedisplaycontent);\r\n            getidentifier(scrollitemid);\r\n            \/\/document.getElementById(scrollitemid+\"eventbtn\").scrollIntoView();\r\n          }, 500);\r\n        } else {\r\n          $(\"#\" + actid + \"div\").html(\"No data\");\r\n        }\r\n      });\r\n    } else {\r\n    }\r\n  }\r\n\r\n  \/\/this has be ignore\r\n  function searchbytablefromotherpage(coursetype, actid, code) {\r\n    \/\/$('#coursedetails').show();\r\n\r\n    \/\/$('#pg-274-2').hide();\r\n\r\n    \/\/$('#pg-274-3').hide();\r\n\r\n    \/\/$('#pg-274-4').hide();\r\n\r\n    \/\/$('#pg-274-5').hide();\r\n\r\n    \/\/document.getElementById('courselist').scrollIntoView();\r\n\r\n    if (actid == null && code == null) {\r\n      typesearchcoursename(coursetype);\r\n    } else {\r\n      searchcoursename(code);\r\n\r\n      getidentifier(actid);\r\n    }\r\n  }\r\n\r\n  function searchbytypetable(course) {\r\n    \/\/var oNewWindow = window.open(\"https:\/\/main.bell.org.hk\/?page_id=2955&coursetype=\" + course);\r\n    var oNewWindow = window.location.replace(\r\n      \"https:\/\/main.bell.org.hk\/index.php\/zh\/cca-signups-zh\/?coursetype=\" +\r\n        course\r\n    );\r\n  }\r\n\r\n  function searchbytable(actid, code) {\r\n    \/\/console.log(actid,code);\r\n\r\n    $(\"#content\" + actid).toggle();\r\n    \/\/var oNewWindow = window.open(\"https:\/\/main.bell.org.hk\/?page_id=2955&id=\" + actid + \"&item=\" + code);\r\n    \/\/var oNewWindow = window.location.replace(\"https:\/\/main.bell.org.hk\/?page_id=2955&id=\" + actid + \"&item=\" + code);\r\n  }\r\n<\/script>\r\n<style>\r\n  .NavigationBar.mod-desktop.collapsed .NavigationBar-logo img {\r\n    max-height: 104px;\r\n  }\r\n<\/style>\r\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\u4e3b\u9875 \u767b\u8bb0\u8054\u8bfe\u6d3b\u52a8\u8bfe\u7a0b \u767b\u8bb0\u8054\u8bfe\u6d3b\u52a8\u8bfe\u7a0b \u6240\u6709\u8bfe\u7a0b ISF \u53ef\u53c2\u52a0 BELL \u53ef\u53c2\u52a0 &#8211; \u661f\u671f &#8211;\u661f\u671f\u65e5\u661f\u671f\u4e00\u661f\u671f\u4e8c\u661f\u671f\u4e09\u661f\u671f\u56db\u661f\u671f\u4e94\u661f\u671f\u516d &#8211; \u5e74\u7ea7 &#8211;\u5e7c\u7a1a\u56ed\u4e00\u5e74\u7ea7\u5e7c\u7a1a\u56ed\u4e8c\u5e74\u7ea7\u5c0f\u4e00\u9884\u5907\u73ed\u4e00\u5e74\u7ea7 \u4e8c\u5e74\u7ea7\u4e09\u5e74\u7ea7\u56db\u5e74\u7ea7\u4e94\u5e74\u7ea7\u516d\u5e74\u7ea7\u4e03\u5e74\u7ea7\u516b\u5e74\u7ea7\u4e5d\u5e74\u7ea7\u5341\u5e74\u7ea7\u5341\u4e00\u5e74\u7ea7\u5341\u4e8c\u5e74\u7ea7 &#8211; \u65f6\u95f4 &#8211;\u4e0b\u53482: 15\u4ee5\u524d\u4e0b\u53482:15 \u2013 \u4e0b\u53483:15\u4e0b\u53483:30 \u2013 \u4e0b\u53484:30\u4e0b\u53484:30 \u2013 \u4e0b\u53485:30\u4e0b\u53485:30\u4ee5\u540e<\/p>\n","protected":false},"author":92,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"_links":{"self":[{"href":"https:\/\/main.bell.org.hk\/index.php\/wp-json\/wp\/v2\/pages\/22934"}],"collection":[{"href":"https:\/\/main.bell.org.hk\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/main.bell.org.hk\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/main.bell.org.hk\/index.php\/wp-json\/wp\/v2\/users\/92"}],"replies":[{"embeddable":true,"href":"https:\/\/main.bell.org.hk\/index.php\/wp-json\/wp\/v2\/comments?post=22934"}],"version-history":[{"count":36,"href":"https:\/\/main.bell.org.hk\/index.php\/wp-json\/wp\/v2\/pages\/22934\/revisions"}],"predecessor-version":[{"id":24842,"href":"https:\/\/main.bell.org.hk\/index.php\/wp-json\/wp\/v2\/pages\/22934\/revisions\/24842"}],"wp:attachment":[{"href":"https:\/\/main.bell.org.hk\/index.php\/wp-json\/wp\/v2\/media?parent=22934"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}