CINXE.COM
Concours de créativité lexicale
<!DOCTYPE html> <html lang="fr-ca"> <head><meta charset="utf-8" /><meta http-equiv="X-UA-Compatible" content="IE=edge" /><meta http-equiv="Content-Type" content="text/html;" /><meta name="viewport" content="width=device-width, initial-scale=1.0" /><link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png" /><link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png" /> <script src="/Scripts/jq/jquery-1.9.1.js" type="text/javascript"></script> <script type="text/javascript" src="/Scripts/jq/jquery.fancybox.pack.js?v=2.1.5"></script> <script src="/Scripts/jq/kickstart-no-fancy.js" type="text/javascript"></script> <link rel="stylesheet" href="/Styles/fancybox/jquery.fancybox.css?v=2.1.5" type="text/css" media="screen" /><link href="/Styles/kickstart/kickstart.css" rel="stylesheet" type="text/css" /><link href="/Styles/kickstart/kickstart-franco-2015.css" rel="stylesheet" type="text/css" /> <meta name="description" content="Les élèves, par l'entremise de leurs enseignantes et leurs enseignants de français, sont invités à créer des mots nouveaux qui décrivent des réalités pour lesquelles il n’existe pas encore d’équivalent en français. Du matériel est proposé aux enseignantes et aux enseignants pour accompagner les élèves dans la création d’un ou plusieurs néologismes. En participant au concours, les élèves ainsi que leurs enseignantes et leurs enseignants peuvent contribuer à l’enrichissement de la langue française et remporter des prix." /> <title>Concours de créativité lexicale</title> <meta property="og:image" content="/creativite-lexicale/images/og/CCL-2024-2025-Metadonnees_1200x630.png"> <link href="/creativite-lexicale/includes/styles/creativite-lexicale.css" rel="stylesheet" type="text/css" /> <link href="/creativite-lexicale/includes/styles/accueil.css" rel="stylesheet" type="text/css" /> <link href="/creativite-lexicale/includes/styles/en-tete.css" rel="stylesheet" type="text/css" /> <link href="/creativite-lexicale/includes/styles/pied-page.css" rel="stylesheet" type="text/css" /> <style type="text/css"> body { margin: 0px; } div#pied-de-page ul.menu li { display: block; } div#pied-de-page ul.menu li:first-child { display: none; } div#pied-de-page ul.menu li:last-child { border-bottom: none; } div#pied-de-page ul.menu li a { font-size: 1.12em; } </style> <link href="includes/styles/panneau-a-onglets.css" rel="stylesheet" /> <link href="includes/styles/fenetre-modale.css" rel="stylesheet" /> <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <script src="/bootstrap/js/bootstrap.bundle.min.js"></script> <link href="includes/styles/tooltip.css" rel="stylesheet" /> <style> #intro div.section-details p { font-size: 1.25em; color: #fff; font-weight: bold; line-height: 2.2rem; padding: 1%; } #intro div.section-details { margin-top: 0px; margin-bottom: 0px; padding-bottom: 25px; padding-top: 25px; } section.breve > a { text-decoration: none !important; } div.lire-suite a { color: #5e5d5e !important; } li.terme { font-size: 1.3em; } /*li.terme:hover { background-color: #eeefff; }*/ #neo article a:link { text-decoration: none !important; color: #009cbf !important; } #neo article a:hover { color: #ed7673 !important; } li.terme::marker { content: counter(list-item) ') '; font-weight: bolder; } div.def { margin-bottom: 2%; border-left: 4px solid #009cbf; padding-left: 5px; } .titre2 { line-height: 130%; } #promouvoir-concours ul { margin: 0 0 10px 25px; } .btn_soumettre { background: #009cbf !important; text-shadow: none; box-shadow: none; color: #fff !important; border: none; } .btn_soumettre:hover { background: #223654 !important; box-shadow: none; text-shadow: none; border: none; } .error { color:red; padding: 0 0 1em 0; } h3{ color: #4ab280; } </style> <title> Concours de créativité lexicale </title></head> <body> <header> <style type="text/css"> </style> <div id="haut"></div> <div class="contenu-fluide piv--blanc"> <div class="contenu-fixe"> <div class="ligne" id="entetePiv"> <div class="logoEtNomSite"> <a href="https://www.quebec.ca/" title="Québec.ca. Une nouvelle fenêtre s'ouvrira." target="_blank"><img id="pivImage" alt="Logo du gouvernement du Québec." src="/images/QUEBEC_blanc.svg" width="196" height="71"></a> <div> <a href="https://www.oqlf.gouv.qc.ca" class="identite">Office québécois de la langue française</a> </div> </div> </div> </div> </div> <!-- Fin entête PIV --> <!-- Menu Concours --> <div id="section-menu-concours"> <div id="menu-concours"> <!--<h1><a href="/creativite-lexicale/index.aspx">Concours de créativité lexicale</a></h1>--> <ul> <li class="paccueil"><a href="/creativite-lexicale/index.aspx">Accueil</a></li> <li class="psavoirplus"><a href="/creativite-lexicale/savoir-plus.aspx">Description du concours</a></li> <li class="pparticiper"><a href="/creativite-lexicale/participer.aspx">Inscription</a></li> <li class="pactivitespedagoqiues"><a href="/creativite-lexicale/activites-pedagogiques.aspx">Activités pédagogiques</a></li> <li class="pprix"><a href="/creativite-lexicale/prix.aspx">Prix à gagner</a></li> <!--<li class="ppromotion"><a href="/creativite-lexicale/promotion.aspx">Promotion</a></li>--> <li class="pgagnants"><a href="/creativite-lexicale/neologismes-gagnants.aspx">Néologismes gagnants</a></li> </ul> </div> <!-- Menu Mobile --> <div class="navigation nav-mobile"> <div class="navigation-haut"> <div class="hamburgueur" title="Afficher navigation"> <div></div> <div></div> <div></div> </div> <div class="masquer-navigation" title="Masquer navigation"></div> </div> <ul> <li class="paccueil"><a href="/creativite-lexicale/index.aspx">Accueil</a></li> <li class="psavoirplus"><a href="/creativite-lexicale/savoir-plus.aspx">Description du concours</a></li> <li class="pparticiper"><a href="/creativite-lexicale/participer.aspx">Inscription</a></li> <li class="pactivitespedagoqiues"><a href="/creativite-lexicale/activites-pedagogiques.aspx">Activités pédagogiques</a></li> <li class="pprix"><a href="/creativite-lexicale/prix.aspx">Prix à gagner</a></li> <li class="ppromotion"><a href="/creativite-lexicale/promotion.aspx">Promotion</a></li> <li class="pgagnants"><a href="/creativite-lexicale/neologismes-gagnants.aspx">Néologismes gagnants</a></li> </ul> </div> <!-- Fin Menu Mobile --> </div> <!-- Fin Menu Concours --> </header> <!-- Fin Menu Francofête --> <form name="form1" method="post" action="./savoir-plus.aspx" id="form1"> <div> <input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE" value="/wEPDwUJOTYzOTk4NDY3ZBgBBTNjdGwwMCRjdGwwMCRjb3JwJHBoX2NvbnRlbnVQcmluY2lwYWwkbXZfaW5zY3JpcHRpb24PD2RmZDB0PzYETsBrKor5gykrbbKf8K8ZK7ukt6f3psUKa/VF" /> </div> <div> <input type="hidden" name="__VIEWSTATEGENERATOR" id="__VIEWSTATEGENERATOR" value="F6526B11" /> </div> <!-- <p>Vue 1</p> --> <!-- <div class="section-details center" style="margin: 3% auto; padding: 0px 2%"> <img src="images/date-images.svg" style="max-width:800px;" width="100%" height="auto" alt="" /> </div>--> <div id="psavoirplus" class="conteneur_780"> <div class="section-details" id="en-savoir-plus"> <h2 class="center">En quoi consiste le concours?</h2> <p>Le Concours de créativité lexicale de l’Office québécois de la langue française invite les enseignantes et les enseignants à créer avec leurs classes des<strong> néologismes</strong>, c’est-à-dire <strong>des nouveaux mots</strong> permettant de désigner des réalités pour lesquelles il n’existe pas encore de dénomination française.</p> <!--<img src="images/2023/Cottagecore.png" width="443" height="auto" alt=" " style="margin: 2% auto; width: 100%; max-width: 443px; display: flex;" class="center" />--> <p> Les néologismes créés doivent désigner en français l’<strong>un des concepts proposés par l’Office</strong> ou encore <strong>un</strong> <strong>concept au choix</strong>.</p> <p> Les propositions <strong>ne doivent pas figurer</strong> dans les ouvrages de référence sur la langue française du Québec ou du reste de la francophonie.</p> <p>Il est possible de soumettre un néologisme pour un ou plusieurs concepts. Cependant, <strong>une seule proposition par catégorie</strong> est acceptée.</p> <p>Tout néologisme proposé par une classe participante dans le cadre du concours :</p> <ol style="margin: 0 0 10px 25px"> <li>doit avoir un lien évident avec le concept qu’il désigne;</li> <li>doit respecter les règles générales de formation des mots, notamment celles présentées dans les <a href="/creativite-lexicale/activites-pedagogiques.aspx">activités pédagogiques</a> de l’Office;</li> <li>doit être original et bien se dire;</li> <li>ne doit pas être un mot provenant d’une autre langue, c’est-à-dire un emprunt linguistique;</li> <li>ne doit pas être un mot produit à partir d’une marque de commerce, d’un nom d’entreprise ou du nom de famille d’une personne;</li> <li>ne doit pas être un mot de nature vulgaire ou scabreuse.</li> </ol> <p>Consultez le <a href="reglement.pdf">règlement (PDF, 293 Ko)</a> pour tous les détails. </p> <p>Pour faire connaître à leurs élèves les principes de base de la formation des mots, les enseignantes et les enseignants peuvent faire en classe les activités pédagogiques conçues par l’Office.</p> <a href="activites-pedagogiques.aspx" class="bouton-act" role="button">Aller aux activités pédagogiques</a> <p align="center"> Les enseignantes et enseignants sont invités à présenter en classe le contenu pédagogique conçu par l’Office portant sur les principes de base de la formation des mots ainsi qu’à mettre ceux-ci en application au moyen des activités proposées.</p> <img src="images/2023/Extrait4.png" style="margin: 2% auto; width: 100%; max-width: 443px; display: flex;" width="100%" height="auto" alt=""> <h3 class="center">Concepts</h3> <p>L’Office invite les classes participantes à créer un néologisme pour désigner les concepts suivants :</p> <!--<p align="center"> Lors de son cinquième Concours de créativité lexicale, qui s’est tenu du 6 novembre 2023 au 1<sup>er</sup> mars 2024, l’Office a invité les classes participantes à créer un néologisme pour désigner les concepts suivants :</p>--> <div style="margin: 4% 0"> <ol id="neo"> <article> <li class="terme"><strong>« pretendance »</strong> <i class="icon-eye-open" title="Afficher la description."></i></li> <div class="def"> <ul> <li>Description : Pratique qui consiste à faire semblant d’assister à une visioconférence en s’y connectant, puis en faisant autre chose (une autre tâche ou du ménage, par exemple) plutôt que d’écouter. En anglais, le terme <em>pretendance</em>, mot-valise formé à partir du verbe <em>to pretend</em> (« faire semblant ») et du nom <em>attendance</em> (« présence »), a été proposé pour désigner cette pratique.</li> <li>Exemple : Éric maîtrise l’art de la <em>pretendance</em>. Pendant les cours en ligne, sa caméra et son micro sont toujours désactivés, et il n’intervient pas lors des échanges.</li> <li>Classe de mots : On cherche un nom (masculin ou féminin).</li> <li><strong>ATTENTION</strong> : La proposition pour cette catégorie ne pourra pas être formée à partir du verbe <em>prétendre</em>, puisque ce dernier n’a pas, contrairement à l’anglais <em>to pretend</em>, le sens de « faire semblant ».</li> </ul> <!--<div data-placement="top" data-toggle="tooltip" data-html="true" title="Objet confectionné à partir de fils épais tressés et noués." class="pilule-info">macramé <span class="info">i</span></div>--> </div> </article> <article> <li class="terme"><strong>« sidewalk salsa »</strong> <i class="icon-eye-open" title="Afficher la description."></i></li> <div class="def"> <ul> <li> Description : Série de mouvements effectués lorsque deux personnes marchant dans des directions opposées se croisent dans un espace restreint (trottoir, couloir, etc.) et se tassent du même côté en synchronie, souvent à quelques reprises.</li> <li> Exemple 1 : Si les trottoirs avaient des marquages au sol comme sur les routes, il n’y aurait pas de <em>sidewalk salsa</em>.</li> <li> Exemple 2 : Ce corridor est si étroit que j’angoisse à l’idée de croiser quelqu’un et que ça finisse en <em>sidewalk salsa</em>.</li> <li> Classe de mots : On cherche un nom.</li> <li> <strong>ATTENTION</strong> : Bien que le terme anglais comprenne le mot <em>sidewalk</em> (<em>trottoir</em>), on cherche un mot qui s’appliquera dans toutes les situations où l’espace serait limité, à l’intérieur comme à l’extérieur.</li> </ul> <!--<div data-placement="top" data-toggle="tooltip" data-html="true" title="Objet confectionné à partir de fils épais tressés et noués." class="pilule-info">macramé <span class="info">i</span></div>--> </div> </article> <article> <li class="terme"><strong>« starstruck »</strong> <i class="icon-eye-open" title="Afficher la description."></i></li> <div class="def"> <ul> <li> Description : Se dit d’une personne qui, en raison d’une rencontre avec une personne célèbre, éprouve une émotion si forte qu’elle en devient incohérente ou qu’elle se fige.</li> <li> Exemple : Je suis restée complètement <em>starstruck</em> quand j’ai rencontré cette actrice par hasard!</li> <li> Classe de mots : On cherche un adjectif.</li> </ul> <!--<div data-placement="top" data-toggle="tooltip" data-html="true" title="Objet confectionné à partir de fils épais tressés et noués." class="pilule-info">macramé <span class="info">i</span></div>--> </div> </article> <article> <li class="terme"><strong>« to spam »</strong> <i class="icon-eye-open" title="Afficher la description."></i></li> <div class="def"> <ul> <li> Description : Répéter, lorsque l’on joue à un jeu vidéo, une action simple plusieurs fois et le plus rapidement possible, et ce, afin d’augmenter ses chances de gagner ou de progresser. Il peut s’agir, par exemple, d’appuyer à répétition sur un ou plusieurs boutons de la manette ou d’utiliser continuellement le même objet, le même pouvoir, le même enchaînement.</li> <li> Exemple 1 : Mon adversaire m’a dit d’arrêter de <em>spammer</em>. Je n’avais jamais joué à ce jeu, mais j’ai réussi à gagner en <em>spammant</em> la même combinaison de touches sans arrêt.</li> <li> Exemple 2 : Sam me suggère de <em>spammer</em> des donjons pour accumuler rapidement des points d’expérience.</li> <li> Classe de mots : On cherche un verbe qui pourra s’employer à la fois seul (exemple 1) et avec un complément direct (exemples 1 et 2). Idéalement, il serait possible d’en dériver deux noms, un pour désigner la personne qui fait l’action et l’autre, le comportement correspondant.</li> </ul> </div> </article> <article> <li class="terme"><strong>concept au choix</strong> <i class="icon-eye-open" title="Afficher la description."></i></li> <div class="def"> <ul> <li>Autre concept pour lequel il n’existe pas de mot en français.</li> </ul> </div> </article> </ol> </div> <!-- <p>Les gagnantes et les gagnants du Concours de créativité lexicale 2022 se sont démarqués en créant les néologismes suivants, qui ont été intégrés dans la Vitrine linguistique :</p> <ul id="menufiche"> <li><a href="https://vitrinelinguistique.oqlf.gouv.qc.ca/fiche-gdt/fiche/26560224/conseconscient" title="Une nouvelle fenêtre s'ouvrira." target="_blank" onclick="liensexternes(this, 'Liens externes', 'Fiche=26560224');return false;"><strong><em>conséconscient</em></strong></a>, proposé à la fois par l’école internationale de Montréal et par le collège Notre-Dame de Montréal pour rendre en français le terme <em>future-minded</em>, qui qualifie une personne consciente que les actions qu’elle pose aujourd’hui auront des répercussions sur l’avenir;</li> <li><a href="https://vitrinelinguistique.oqlf.gouv.qc.ca/fiche-gdt/fiche/26560235/morphostigmatisation" title="Une nouvelle fenêtre s'ouvrira." target="_blank" onclick="liensexternes(this, 'Liens externes', 'Fiche=26560235');return false;"><strong><em>morpho-intimidation</em></strong></a>, proposé par le collège Héritage de Châteauguay pour nommer des agressions verbales ou psychologiques qui visent à dénigrer ou à ridiculiser une personne en raison de son apparence corporelle;</li> <li><a href="https://vitrinelinguistique.oqlf.gouv.qc.ca/fiche-gdt/fiche/26560217/clair-de-ciel" title="Une nouvelle fenêtre s'ouvrira." target="_blank" onclick="liensexternes(this, 'Liens externes', 'Fiche=26560217');return false;"><strong><em>clair de ciel</em></strong></a>, proposé par l’école secondaire Thérèse-Martin de Joliette pour désigner en français le concept de « bluebird day », à savoir une magnifique journée ensoleillée avec un ciel bleu et sans nuages.</li> </ul> --> </div> <div id="suggestions-concepts"></div> <hr style="background: #4ab280; padding: 1px 0; margin: 20px 0 40px 0;" class="trame-couleur"/> <div class="ajoutConcept"> <label for="suggestions_de_concepts"> Avez-vous des suggestions de concepts qui pourraient être traités lors du prochain Concours de créativité lexicale? </label> <textarea style="width: 100%; margin: 10px auto 15px auto;" id="suggestions_de_concepts"></textarea> <input style="text-indent: 0;" type="button" id="soumettre_suggestion" class="btn" value="Enregistrer" disabled="disabled" /> </div> <!-- <div style="padding: 50px 0 0 0;" class="section-details" id="questions"> <div style="background: #4ab280; padding: 30px 0;" class="trame-couleur"> <div> <h2 style="text-align: center; color: #223654;">Vous avez des questions?</h2> <p style="text-align: center !important; color: #fff;">Communiquez avec nous par téléphone au 514 873-6565 ou, sans frais, au 1 888 873-6202, <br> ou par courriel à <a href="mailto:ccl@oqlf.gouv.qc.ca"><strong>ccl@oqlf.gouv.qc.ca</strong></a>.</p> </div> </div> </div> /hr> --> </div> </form> <footer> <section class="pied-de-page-section"> <div id="pied-de-page"> <nav> <ul> <li><h3>Sujets d’intérêt</h3></li> <li><a href="https://vitrinelinguistique.oqlf.gouv.qc.ca/sujets-dinteret/neologie" target="_blank" class="liens-externes">Néologie</a></li> <li><a href="https://www.oqlf.gouv.qc.ca/ressources/bibliotheque/officialisation/" target="_blank" class="liens-externes">Officialisation linguistique</a></li> <!-- <li><a href="salle-de-presse/index.aspx">Salle de presse</a></li>--> </ul> <ul> <li><h3>Autres sites</h3></li> <li><a href="/accueil.aspx" target="_blank" title="Site de la Francofête. Une nouvelle fenêtre s'ouvrira." class="liens-externes">Francofête</a></li> <li><a href="/merites/accueil.aspx" target="_blank" class="liens-externes">Mérites du français</a></li> <li><a href="https://www.oqlf.gouv.qc.ca" target="_blank" class="liens-externes">Office québécois de la langue française</a></li> <li><a href="https://vitrinelinguistique.oqlf.gouv.qc.ca/" target="_blank" class="liens-externes">Vitrine linguistique</a></li> </ul> <div class="nous-joindre"> <ul id="coordonnees" class="screen"> <li> <h3>Vous avez des questions?</h3></li> <li> <a href="tel:+5148736565">514 873-6565</a> | <a href="mailto:ccl@oqlf.gouv.qc.ca">ccl@oqlf.gouv.qc.ca</a></li> <li> <a href="tel:+18888736202">1 888 873-6202 (sans frais partout au Québec)</a> </li> </ul> <!-- Médias sociaux --> <ul id="logos-ms"> <li><h3>Suivez-nous</h3></li> <li> <a href="https://www.facebook.com/OQLF.QC/" target="_blank" title="Suivez l'OQLF sur Facebook. Une nouvelle fenêtre s'ouvrira."><img style="margin-right: 17px;" src="/creativite-lexicale/images/icones-reseaux-sociaux/facebook.svg" width="30" height="30" alt="Logo Facebook." /></a> <a href="https://www.youtube.com/user/FrancofeteOQLF" target="_blank" title="Voir la chaîne YouTube de l'OQLF. Une nouvelle fenêtre s'ouvrira."><img style="margin-right: 17px;" src="/creativite-lexicale/images/icones-reseaux-sociaux/youtube.svg" width="30" height="30" alt="Logo YouTube." /></a> <a href="https://www.instagram.com/oqlf.qc/" target="_blank" title="Suivez l'OQLF sur Instagram. Une nouvelle fenêtre s'ouvrira."><img src="/creativite-lexicale/images/icones-reseaux-sociaux/insta.svg" style="margin-right: 17px;" width="30" height="30" alt="Logo Instagram." /></a> <a href="https://www.linkedin.com/company/office-qu-b-cois-de-la-langue-fran-aise" target="_blank" title="Suivez l'OQLF sur Linkedin. Une nouvelle fenêtre s'ouvrira."><img style="padding: 2px;" src="/creativite-lexicale/images/icones-reseaux-sociaux/LinkedIn_blanc.svg" width="30" height="30" alt="Logo LinkedIn." /></a> </li> </ul> <!-- Fin Médias sociaux --> </div> </nav> </div> </section> <div id="logo-oqlf-credits"> <div id="logo"> <a href="https://www.oqlf.gouv.qc.ca/accueil.aspx" target="_blank" title="Site de l'Office québécois de la langue française. Une nouvelle fenêtre s'ouvrira."> <img src="/creativite-lexicale/images/logo-oqlf.svg" width="219" height="77" alt="Logo de l'Office québécois de la langue française."></a> </div> <div id="credits"> <a href="https://www.quebec.ca/droit-auteur" title="Une nouvelle fenêtre s'ouvrira." target="_blank" class="liens-externes">© Gouvernement du Québec, 2024</a> </div> </div> </footer> <div> <a id="cRetour" class="cInvisible" href="#haut" title="Retour vers le haut de la page." aria-label="Retour vers le haut de la page"></a> </div> <script> var hamburgueur = document.querySelector(".hamburgueur"); var masquerNavigation = document.querySelector(".masquer-navigation"); var navigation = document.querySelector(".navigation ul"); hamburgueur.addEventListener('click', function (e) { e.preventDefault(); if (navigation.style.display == "block") { navigation.style.display = "none"; masquerNavigation.style.display = "none"; } else { navigation.style.display = "block"; masquerNavigation.style.display = "block"; hamburgueur.style.display = "none"; } }); masquerNavigation.addEventListener('click', function (e) { e.preventDefault(); if (navigation.style.display == "block") { navigation.style.display = "none"; hamburgueur.style.display = "block"; this.style.display = "none"; } }); </script> <script type="text/plain" data-cookiecategory="analytics"> // Google Tag Manager (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-MT4T8QP'); </script> <script defer src="/Scripts/cookieconsent.js"></script> <script defer src="/Scripts/cookieconsent-init.js"></script> <script> $(function () { if (!$("#section-menu-concours").hasClass("nav-mobile")) { document.querySelector("header").style.height = (document.querySelector(".piv--blanc").offsetHeight + document.querySelector("#menu-concours").offsetHeight) + "px"; $(window).resize(function () { document.querySelector("header").style.height = (document.querySelector(".piv--blanc").offsetHeight + document.querySelector("#menu-concours").offsetHeight) + "px"; }); } }); //sticky menu window.onscroll = function () { myFunction(); /* Affichage ou masquage du bouton pour retourner en haut */ document.getElementById("cRetour").className = (window.pageYOffset > 100) ? "cVisible" : "cInvisible"; }; var navbar = document.getElementById("section-menu-concours"); var sticky = navbar.offsetTop; function myFunction() { if (window.pageYOffset >= sticky) { navbar.classList.add("sticky") } else { navbar.classList.remove("sticky"); } } $(function () { /** * Afficher les définitions respectives **/ $("i.icon-info-sign").click(function (e) { $.fancybox($(this).parent().siblings("div.definition")); }); }); $(function(){ var current = location.pathname; //console.log(current.split("/")[2]); // console.log(current.split("/")[1]); $('#section-menu-concours li a').each(function(){ //console.log($(this).attr("href").indexOf(current)); // si current path if($(this).attr('href').split("/")[2] === current.split("/")[2]) { $(this).parent().addClass('active'); } if(current.split("/")[2] === "salle-de-presse"){ $(".paccueil").addClass('active'); } if(current.split("/")[2] === "tableau-prefixes-suffixes.aspx"){ $(".pactivitespedagoqiues").addClass('active'); } }); if(document.getElementById("paccueil") !== null){ $(".paccueil").addClass("active"); } }); </script> <script type="text/javascript"> $(function () { $('[data-toggle="tooltip"]').tooltip(); $(".def").hide(); $("li.terme").wrap('<a href="javascript:void(true)"></a>').click(function () { $(this).parents('article').find('.def').toggle('fast'); }); function BasculeElement(_this) { var Onglet_li = document.getElementById('ul_onglets').getElementsByTagName('li'); for (var i = 0; i < Onglet_li.length; i++) { if (Onglet_li[i].id) { if (Onglet_li[i].id == _this.id) { Onglet_li[i].className = 'onglet_selectionner'; document.getElementById('#' + _this.id).style.display = 'block'; } else { Onglet_li[i].className = 'onglet'; document.getElementById('#' + Onglet_li[i].id).style.display = 'none'; } } } } // When the user clicks anywhere outside of the modal, close it window.onclick = function (event) { if (event.target.className == 'w3-modal') { $('.w3-modal').hide(); } } /*script pour Lire la suite*/ $(".suite-actu,.suite-texte").hide(); $(".lire-suite").wrap('<a href="javascript:void(true)"></a>').click(function () { $(this).parent().next().toggle('fast'); }); $(".lire-suite").click(function () { if ($(this).find("span").text() == " [+]") { $(this).attr('title', 'Cliquer pour lire moins.'); $(this).find("span").text(" [–]"); } else { $(this).attr('title', 'Cliquer pour lire plus.'); $(this).find("span").text(" [+]"); } }); }); /*RW*/ $("#soumettre_suggestion").on("click", function () { $button = $(this); $(".error").text(''); if ($("#suggestions_de_concepts").val() == "") $(".error").text("Vous devez rentrer un concept"); else $button.val("En cours d'envoi...") $.ajax({ type: "POST", url: 'participer.aspx/AjouterConcept', dataType: "json", //data: JSON.stringify(formDataObject),suggestions_de_concepts data: JSON.stringify({ texte: $("#suggestions_de_concepts").val() }), // { payload: { "texte": $("#suggestions_de_concepts").val()}}, // données du formulaire contentType: "application/json; charset=utf-8", success: function (result) { $(".ajoutConcept").text("Votre suggestion a bien été reçue."); }, error: function (jqXHR, textStatus, errorMessage) { // @TODO si on veux gérer les erreurs AJAX, en affichant un div avec l'erreur. $(".error").text("Une erreur s’est produite et votre suggestion de concept n’a pas été reçue. Veuillez réessayer."); }, complete: function (xhr, statut) { $button.show(); $button.val("Envoyer") }, }); }); $("#suggestions_de_concepts").on("input", function () { $("#soumettre_suggestion").prop('disabled', $.trim($(this).val()) == ""); $("#soumettre_suggestion").toggleClass('disabled', $.trim($(this).val()) == ""); $("#soumettre_suggestion").toggleClass('btn_soumettre', $.trim($(this).val()) !== ""); }) </script> </body> </html>