CINXE.COM
Outil de transition des études au travail - Guichet-Emplois
<!DOCTYPE html> <html class="no-js" lang="fr" dir="ltr"><head id="j_id_5"> <meta charset="utf-8" /> <title>Outil de transition des études au travail - Guichet-Emplois </title> <meta content="width=device-width,initial-scale=1" name="viewport" /> <meta name="dcterms.language" content="fra" /> <meta name="dcterms.creator" content="Emploi et Développement social Canada" /> <meta name="dcterms.service" content="ESDC-EDSC_JobBank-GuichetEmplois" /> <meta name="dcterms.accessRights" content="2" /><meta name="dcterms.title" content="Outil de transition des études au travail - Guichet-Emplois" /> <meta property="og:title" content="Outil de transition des études au travail - Guichet-Emplois" /> <meta property="og:description" name="description" content="Informez-vous sur le taux de réussite des diplômés du programme d’études qui vous intéresse. Découvrez quels postes ils occupent, combien ils gagnent, et plus encore." /> <meta property="og:url" content="http://www.guichetemplois.gc.ca/explore_career/career_tool/career_tool.xhtml" /> <meta property="og:image" content="https://www.jobbank.gc.ca/themes-sat/assets/favicon-mobile.png" /><link type="text/css" rel="stylesheet" href="/jakarta.faces.resource/primeicons/primeicons.css.xhtml;jsessionid=828E138A6B6D9542CB5CB39E89B73868.jobsearch74?ln=primefaces&v=12.0.0" /><script type="text/javascript" src="/jakarta.faces.resource/jsf.js.xhtml;jsessionid=828E138A6B6D9542CB5CB39E89B73868.jobsearch74?ln=jakarta.faces"></script><script type="text/javascript">if(window.PrimeFaces){PrimeFaces.settings.locale='fr_CA';PrimeFaces.settings.viewId='/explore_career/career_tool/career_tool.xhtml';PrimeFaces.settings.contextPath='';PrimeFaces.settings.cookiesSecure=false;}</script> <link href="/themes-sat/assets/favicon.ico" rel="icon" type="image/x-icon" /> <link rel="stylesheet" href="/themes-sat/css/theme.min.css" /> <link rel="stylesheet" href="/themes-sat/css/cdtsfixes.css" /> <link rel="stylesheet" href="/themes-sat/css/apps.css" /> <link href="/themes-jb/fontawesomepro/css/all.min.css" rel="stylesheet" /> <link href="/themes-jb/fontawesomepro/css/v4-shims.min.css" rel="stylesheet" /> <link rel="stylesheet" href="/themes-jb/js/css/jquery.timepicker.css" /> <link rel="stylesheet" href="/themes-jb/css/theme-jb.css" /> <link rel="stylesheet" href="/themes-jb/js/css/typeahead.css" /> <noscript> <link rel="stylesheet" href="/themes-sat/css/noscript.min.css" /> <link rel="stylesheet" href="/themes-sat/css/appsnoscript.css" /> </noscript> <link rel="stylesheet" href="/themes-jb/css/project-jb-style.css" /> <link rel="stylesheet" href="/themes-jb/css/project-style.css" /> <link href="/themes-jb/css/student-etudiant1.css" type="text/css" rel="stylesheet" /><!--[if lt IE 9]> <link rel="stylesheet" href="/themes-jb/css/project-style-ie8.css" /><![endif]--> <link rel="stylesheet" href="/invitation-manager/Overlay.css" /> <script> //<![CDATA[ dataLayer1 = []; (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-W625MMN'); //]]> </script> <script src="//assets.adobedtm.com/be5dfd287373/9b9cb7867b5b/launch-59d77766b86a.min.js"></script></head><body vocab="https://schema.org/" typeof="WebPage"> <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-W625MMN" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <nav> <ul id="wb-tphp"> <li class="wb-slc"><a class="wb-sl" href="#wb-cont">Passer au contenu principal</a></li> <li class="wb-slc visible-sm visible-md visible-lg"><a class="wb-sl" href="#wb-info">Passer à « À propos de cette application Web »</a></li> </ul> </nav> <header> <div id="wb-bnr" class="container"> <div class="row"> <section id="wb-lng" class="pull-right text-right"> <h2 class="wb-inv">Sélection de la langue</h2> <ul class="list-inline mrgn-bttm-0"> <li><a href="https://www.jobbank.gc.ca/career-planning/school-work-transition" lang="en"> <span class="hidden-xs">English</span> <abbr title="English" class="visible-xs h3 mrgn-tp-sm mrgn-bttm-0 text-uppercase">en</abbr> </a></li> </ul> </section> <div class="brand col-xs-9 col-sm-5 col-md-4" property="publisher" typeof="GovernmentOrganization"> <img src="/themes-sat/assets/sig-blk-en.svg" alt="" property="logo" /><span class="wb-inv" property="name"> Government of Canada / <span lang="fr">Gouvernement du Canada</span></span> <meta property="areaServed" typeof="Country" content="Canada" /> <link property="logo" href="/themes-sat/assets/wmms-blk.svg" /> </div> <section id="wb-srch" class="col-lg-offset-4 col-md-offset-4 col-sm-offset-2 col-xs-12 col-sm-5 col-md-4 visible-md visible-lg"> <h2>Recherche</h2> <form action="#" method="post" name="cse-search-box" role="search" class="form-inline"> <div class="form-group wb-srch-qry"> <label for="wb-srch-q" class="wb-inv">Recherchez le site Web</label> <input id="wb-srch-q" class="wb-srch-q form-control" name="q" type="search" value="" size="34" maxlength="170" placeholder="Recherche" /> </div> <div class="form-group submit"> <button type="submit" id="wb-srch-sub" class="btn btn-primary btn-small" name="wb-srch-sub"><span class="glyphicon-search glyphicon"></span><span class="wb-inv">Recherche</span></button> </div> </form> </section> </div> </div> <div class="app-bar"> <div class="container"> <div class="row"> <section class="col-xs-12 col-sm-7"> <h2 class="wb-inv">Nom de l'application Web</h2> <a class="app-name" href="https://www.guichetemplois.gc.ca/accueil">Guichet-Emplois</a> </section> <nav class="col-sm-5 hidden-xs hidden-print"><form id="j_id_23_4" name="j_id_23_4" method="post" action="/planification-carriere/transition-etudes-travail;jsessionid=828E138A6B6D9542CB5CB39E89B73868.jobsearch74" class="dept-nav" enctype="application/x-www-form-urlencoded"> <h2 class="wb-inv">Menu des paramètres du compte</h2> <ul class="app-list-account list-unstyled"> <li class="signon btn-group pull-right "> <button type="button" class="btn dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> <span class="title"><span class="in-icon fas fa-user-circle fa-lg" aria-hidden="true"></span> <span class="fullName">Ouvrir une session</span><span class="fa fa-chevron-down" aria-hidden="true"></span></span> </button> <ul class="dropdown-menu"> <li><a href="https://www.guichetemplois.gc.ca/connexion">Chercheurs d’emploi</a></li> <li><a href="https://employeur.guichetemplois.gc.ca/employer/tableau">Employeurs</a></li> </ul> </li> </ul><input type="hidden" name="j_id_23_4_SUBMIT" value="1" /><input type="hidden" name="jakarta.faces.ViewState" id="j_id__v_0:jakarta.faces.ViewState:1" value="stateless" autocomplete="off" /></form> </nav> </div> </div> </div> <div class="app-bar-mb container visible-xs-block hidden-print"> <nav> <h2 class="wb-inv">Menu et recherche</h2> <ul class="app-list-main list-unstyled"> <li class="wb-mb-links" id="wb-glb-mn"><a href="#mb-pnl" aria-controls="mb-pnl" class="btn overlay-lnk" role="button">Menu</a><h2>Menu</h2></li> </ul> <div id="mb-pnl"></div> </nav> <nav> <h2 class="wb-inv">Menu des paramètres du compte</h2><form id="j_id_25_3" name="j_id_25_3" method="post" action="/planification-carriere/transition-etudes-travail;jsessionid=828E138A6B6D9542CB5CB39E89B73868.jobsearch74" class="dept-nav" enctype="application/x-www-form-urlencoded"> <ul class="app-list-account list-unstyled"> <li class="signon btn-group pull-right "> <button type="button" class="btn dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> <span class="title"><span class="in-icon fas fa-user-circle fa-lg" aria-hidden="true"></span> <span class="fullName">Ouvrir une session</span><span class="fa fa-chevron-down" aria-hidden="true"></span></span> </button> <ul class="dropdown-menu"> <li><a href="https://www.guichetemplois.gc.ca/connexion">Chercheurs d’emploi</a></li> <li><a href="https://employeur.guichetemplois.gc.ca/employer/tableau">Employeurs</a></li> </ul> </li> </ul><input type="hidden" name="j_id_25_3_SUBMIT" value="1" /><input type="hidden" name="jakarta.faces.ViewState" id="j_id__v_0:jakarta.faces.ViewState:2" value="stateless" autocomplete="off" /></form> </nav> </div> <nav id="wb-sm" data-ajax-replace="/themes-sat/ajax/appmenu.xhtml?TF=false" data-trgt="mb-pnl" class="wb-menu visible-md visible-lg" typeof="SiteNavigationElement"> <div class="pnl-strt container nvbar"> <h2 class="wb-inv">Menu de navigation principal</h2> <div class="row"> <ul class="list-inline menu" role="menubar"> <li role="none"><a href="https://www.guichetemplois.gc.ca/trouverunemploi" class="item">Recherche d’emploi</a></li> <li role="none"><a href="https://www.guichetemplois.gc.ca/planification-carriere" class="item">Planification de carrière</a></li> <li role="none"><a href="https://www.guichetemplois.gc.ca/analyse-tendances" class="item">Information sur le marché du travail</a></li> <li role="none"><a href="https://www.guichetemplois.gc.ca/employeurs" class="item">Embauche</a></li> <li role="none"><a href="https://www.guichetemplois.gc.ca/apropos" class="item">Aide</a></li> <li role="none"><a href="https://www.guichetemplois.gc.ca/intro" class="item">À propos</a></li> </ul> </div> </div> </nav> <nav id="wb-bc" property="breadcrumb"> <h2>Vous êtes ici :</h2> <div class="container"> <ol class="breadcrumb"><li><a href="https://www.guichetemplois.gc.ca/" >Guichet-Emplois</a></li><li><a href="/planification-carriere" >Planification de carrière</a></li> </ol> </div> </nav> </header> <div id="header-search"> </div> <main role="main" property="mainContentOfPage"> <div class="container"> <h1 property="name" id="wb-cont" class="task-title career-tools"> <span class="directory">Outil de transition des études au travail</span> Planifiez votre transition des études au travail </h1> </div> <div class="career-tools-container mrgn-tp-lg"> <div class="masthead clearfix"> <div class="inner"> <div id="header-search"> </div> </div> </div> <div class="container"> <div class="row"> <div class="col-md-12"> <div id="messageblock-content" tabindex="-1"><div id="messageblock" role="region" aria-live="polite"></div> </div> </div> </div> <div class="row wb-eqht"> <div class="col-md-8 col-content"> <p class="intro">Vous ne savez pas quoi étudier ? Hésitez-vous entre l’aéronautique et la cybersécurité, la conception de jeux et l’ingénierie mécanique, ou encore entre la radiologie et la chimie médicolégale ? <br> Utilisez l’Outil de transition des études au travail pour découvrir quels emplois les diplômés occupent et combien ils gagnent. Faites des choix éclairés en matière d’éducation et obtenez l’emploi que vous désirez.</p><form id="editprofileForm" name="editprofileForm" method="post" action="/planification-carriere/transition-etudes-travail;jsessionid=828E138A6B6D9542CB5CB39E89B73868.jobsearch74" enctype="application/x-www-form-urlencoded"> <div class="overlay"></div><div id="editprofileForm:new-education" class="ta-cipedugroupsuggest form-inline"> <div class="input-group full-width mrgn-bttm-sm col-md-12 col-sm-12"><label class="legend" for="editprofileForm:fos-name">Programme d’études<span id="editprofileForm:error-fos-name"></span></label><input id="editprofileForm:fos-name" name="editprofileForm:fos-name" type="text" value="" class="form-control" autocomplete="off" placeholder="Exemple: Science de l’ingénierie" /> <span id="ta-cipedugroupsuggest-suggestioncount" data-name="suggestioncount" role="status" aria-live="polite" class="typeahead-helper-hidden-accessible"></span><input type="hidden" id="editprofileForm:cip_code" name="editprofileForm:cip_code" value="" /><input type="hidden" id="editprofileForm:los_code" name="editprofileForm:los_code" value="" /> <input type="hidden" id="ta-cipedugroupsuggest-selected-title" name="ta-cipedugroupsuggest-selected-title" disabled="disabled" value="" /> </div><div id="editprofileForm:lossearchresult" class="level_los col-md-12 row mrgn-tp-sm" aria-live="assertive"> <fieldset> <legend>Sélectionnez le niveau de scolarité</legend> <div> <div id="span-LOS03" class="losspan"> <div class="radio"> <input type="radio" index="0" name="radio" id="radio-LOS03" value="LOS03" class="losradio" /> <label id="label-LOS03" for="radio-LOS03">Métiers</label> </div> </div> <div id="span-LOS04" class="losspan"> <div class="radio"> <input type="radio" index="1" name="radio" id="radio-LOS04" value="LOS04" class="losradio" /> <label id="label-LOS04" for="radio-LOS04">Diplôme</label> </div> </div> <div id="span-LOS05" class="losspan"> <div class="radio"> <input type="radio" index="2" name="radio" id="radio-LOS05" value="LOS05" class="losradio" /> <label id="label-LOS05" for="radio-LOS05">Baccalauréat</label> </div> </div> <div id="span-LOS07" class="losspan"> <div class="radio"> <input type="radio" index="4" name="radio" id="radio-LOS07" value="LOS07" class="losradio" /> <label id="label-LOS07" for="radio-LOS07">Maîtrise</label> </div> </div> <div id="span-LOS06" class="losspan"> <div class="radio"> <input type="radio" index="3" name="radio" id="radio-LOS06" value="LOS06" class="losradio" /> <label id="label-LOS06" for="radio-LOS06">Médecine</label> </div> </div> </div> </fieldset></div><span id="editprofileForm:lossearch" style="display:none" aria-live="assertive"><a href="/planification-carriere/transition-etudes-travail/x/x;jsessionid=828E138A6B6D9542CB5CB39E89B73868.jobsearch74" id="editprofileForm:fossearch" class="btn btn-primary mrgn-tp-md pull-right"> Recherche </a><input type="hidden" id="editprofileForm:lcode" name="editprofileForm:lcode" value="" /></span><span id="editprofileForm:lossearch-disable" aria-live="assertive"> <button class="btn btn-primary mrgn-tp-md pull-right" disabled="disabled">Recherche</button></span> <div class="clearfix"></div></div><input type="hidden" name="editprofileForm_SUBMIT" value="1" /><input type="hidden" name="jakarta.faces.ViewState" id="j_id__v_0:jakarta.faces.ViewState:3" value="stateless" autocomplete="off" /></form> </div> <div class="col-md-4 nopadding col-menu"> <aside id="plan-career-nav"> <h2 class="header">Choisir une carrière</h2> <ul class="list-unstyled"> <li><a href="/planification-carriere/transition-etudes-travail;jsessionid=828E138A6B6D9542CB5CB39E89B73868.jobsearch74" id="cct-link" name="cct-link" class="active link-group-item" aria-current="true"><span class="fa fa-repeat-alt" aria-hidden="true"></span> Outil de transition des études au travail</a></li> <li><a href="/planification-carriere/questionnaires;jsessionid=828E138A6B6D9542CB5CB39E89B73868.jobsearch74" id="quizzes-link" name="quizzes-link" class=" link-group-item" aria-current="false"><span class="fa fa-puzzle-piece" aria-hidden="true"></span> Tests d’orientation</a></li> <li><a href="/planification-carriere/recherche-fiches-metiers;jsessionid=828E138A6B6D9542CB5CB39E89B73868.jobsearch74" id="occ-link" name="occ-link" class=" link-group-item" aria-current="false"><span class="fa fa-briefcase" aria-hidden="true"></span> Fiches métiers</a></li> <li><a href="/planification-carriere/transition-professionnelle;jsessionid=828E138A6B6D9542CB5CB39E89B73868.jobsearch74" id="jtt-link" name="jtt-link" class=" link-group-item" aria-current="false"><span class="fa fa-arrows-alt-h" aria-hidden="true"></span> Outil de transition professionnelle</a></li> <li><a href="/planification-carriere/habilites-connaissance;jsessionid=828E138A6B6D9542CB5CB39E89B73868.jobsearch74" id="skills-link" name="skills-link" class=" link-group-item" aria-current="false"><span class="fa fa-lightbulb" aria-hidden="true"></span> Inventaire de compétences</a></li> </ul> </aside> </div> </div> </div> </div> <div class="container pagedetails"> <div class="row"> <div class="col-sm-6 col-lg-4 mrgn-tp-sm hidden"> <a href="https://www.canada.ca/en/report-problem.html" class="btn btn-default btn-block">Report a problem or mistake on this page</a> </div> <div class="col-sm-3 mrgn-tp-sm pull-right hidden"> <div class="wb-share" data-wb-share="{"lnkClass": "btn btn-default btn-block"}"></div> </div> </div> <dl id="wb-dtmd"> <dt>Date de modification : </dt> <dd><time property="dateModified">2024-09-17</time></dd> </dl> </div> </main> <footer id="wb-info"> <div class="gc-contextual"> <div class="container"> <nav> <h2 class="wb-inv">Liens connexes</h2> <ul class="list-col-xs-1 list-col-sm-2 list-col-md-3"> <li><a href="/aidesoutien">Soutien du Guichet-Emplois</a></li> <li><a href="/apropos">À propos</a></li> <li><a href="https://www.guichetemplois.gc.ca/intro">Introduction au Guichet-Emplois</a></li> <li><a href="https://www.guichetemplois.gc.ca/reseau">Notre réseau</a></li> <li> <a href="/conditionsutilisationchercheur">Conditions d'utilisation - Chercheurs d'emploi</a> </li> <li> <a href="/conditionsutilisationemployeur">Conditions d’utilisation - Employeurs</a> </li> </ul> </nav> </div> </div> <div class="gc-sub-footer"> <div class="container d-flex align-items-center"> <nav aria-labelledby="aboutWebApp"> <h3 class="wb-inv" id="aboutWebApp">À propos de cette application Web</h3> <ul> <li><a href="https://www.canada.ca/fr/transparence/avis.html" target="_blank" rel="noopener">Avis<span class="wb-inv"> Ce lien ouvrira dans une nouvelle fenêtre</span></a></li> <li><a href="https://www.canada.ca/fr/transparence/confidentialite.html" target="_blank" rel="noopener">Confidentialité<span class="wb-inv"> Ce lien ouvrira dans une nouvelle fenêtre</span></a></li> </ul> </nav> <div class="col-xs-6 visible-sm visible-xs tofpg"> <a href="#wb-cont">Haut de la page <span class="glyphicon glyphicon-chevron-up"></span></a> </div> <div class="wtrmrk align-self-end"> <img src="/themes-sat/assets/wmms-blk.svg" alt="Symbole du gouvernement du Canada" /> <meta property="areaServed" typeOf="Country" content="Canada" /> <link property="logo" href="/themes-sat/assets/wmms-blk.svg" /> </div> </div> </div> </footer> <script src="/themes-sat/js/jquery/2.2.4/jquery.min.js"></script> <script src="/themes-sat/js/wet-boew.min.js"></script> <script src="/themes-sat/js/theme.min.js"></script> <script src="/themes-jb/js/settings/site-settings-gtie8.js"></script> <script src="/themes-sat/js/cdtscustom.js"></script> <script src="/themes-jb/js/third-party/jquery.timepicker.min.js"></script> <script src="/themes-jb/js/third-party/jquery.capslockstate.js"></script> <script src="/themes-jb/js/third-party/typeahead.bundle.min.js"></script> <script type="text/javascript"> //<![CDATA[ //Dropdown function dropdownToggle = function() { $('button.dropdown-toggle, a.signInUserAccount').removeClass('disabled'); $(document).on('click', 'button.dropdown-toggle', function(e) { $('button.dropdown-toggle').not(this).each( function(e) { $(this).parent('.btn-group').removeClass('open'); }); if ($(this).parent().is('.btn-group')) { //console.log('OPEN dropdown'); $(this).attr('aria-expanded', function (i, attr) { return attr == 'true' ? 'false' : 'true' }); $(this).parent('.btn-group').toggleClass('open'); if ($(this).hasClass('btn-func-filter')) { if ($(this).parent('.filter-group').hasClass('open')) { $('.dropdown-menu, .dropdown-group').parent('.btn-group').find('.btn-func-filter').children('.fa-icon').removeClass('fa-chevron-up').addClass('fa-chevron-down'); $(this).find('.fa-icon').toggleClass('fa-chevron-down fa-chevron-up'); } else { $(this).find('.fa-icon').toggleClass('fa-chevron-up fa-chevron-down'); $('.dropdown-menu, .dropdown-group').parent('.btn-group').find('.btn-func-filter').children('.fa-icon').removeClass('fa-chevron-up').addClass('fa-chevron-down'); } } } return false; }); } //Initiate Dropdown once document has been loaded dropdownToggle(); //Remove Dropdown function removeDropdownToggle = function(e) { $(document).on('click', function(e) { var dropdownToggle = $('.dropdown-menu, .dropdown-group').parent('.btn-group, .filter-group'); /* if (!$(this).parent().is('.btn-group')) { console.log('click outside'); $('button.dropdown-toggle').attr('aria-expanded','false'); $(dropdownToggle).removeClass('open'); if ($(dropdownToggle)) { $(dropdownToggle).find('.btn-func-filter').children('.fa-icon').removeClass('fa-chevron-up').addClass('fa-chevron-down'); } } */ var $trigger = $(".dropdown-toggle, .dropdown-menu"); if($trigger !== e.target && !$trigger.has(e.target).length){ //console.log('REMOVE dropdown outside'); $(dropdownToggle).removeClass('open'); if ($(dropdownToggle)) { $(dropdownToggle).find('.btn-func-filter').children('.fa-icon').removeClass('fa-chevron-up').addClass('fa-chevron-down'); } } }); escRemoveDropdownToggle(); } hideDropdownToggle = function() { $('ul.dropdown-menu li a').on('focus focusin', function() { var $signonbutton = $(this).parents('li.btn-group'); $signonbutton.addClass("open"); $signonbutton.find('button.dropdown-toggle').attr('aria-expanded','true'); }).on('focusout', function() { var $signonbutton = $(this).parents('li.btn-group'); var $parent = $(this).parents('ul.dropdown-menu'); setTimeout(function() { if (!$.contains($parent[0], document.activeElement)) { $signonbutton.removeClass("open"); $signonbutton.find('button.dropdown-toggle').attr('aria-expanded','false'); } }, 0); //console.log('HIDE dropdown'); }); escRemoveDropdownToggle(); } escRemoveDropdownToggle = function(e) { $(document).on('keydown', 'button.dropdown-toggle', function(e) { // Escape key if(event.which == 27) { //console.log('ESCAPE KEY from main button'); var dropdownToggle = $('.dropdown-menu, .dropdown-group').parent('.btn-group, .filter-group'); /* if (!$(this).parent().is('.btn-group')) { console.log('click outside'); $('button.dropdown-toggle').attr('aria-expanded','false'); $(dropdownToggle).removeClass('open'); if ($(dropdownToggle)) { $(dropdownToggle).find('.btn-func-filter').children('.fa-icon').removeClass('fa-chevron-up').addClass('fa-chevron-down'); } } */ var $trigger = $(".dropdown-toggle, .dropdown-menu"); if($trigger !== e.target && !$trigger.has(e.target).length){ //console.log('REMOVE dropdown outside'); $(dropdownToggle).removeClass('open'); if ($(dropdownToggle)) { $(dropdownToggle).find('.btn-func-filter').children('.fa-icon').removeClass('fa-chevron-up').addClass('fa-chevron-down'); } } event.preventDefault(); } }); $(document).on('keydown', '.dropdown-menu input, .dropdown-menu h3, .dropdown-menu .list-group, .dropdown-menu button, .dropdown-menu a', function(e) { // Escape key if(event.which == 27) { var dropdownToggle = $('.dropdown-menu, .dropdown-group').parent('.btn-group, .filter-group'); var $trigger = $("input[type=checkbox]"); if($trigger !== e.target && !$trigger.has(e.target).length){ $(dropdownToggle).removeClass('open'); if ($(dropdownToggle)) { $(dropdownToggle).find('.btn-func-filter').children('.fa-icon').removeClass('fa-chevron-up').addClass('fa-chevron-down'); $(this).parents('.dropdown-menu').prev('.dropdown-toggle').focus(); } } event.preventDefault(); } }); } //Initiate Remove Dropdown once document has been loaded removeDropdownToggle(); hideDropdownToggle(); $(document).ready(function(){ //$('.jbservices').removeClass('disabled'); //Form required field input label indicators and disclaimer formRequired = function() { var formRequiredAsteriskClass = 'formRequiredAsterisk'; var formRequiredAsteriskGroup = $("form."+formRequiredAsteriskClass); var asteriskSymbol = '<span class="symbol-required">*</span>' var asteriskDisclaimer = '<div class="col-md-12 row"><p class="tip-required"><span class="fa fa-info-circle fa-lg"></span> Tous les champs identifiés d’un astérisque (<span>*</span>) sont obligatoires.</p></div><div class="clearfix"></div>' var formRequiredWordClass = 'formRequiredWord'; var formRequiredWordGroup = $("form."+formRequiredWordClass); var requiredWord = "<span class='req'>(obligatoire)</span>"; //Insert asterisk symbol if ($(formRequiredAsteriskGroup)) { $(formRequiredAsteriskGroup).find('label.required').prepend(asteriskSymbol); $(formRequiredAsteriskGroup).find('legend.required').prepend(asteriskSymbol); $(formRequiredAsteriskGroup).find('h1.required').prepend(asteriskSymbol); $(formRequiredAsteriskGroup).find('h2.required').prepend(asteriskSymbol); $(formRequiredAsteriskGroup).find('h3.required').prepend(asteriskSymbol); //Insert asterisk disclaimer if ($(formRequiredAsteriskGroup).find('.module-stepbar').length !== 0) { $(formRequiredAsteriskGroup).find('.module-stepbar').after(asteriskDisclaimer); } else { $(formRequiredAsteriskGroup).prepend(asteriskDisclaimer); } } //Insert word required if ($(formRequiredWordGroup)) { $(formRequiredWordGroup).find('label.required').append(requiredWord); $(formRequiredWordGroup).find('legend.required').append(requiredWord); $(formRequiredWordGroup).find('h1.required').append(requiredWord); $(formRequiredWordGroup).find('h2.required').append(requiredWord); $(formRequiredWordGroup).find('h3.required').append(requiredWord); } } formRequired(); }); $(document).on("wb-ready.wb", function(event) { //Initiate script after WET Plugins are done loading... var formErrorValidation = false; var formErrorValidationGuest = true; var runFormErrorValidation = false if (localStorage.getItem('signInPopUp') === 'true') { var signInPopUp = true; } //console.log('Error?'+formErrorValidation+' Dashboard page? '+runFormErrorValidation); //console.log('Alert: '+formErrorValidationGuest); if (signInPopUp && formErrorValidation && !runFormErrorValidation && formErrorValidationGuest || signInPopUp && formErrorValidation && runFormErrorValidation && formErrorValidationGuest) { //console.log('Open Standard/Plus login popup!'); openSignInUserAccount(); } else if (!formErrorValidationGuest) { //console.log('Open Guest login popup!'); openSignInGuestUserAccount(); } else if (!formErrorValidation) { //console.log('No error validation!'); localStorage.removeItem('signInPopUp'); } else { //console.log('Not opened login popup'); } function openSignInUserAccount() { //console.log('opensigninuseraccoun'); $.magnificPopup.open({ prependTo: '#loginForm', items: [ { src: '#user-signin', type: 'inline', } ], callbacks: { open: function() { }, close: function() { //console.log('Close sign in popup!'); localStorage.removeItem('signInPopUp'); } } }); if (signInPopUp && !formErrorValidation) { localStorage.removeItem('signInPopUp'); } } function openSignInGuestUserAccount() { $.magnificPopup.open({ prependTo: '#loginModalFormViewJobAlerts', items: [ { src: '#guestmode-signin-view', type: 'inline', } ], }); } //$(document).on("wb-ready.wb", function() { $(document).on('click', '.signInRegisterJobAlerts', function(e) { //Event for actual link action e.preventDefault(); //Run WET plugin $.magnificPopup.open({ prependTo: '#loginModalFormRegisterJobAlerts', //modal: true, items: [ { src: '#guestmode-signin-register', type: 'inline', } ], //closeBtnInside: true }); }); $(document).on('click', '.signInViewJobAlerts', function(e) { //Event for actual link action e.preventDefault(); //Run WET plugin $.magnificPopup.open({ prependTo: '#loginModalFormViewJobAlerts', //modal: true, items: [ { src: '#guestmode-signin-view', type: 'inline', } ], //closeBtnInside: true }); }); $(document).on('click', '.signInUserAccount', function(e) { var title = $(this).find('.title').text(); //console.log(title); $('#loginForm').find('.modal-title').text(title); //Event for actual link action e.preventDefault(); //Run WET plugin $.magnificPopup.open({ prependTo: '#loginForm', //modal: true, items: [ { src: '#user-signin', type: 'inline', } ], callbacks: { open: function() { }, close: function() { //console.log('Close sign in popup!'); localStorage.removeItem('signInPopUp'); } } //closeBtnInside: true }); $('#submitUserSignInPopUp').click( function() { //console.log('signInPopUp'); localStorage.setItem('signInPopUp', 'true'); }); }); $('#submitUserSignIn').click( function() { //console.log('signIn normal'); localStorage.removeItem('signInPopUp'); }); }); //]]> </script> <script src="/themes-jb/js/settings/site-settings-all.js"></script> <script> //<![CDATA[ var _gaq = _gaq || []; var lang = 'fr'; if (lang === 'en') { domain = 'jobbank.gc.ca'; } if (lang === 'fr') { domain = 'guichetemplois.gc.ca'; } //jobbank account tracking _gaq.push(['_setAccount', 'UA-10101722-1']); _gaq.push(['_setAllowLinker', true]); _gaq.push(['_setDomainName', domain]); _gaq.push(['_gat._anonymizeIp']); _gaq.push(['_trackPageview']); (function() { var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; //ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/u/ga_debug.js'; ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); })(); //GA for Mega Menu $(document).on('click', '#wb-sm ul li.active.sm-open > ul.open > li > a', function(event) { var tablabel = $(this).parents('ul.open').prev().text(); var itemlabel = $(this).text(); //alert('Clicked on '+tablabel+' Mega Menu - '+itemlabel); _gaq.push(['_trackEvent', 'MegaMenu', 'action: click', 'label: '+itemlabel]); }); // Device detection for Google Analytics Smart Banner if ($("meta[name='smartbanner:page']").length) { var iOS = /iPad|iPhone|iPod/.test(navigator.userAgent) && !window.MSStream; var Android = /Android/i.test(window.navigator.userAgent) && !window.MSStream; var pageName = $("meta[name='smartbanner:page']").attr("content"); if (iOS) { platform = 'iOS'; } else if (Android) { platform = 'Android'; } var onLoadHandlerForConflictTesting = function() { $('.js_smartbanner__exit').on('click', function() { //console.log('SmartBannerClose '+pageName+' '+platform); _gaq.push(['_trackEvent', 'SmartBannerClose', pageName, platform]); }); $('.smartbanner__button').on('click', function() { //console.log('SmartBannerClick '+pageName+' '+platform); _gaq.push(['_trackEvent', 'SmartBannerClick', pageName, platform]); }); if ($('.js_smartbanner').length) { //console.log('SmartBannerView '+pageName+' '+platform); _gaq.push(['_trackEvent', 'SmartBannerView', pageName, platform]); } }; window.onload = onLoadHandlerForConflictTesting; } //]]> </script> <script type="text/javascript"> //console.log('Google Analytics code'); var TFWMode; // Google Analytics - Job Search //<![CDATA[ var sourcePage; function checkThisPage() { if (false) { //console.log('This is homePage'); sourcePage = 'homePage'; } else if (false) { //console.log('This is findAJobLandingPage'); sourcePage = 'findAJobLandingPage'; } else if (false) { //console.log('This is searchResultsPage'); sourcePage = 'searchResultsPage'; } else if (false) { //console.log('This is jobPostingPage'); sourcePage = 'jobPostingPage'; } else if (false) { //console.log('This is dashboardPage'); sourcePage = 'dashboardPage'; } else if (false) { //console.log('This is alertsPages'); sourcePage = 'alertsPages'; } else if (false) { //console.log('This is matchPages'); sourcePage = 'matchPages'; } else if (false) { //console.log('This is favouritesPages'); sourcePage = 'favouritesPages'; } else if (false) { //console.log('This is browsePages'); sourcePage = 'browsePages'; } else if (false) { //console.log('This is youthHomePage'); sourcePage = 'youthHomePage'; } else if (false) { //console.log('This is TFWHomePage'); sourcePage = 'TFWHomePage'; } else { sourcePage = '/explore_career/career_tool/career_tool.xhtml'; } } checkThisPage(); $('form.search-module').submit(function(){ //alert('GA '+sourcePage); var searchString = $("#searchString").val(); var locationString = $("#locationstring").val(); if ($("input[name=fsrc]").val() == "21") { var fsrc21 = true; //alert('CSJ fsrc 21'); } if ($("input[name=fsrc]").val() == "32") { var fsrc32 = true; //alert('TFW fsrc 32'); } if (_gaq != undefined) { if ((!fsrc21 && !fsrc32)) { //alert('General GA - Job Search Mode'); if (searchString.length && locationString.length) { //alert('searchString: '+searchString+ ' and locationString: '+locationString+'\nSource page: '+sourcePage); _gaq.push(['_trackEvent', 'jobSearchTitle', 'source : '+sourcePage, searchString]); _gaq.push(['_trackEvent', 'jobSearchLocation', 'source : '+sourcePage, locationString]); _gaq.push(['_trackEvent', 'jobSearch', 'source : '+sourcePage, searchString+' '+locationString]); } if (searchString.length && !locationString.length) { //alert('searchString: '+searchString+'\nSource page: '+sourcePage); _gaq.push(['_trackEvent', 'jobSearchTitle', 'source : '+sourcePage, searchString]); _gaq.push(['_trackEvent', 'jobSearch', 'source : '+sourcePage, searchString]); } if (!searchString.length && locationString.length) { //alert('locationString: '+locationString+'\nSource page: '+sourcePage); _gaq.push(['_trackEvent', 'jobSearchLocation', 'source : '+sourcePage, locationString]); _gaq.push(['_trackEvent', 'jobSearch', 'source : '+sourcePage, locationString]); } if (!searchString.length && !locationString.length) { //alert('No search!'+'\nSource page: '+sourcePage); _gaq.push(['_trackEvent', 'jobSearchTitle', 'source : '+sourcePage, '']); _gaq.push(['_trackEvent', 'jobSearchLocation', 'source : '+sourcePage, '']); _gaq.push(['_trackEvent', 'jobSearch', 'source : '+sourcePage, '']); } } else { //alert('GA else search'); if (fsrc21) { //alert('General GA - CSJ Mode!'); if (searchString.length && !locationString.length) { _gaq.push(['_trackEvent', 'CSJjobSearchTitle', 'source : '+sourcePage, searchString]); _gaq.push(['_trackEvent', 'CSJjobSearchLocation', 'source : '+sourcePage, locationString]); _gaq.push(['_trackEvent', 'CSJjobSearch', 'source : '+sourcePage, searchString+' '+locationString]); //alert('GAQ title: '+searchString+'\nSource page: '+sourcePage); } if (locationString.length && !searchString.length) { _gaq.push(['_trackEvent', 'CSJjobSearchTitle', 'source : '+sourcePage, searchString]); _gaq.push(['_trackEvent', 'CSJjobSearchLocation', 'source : '+sourcePage, locationString]); _gaq.push(['_trackEvent', 'CSJjobSearch', 'source : '+sourcePage, searchString+' '+locationString]); //alert('GAQ location: '+locationString+'\nSource page: '+sourcePage); } if (searchString.length && locationString.length) { _gaq.push(['_trackEvent', 'CSJjobSearchTitle', 'source : '+sourcePage, searchString]); _gaq.push(['_trackEvent', 'CSJjobSearchLocation', 'source : '+sourcePage, locationString]); _gaq.push(['_trackEvent', 'CSJjobSearch', 'source : '+sourcePage, searchString+' '+locationString]); //alert('GAQ title: '+searchString+'\nGAQ location: '+locationString+'\nSource page: '+sourcePage); } if (!searchString.length && !locationString.length) { _gaq.push(['_trackEvent', 'CSJjobSearchTitle', 'source : '+sourcePage, searchString]); _gaq.push(['_trackEvent', 'CSJjobSearchLocation', 'source : '+sourcePage, locationString]); _gaq.push(['_trackEvent', 'CSJjobSearch', 'source : '+sourcePage, searchString+' '+locationString]); //alert('BOTH EMPTY!'+'\nGAQ title: '+searchString+'\nGAQ location: '+locationString+'\nSource page: '+sourcePage); } } if (fsrc32) { //alert('General GA - TFW Mode!'); if (searchString.length && !locationString.length) { _gaq.push(['_trackEvent', 'TFWjobSearchTitle', 'source : '+sourcePage, searchString]); _gaq.push(['_trackEvent', 'TFWjobSearchLocation', 'source : '+sourcePage, locationString]); _gaq.push(['_trackEvent', 'TFWjobSearch', 'source : '+sourcePage, searchString+' '+locationString]); //alert('TFW GAQ title: '+searchString+'\nSource page: '+sourcePage); } if (locationString.length && !searchString.length) { _gaq.push(['_trackEvent', 'TFWjobSearchTitle', 'source : '+sourcePage, searchString]); _gaq.push(['_trackEvent', 'TFWjobSearchLocation', 'source : '+sourcePage, locationString]); _gaq.push(['_trackEvent', 'TFWjobSearch', 'source : '+sourcePage, searchString+' '+locationString]); //alert('TFW GAQ location: '+locationString+'\nSource page: '+sourcePage); } if (searchString.length && locationString.length) { _gaq.push(['_trackEvent', 'TFWjobSearchTitle', 'source : '+sourcePage, searchString]); _gaq.push(['_trackEvent', 'TFWjobSearchLocation', 'source : '+sourcePage, locationString]); _gaq.push(['_trackEvent', 'TFWjobSearch', 'source : '+sourcePage, searchString+' '+locationString]); //alert('TFW GAQ title: '+searchString+'\nTFW GAQ location: '+locationString+'\nSource page: '+sourcePage); } if (!searchString.length && !locationString.length) { _gaq.push(['_trackEvent', 'TFWjobSearchTitle', 'source : '+sourcePage, searchString]); _gaq.push(['_trackEvent', 'TFWjobSearchLocation', 'source : '+sourcePage, locationString]); _gaq.push(['_trackEvent', 'TFWjobSearch', 'source : '+sourcePage, searchString+' '+locationString]); //alert('TFW BOTH EMPTY!'+'\nTFW GAQ title: '+searchString+'\nTFW GAQ location: '+locationString+'\nSource page: '+sourcePage); } } } } }); //]]> </script> <script type="text/javascript" src="/themes-jb/js/third-party/animate.js"></script> <script type="text/javascript"> //<![CDATA[ taCipedugroupSuggestFunctionsV2 = function(element) { String.prototype.format = function() { var args = arguments; return this.replace(/\{(\d+)\}/g, function() { return args[arguments[1]]; }); }; var inputObject = $(element).find("input:text:first"); var inputlang = document.documentElement.lang; if (inputObject.attr('lang') !== undefined) inputlang = inputObject.attr('lang'); if (inputlang === undefined) inputlang = "en"; var selectedObjectText; var messageObject = $(element).find("[data-name='suggestioncount']"); var cipCodeObject = $(element).find("[name$='cip_code']"); var losCodeObject = $(element).find("[name$='los_code']"); var buttonObject = $(element).find("input:submit:first"); var filterQueryObject = $(element).find("[name$='filterquery']"); clearinput(); messageObject.text("Entrez du texte pour obtenir des suggestions"); function displaykey(item) { return item.cip_name; } function displayoption(value,item) { return value; } function clearinput() { cipCodeObject.val(""); losCodeObject.val(""); losCodeObject.find('option').remove(); buttonObject.attr('disabled', 'disabled'); selectedObjectText = ""; // clear LOS selection buttons disabledAll(); $('#editprofileForm\\:educationsearchResults').empty(); // trigger event change cipCodeObject.change(); } function populateinput(item) { $('#editprofileForm\\:educationsearchResults').html('<span class="working" style="width: 42px;display: block;height: 42px;"></span>'); cipCodeObject.val(item.cip_code); var lstMlos = ''; $.each(item.map_los, function() { lstMlos += this.los_code+","; }); lstMlos = lstMlos.slice(0,-1); losCodeObject.val(lstMlos); // submit form to produce list of los as submit button var form = inputObject.closest('form')[0]; //var form = $('#editprofileForm')[0]; jsf.ajax.request(form,event,{ execute:'editprofileForm:lcode', render:'editprofileForm:lossearch', 'jakarta.faces.behavior.event': 'action', onevent: function(){$("#editprofileForm\\:lossearch").hide();$("#editprofileForm\\:lossearch").hide();$("#editprofileForm\\:lossearch-disable").show();} } ); //$(".fossearch").attr('disabled', 'disabled'); /* losCodeObject.find('option').remove(); $.each(item.map_los, function() { losCodeObject.append($("<option />").val(this.los_code).text(this.los_name)); }); */ //buttonObject.removeAttr('disabled', 'disabled'); selectedObjectText = displaykey(item); // trigger event change cipCodeObject.change(); enabledSome(); } function disabledAll(){ $("#editprofileForm\\:lossearchresult input:radio").attr("disabled", true); $("#editprofileForm\\:lossearchresult input:radio").css("cursor", "not-allowed"); $("#editprofileForm\\:lossearchresult input:radio").prop('checked', false); $("#editprofileForm\\:lossearchresult label").css("cursor", "not-allowed"); $(".losspan").addClass("level_unavailable"); $("#editprofileForm\\:lossearch").hide(); $("#editprofileForm\\:lossearch-disable").show(); } function enabledSome(){ //alert($("#editprofileForm\\:los_code").val()); var losList = $("#editprofileForm\\:los_code").val().split(','); disabledAll(); for(var i = 0; i < losList.length; i++ ){ //alert(losList[i]); $("#radio-"+losList[i]).attr("disabled", false); $("#radio-"+losList[i]).css("cursor", "pointer"); $("#label-"+losList[i]).css("cursor", "pointer"); $("#span-"+losList[i]).removeClass("level_unavailable"); $("#span-"+losList[i]).addClass("level_available"); } } function resetInput() { inputObject.typeahead('val',''); } var bloodhound = new Bloodhound({ datumTokenizer: function(d) { return Bloodhound.tokenizers.whitespace(d.cip_name); }, queryTokenizer: Bloodhound.tokenizers.whitespace, remote: { url:"/core/ta-cipeduprogram_"+inputlang+"/select?q=%QUERY&wt=json&rows=20&group=true&group.field=cip_code&group.limit=5&fl=cip_name,los_code,los_name", wildcard: "%QUERY", replace: function (url, query) { var q = inputObject.val(); q2 = url.replace("%QUERY",q); if ( typeof(filterQueryObject) != 'undefined' && filterQueryObject.length > 0 ) { q2 += "&fq=" + filterQueryObject.val(); } return q2; } , filter: function(response) { return $.map(response.grouped.cip_code.groups, function(doc){ return { cip_code:doc.groupValue, cip_name:doc.doclist.docs[0].cip_name, map_los:$.map(doc.doclist.docs, function(doc){ return { los_code:doc.los_code, los_name:doc.los_name } }) } }); } }, limit: 25 }); bloodhound.initialize(); inputObject.typeahead( { minLength: 2 }, { name: "ta-CipedugroupSuggest", displayKey: function(item) { return displaykey(item) }, limit: 30, templates: { suggestion: function(data) { var inputtext = inputObject.val(); inputtext = inputtext.replace(/^[^\w]+|[^\w]+$/g, "").replace(/[^\wéèêë'-]+/g, "|").replace(/[eéèêë]+/g, "[eéèêë]"); pattern = new RegExp(inputtext,'gi'); highlighted = data.cip_name.replace(pattern,function(matched){ return '<span class="tt-highlight">'+matched+'</span>'; }); return '<p>'+displayoption(highlighted,data)+'</p>'; }, notFound: function(data) { messageObject.text("Aucune suggestion pour ce mot. Entrez une autre expression."); return '<p class="tt-suggestion tt-selectable">'+displayoption("<span class='tt-highlight'>Aucune suggestion pour ce mot. Entrez une autre expression.</span>")+'</p>'; }, footer: function(data) { messageObject.text("Des suggestions ont été trouvées, utilisez les flèches pour les consulter."); } }, source: bloodhound.ttAdapter() }).on('typeahead:open', function(evt) { messageObject.text("Entrez du texte pour obtenir des suggestions"); }).on('typeahead:select', function(evt, item) { populateinput(item); messageObject.text( "Vous avez choisi « {0} »".format( displaykey(item) ) ); }).on('typeahead:change', function(evt, item) { t1 = inputObject.val(); if (t1!=selectedObjectText) { messageObject.text(""); clearinput(); } }).on('typeahead:autocomplete', function(evt, item) { populateinput(item); messageObject.text( "Vous avez choisi « {0} »".format( displaykey(item) ) ); }).on('typeahead:render', function(evt, item,c,d) { if (typeof(item) != 'undefined') { messageObject.text("Des suggestions ont été trouvées, utilisez les flèches pour les consulter."); } }).on('typeahead:close', function(evt) { if ( typeof(selectedObjectText) != 'undefined' && selectedObjectText.length > 0 ) { messageObject.text( "Vous avez choisi « {0} »".format(selectedObjectText) ); } else { messageObject.text(""); } }); }; function initCipedugroupSuggestObject() { $('div.ta-cipedugroupsuggest').each( function(i,obj) { new taCipedugroupSuggestFunctionsV2(obj); }); } if ($(".modify-job-wb-tabs").length) { $(document).on("wb-ready.wb", initCipedugroupSuggestObject); } else { $(document).ready(initCipedugroupSuggestObject); } //]]> </script> <script type="text/javascript"> //<![CDATA[ $(document).ready(function () { $('.losradio').click(function(e){ var val = $("input[type='radio']:checked").val(); var form = $("input[type='radio']:checked").closest('form'); $("#editprofileForm\\:lcode").val(val); jsf.ajax.request(form,event,{ execute:'editprofileForm:lcode', render:'editprofileForm:lossearch', 'jakarta.faces.behavior.event': 'action', onevent: function(){$("#editprofileForm\\:lossearch").show(); $("#editprofileForm\\:lossearch-disable").hide();} }); }); }); //]]> </script> <script src="/invitation-manager/Overlay.js"></script> <script src="/invitation-manager/InvitationManager.js"></script> <script type="text/javascript">_satellite.pageBottom();</script></body> </html>