Line 1: |
Line 1: |
− | {{DISPLAYTITLE:<span style="position:absolute; top: -9999px">Move to 4900 Yonge</span >}} | + | {{DISPLAYTITLE:<span style="position:absolute; top: -9999px">Gateway Technical</span >}} |
| <html> | | <html> |
| <head> | | <head> |
− | <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
| |
| <style> | | <style> |
− | .background{background-color:#DAD8A7;margin-top:-80px;background-size: cover }
| + | <meta charset="utf-8"> |
− | .Title{background-color:#C0416C;} | + | <meta http-equiv="X-UA-Compatible" content="IE=edge"> |
− | .TitleMenu{background-color:#DAD8A7;} | + | <meta name="viewport" content="user-scalable=no, initial-scale = 1, minimum-scale = 1, maximum-scale = 1, width=device-width"> |
− | .MenuSelected{background-color:#AADFD4;} | + | <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.6/css/bootstrap-theme.css"> |
| + | <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.6/css/bootstrap.css"> |
| + | <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.css"> |
| </style> | | </style> |
− | </head>
| |
− | <body>
| |
− | <div ></html>{{:Gateway_Technical}}<html></div>
| |
− | <div class="background" >
| |
− | <br><br>
| |
− | <table width=100% align=center border=0 style='max-width: 1200px;background-color:white'>
| |
− | <tr><td colspan=2><div id='TitlePage' class='Title'></div></td></tr>
| |
− | <tr>
| |
− | <td class='MenuGeneral'><div id='BoxMenuText'></div></td>
| |
− | <td class='MainContent'>
| |
− | <div id="Main4900" class="content"></html>{{:Move_4900_Main}}<html></div>
| |
− | <div id="FAQ4900" class="hidden"></html>{{:Move_4900_FAQ}}<html></div>
| |
− | <div id="ROD4900" class="hidden"></html>{{:Move_4900_ROD}}<html></div>
| |
− | <div id="Contact4900" class="hidden"></html>{{:Move_4900_Contact}}<html></div>
| |
| | | |
− | </td> | + | <style> |
− | </tr>
| + | |
− | </table>
| + | .Title{text-align:center;padding:10pt;color:white;font-size:normal;font-weight:bold;font-size:150%} |
− | <br><br>
| + | .background{background-repeat: repeat;} |
− | </div>
| |
− | <script>
| |
− | $(document).ready(function() {declaration();fillpage()})
| |
| | | |
− | function declaration(){
| + | .MenuGeneral{width:1px;white-space: nowrap;vertical-align:top;padding:0px} |
| + | .MainContent{vertical-align:top;padding:10px 20px 10px 20px;border-right:solid windowtext 1pt;border-left:solid windowtext 1pt;border-color:grey ;text-align:justify} |
| + | .tdSpace{padding:0px 0px 0px 0px;border-bottom:solid windowtext 1pt;border-color:grey } |
| | | |
− | List=["Main4900","FAQ4900", "ROD4900","Contact4900"]
| + | .TitleMenu{padding:5px 10px 5px 10px;color:white;font-weight:bold; vertical-align:middle} |
− | ListMenu=["MMain","MFAQ","MROD","MContact"]
| + | .BorderMenu{border-right:solid windowtext 0pt;border-left:solid windowtext 0pt;border-color:grey ;white-space: nowrap} |
| + | .Menu{padding:5px 10px 5px 10px;background-color:white;cursor:pointer;cursor:hand;font-weight:bold} |
| + | .MenuSelected{padding:5px 10px 5px 10px;cursor:pointer;cursor:hand;font-weight:bold} |
| | | |
− | if(lang==="en"){
| + | </style> |
| | | |
− | TitlePageT="Health Canada<br>Move to 4900 Yonge";
| + | <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-modal/0.7.0/jquery.modal.js"></script> |
− | TextMain4900="Main page";
| + | <script src="https://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv.min.js"></script> |
− | TextFAQ4900="Frequently Asked Questions";
| + | <script src="https://cdnjs.cloudflare.com/ajax/libs/respond.js/1.4.2/respond.min.js"></script> |
− | TextROD4900="Records of Decision";
| + | <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script> |
− | TextContact4900="Contact Us";
| + | <script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.6/js/bootstrap.min.js"></script> |
| + | <script src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.js"></script> |
| + | <script> |
| + | if (navigator.userAgent.match(/IEMobile\/10\.0/)) {var msViewportStyle = document.createElement("style"); |
| + | msViewportStyle.appendChild(document.createTextNode("@-ms-viewport{width:100% !important}")); |
| + | document.getElementsByTagName("head")[0].appendChild(msViewportStyle);} |
| + | </script> |
| | | |
− | }
| + | </head> |
− | else
| + | <body> |
− | {
| + | <iframe class="hidden" style="margin-top:-60px"></iframe> |
| | | |
− | TitlePageT="Initiatives de la GI/TI<br>Santé Canada (SC) & Agence de la santé publique du Canada (ASPC)";
| |
| | | |
− | TextMainM365="Page d’accueil";
| + | <script> |
− | TextUserM365="Trouvez votre nom d'utilisateur <br>et votre mot de passe";
| + | lang = document.getElementsByTagName("html")[0].getAttribute("lang"); |
− | TextFAQM365Email="Foire aux questions -- Services de courriel M365";
| |
− | TextFAQM365="Foire aux questions";
| |
− | TextQuikRef365="Comment faire - Guides de référence rapide";
| |
− | TextTrainingM365="Guide de formation pour SC et l'ASPC";
| |
− | TextSSCM365="GCwiki sur le M365";
| |
− | TextMicroM365="Ressources Microsoft";
| |
− | TextSupportM365="Contactez-nous";
| |
| | | |
| + | function createbox(id,fa,boxName,title,ToolTip,content){ |
| + | str="<div class='panel panel-primary'>" |
| + | +"<div class='panel-heading"+id+"'>" |
| + | +"<table width=100%><tr><td width=10% valign=top align=center><span class='fa fa-"+fa+" fa-2x'></span></td><td valign=middle style='padding:0px 0px 0px 7px'><div title='"+ToolTip+"'><div class='titleBox'>"+title+"</div></div></td></tr></table></div>" |
| + | +"<table border='0' class='table table-hover' style='padding:3px'>"; |
| + | fLen = content.length; |
| + | if(fLen===2){str+="<tr><td style='border: 0;padding:5px 5px 5px 10px' align=justify id='"+content[0]+"1'>"+content[1]+"</td></tr>";} |
| + | else{ |
| + | str+="<tr><td style='border: 0;padding:5px 5px 0px 10px' align=justify id='"+content[0]+"1'>"+content[1]+"</td></tr>"; |
| + | for (i = 2; i < fLen-1; i++) { |
| + | idtd=content[0]+i; |
| + | str+="<tr><td style='border: 0;padding:0px 0px 0px 10px' align=justify id='"+idtd+"'>"+content[i]+"</td></tr>";} |
| + | idtd=content[0]+i; |
| + | str+="<tr><td style='border: 0;padding:0px 5px 5px 10px' align=justify id='"+idtd+"'>"+content[i]+"</td></tr>"; |
| + | } |
| + | str+="</table>"; |
| + | document.getElementById(boxName).innerHTML=str; |
| } | | } |
| | | |
− | MenuT="<table class='BorderMenu' border=0>"
| + | function createboxMenu(id,fa,boxName,title,ToolTip){ |
− | +"<tr><td class='tdSpace'><div id='MMain' class='MenuSelected' onclick='displayMain()'>"+TextMain4900+"</div></td></tr>" | + | str="<div class='panel panel-primary'>" |
− | +"<tr><td class='tdSpace'><div id='MFAQ' class='Menu' onclick='displayFAQ()'>"+TextFAQ4900+"</div></td></tr>" | + | +"<div class='panel-heading"+id+"'>" |
− | +"<tr><td class='tdSpace'><div id='MROD' class='Menu' onclick='displayROD()'>"+TextROD4900+"</div></td></tr>"
| + | +"<table width=100%><tr><td width=10% valign=top align=center><span class='fa fa-"+fa+" fa-2x'></span></td><td valign=middle style='padding:0px 7px 0px 7px'><div title='"+ToolTip+"'><div class='titleBox'>"+title+"</div></div></td></tr></table>"; |
− | +"<tr><td class='tdSpace'><div id='MContact' class='Menu' onclick='displayContact()'>"+TextContact4900+"</div></td></tr>"
| + | document.getElementById(boxName).innerHTML=str; |
− | +"</table>";
| |
| } | | } |
| | | |
− | function displayMain(){callContent("Main4900","MMain")}
| |
− | function displayFAQ(){callContent("FAQ4900","MFAQ")}
| |
− | function displayROD(){callContent("ROD4900","MROD")}
| |
− | function displayContact(){callContent("Contact4900","MContact")}
| |
| | | |
− | | + | function changeColorActL1Gateway(id){ |
− | function callContent(id,idMenu){ | + | document.getElementById(id).className= "ActBSCL1selected"; |
− | for(r=0;r<List.length;r++){
| |
− | document.getElementById(List[r]).className ="hidden"; | |
− | document.getElementById(ListMenu[r]).className ="Menu";
| |
| } | | } |
− | document.getElementById(id).className="content";
| |
− | document.getElementById(idMenu).className="MenuSelected";
| |
− | }
| |
− |
| |
| | | |
− | function fillpage(){ | + | function changeColorActL2Gateway(id){ |
− | document.getElementById("BoxMenuText").innerHTML=MenuT; | + | document.getElementById(id).className= "ActBSCL2selected"; |
− | document.getElementById("TitlePage").innerHTML=TitlePageT;
| |
| } | | } |
| | | |