Template:HKJS S/Team.JS

/*Ng Sze Ho*/ var Mr_Ng_modal = document.getElementById('MrNg_modal');

var Mr_Ng_btn = document.getElementById("MrNg_btn");

var Mr_Ng_span = document.getElementById("MrNg_close");

Mr_Ng_btn.onclick = function() {

   Mr_Ng_modal.style.display = "block";

}

Mr_Ng_span.onclick = function() {

   Mr_Ng_modal.style.display = "none";

}

/*ShekKimFung*/ var ShekKimFung_modal = document.getElementById('ShekKimFung_modal');

var ShekKimFung_btn = document.getElementById("ShekKimFung_btn");

var ShekKimFung_span = document.getElementById("ShekKimFung_close");

ShekKimFung_btn.onclick = function() {

   ShekKimFung_modal.style.display = "block";

}

ShekKimFung_span.onclick = function() {

   ShekKimFung_modal.style.display = "none";

}

/*Wong Chun Hin(WCH)*/ var WCH_modal = document.getElementById("WCH_modal");

var WCH_btn = document.getElementById("WCH_btn");

var WCH_span = document.getElementById("WCH_close");

WCH_btn.onclick = function() { WCH_modal.style.display = "block"; }

WCH_span.onclick = function(){ WCH_modal.style.display = "none"; }

/*Chung Chun Ho Anson(Anson)*/ var Anson_modal = document.getElementById("Anson_modal");

var Anson_btn = document.getElementById("Anson_btn");

var Anson_span = document.getElementById("Anson_close");

Anson_btn.onclick = function() { Anson_modal.style.display = "block"; }

Anson_span.onclick = function(){ Anson_modal.style.display = "none"; } /*The following should remain at the bottom.

When the user clicks anywhere outside of the modal, close it*/

window.onclick = function(event) {

   if (event.target == ShekKimFung_modal) {
       ShekKimFung_modal.style.display = "none";
   }
   if (event.target == Mr_Ng_modal){
   	Mr_Ng_modal.style.display = "none";
   }
   if (event.target == WCH_modal) {
   	WCH_modal.style.display = "none";
   }
   if (event.target == Anson_modal){
   	Anson_modal.style.display = "none";
   }