Veuillez saisir au moins "+minLengthValue+" caractère(s).";
var paragraphError = $(" ~ div.error-container p.error.errorFR",compText);
if(paragraphError.length==0)
$("~ div.error-container",compText).append(html);
});
}
/***** Transformation barre de progression pourcentages en barre de progression carrés *****/
function addProgressZonePages(){
if($("body").hasClass("progressBarPagesNumber")) {
// si on est en mode progression par page et non par pourcentage
$("#interview-progress").removeClass("ui-progressbar");
$("#interview-progress").addClass("ui-progress-pages");
var nbPages = parseInt($("#interview-progress").attr("aria-valuemax"));
var currentPage = parseInt($("#interview-progress").attr("aria-valuenow"));
if(isNaN(nbPages))
{
setTimeout(addProgressZonePages,100);
return;
}
var progressZone = $(".progressZone","#interview-progress");
// on crée la structure
if(progressZone.length==0){
var structHTML = "";
for(var i=1;i<=nbPages;i++){
if(i<=currentPage)
structHTML+=""+i+"";
else
structHTML+=""+i+"";
}
structHTML += "
";
$("#interview-progress").append(structHTML);
}
}
else{
$("#interview-progress",document).each(function(){
$(this).attr("aria-valuetext",$(".interview-progress-label",this).text());
var nbPages = $(this).attr("aria-valuemax");
var currentPage = $(this).attr("aria-valuenow");
if(isNaN(parseInt(nbPages)))
{
setTimeout(addProgressZonePages,100);
return;
}
$(".interview-progress-label",this).text("Etape : "+currentPage+" / "+nbPages);
});
}
}
/***** Règles ortho typo ******/
function checkOrthoTypoRules(){
$("table span.criteria-name,span.question-heading, .comment-container p,.question-body span.choice-label,.section-heading,.question-instructions").each(function(){
var texte=this.innerHTML;
var texteOK = texte.replace(/ \?/g,"\u00a0?");
texteOK = texteOK.replace(/ \?/g,"\u00a0?");
texteOK = texteOK.replace(/ \?/g,"\u00a0?");
texteOK = texteOK.replace(/ \!/g,"\u00a0!");
texteOK = texteOK.replace(/ \!/g,"\u00a0!");
texteOK = texteOK.replace(/ \!/g,"\u00a0!");
texteOK = texteOK.replace(/ :/g,"\u00a0:");
texteOK = texteOK.replace(/ :/g,"\u00a0:");
texteOK = texteOK.replace(/ :/g,"\u00a0:");
this.innerHTML = texteOK;
});
}
/*************************************************************/
function adaptFormBox(){
/* si on est en mode impression on sort */
if(document.body.classList.contains("portrait") || document.body.classList.contains("landscape"))
return;
var margin =40;
var headerHeight = parseInt($(".interview-name-parent").css("height"));
// Si on est sur mobile, le formulaire est directement "collé" après le bandeau, sinon on a une marge de 20px;
if($(".interview-name-parent").css("flex-wrap")=="wrap")
margin = 0 ;
headerHeight +=margin;
$(".form-box").css("padding-top",headerHeight +"px");
}
function hideElements(){
$(".accessibility-container").each(function(){
$(this).addClass("visuallyHidden");
});
}
function customThankYouPage(){
$(".form-core .feedback.interview-end:not(.initialized)").each(function(){
$(this).parents("body").addClass("thankYouPage");
$(this).parents(".form-core").prepend("
");
$(this).parents("body").append("Merci d'avoir répondu à ce questionnaire
");
$(this).addClass("initialized");
});
}
/***** Ajuster la hauteur du bloc de texte automatiquement *****/
function getScrollHeight(elm){
var savedValue = elm.value
elm.value = ''
elm._baseScrollHeight = elm.scrollHeight
elm.value = savedValue
}
function onExpandableTextareaInput(e){
// make sure the input event originated from a textarea and it's desired to be auto-expandable
var elm=e.target;
if(!elm.classList.contains('autoExpand') || !elm.nodeName == 'TEXTAREA' ) return
var minRows = elm.getAttribute('data-min-rows')|0, rows;
!elm._baseScrollHeight && getScrollHeight(elm);
elm.rows = minRows
rows = Math.ceil((elm.scrollHeight - elm._baseScrollHeight) / 16)
elm.rows = minRows + rows
}
function autoExpand(){
$(".question-TEXTE:not(.init):not(.disableAutoExpand)").each(function(){
var nbRows = -1;
if($("textarea",this).length==1)
nbRows = parseInt($("textarea",this).attr("rows"));
if(nbRows>1)
{
$("textarea",this).addClass("autoExpand");
var min=$("textarea",this).attr("rows");
$("textarea",this).attr("data-min-rows",min);
$(this).addClass("init");
}
});
// global delegated event listener
document.addEventListener('input', onExpandableTextareaInput);
}
/* Pour déplacer l'étoile de question obligatoire directement dans l'intitulé de question */
function moveAsteriskTableQuestion(){
$(".questions-table-container tbody tr td.column-criteria:not(.init)").each(function(){
var mandatorySpan = $("+td.mandatory span",this);
if(mandatorySpan.length>0)
$(mandatorySpan[0]).insertAfter($("div.criteria-name-container span.criteria-name",this));
$("+td.mandatory",this).remove();
$(this).addClass("init");
});
}
/* Pour aligner le logo au centre si pas de titre */
function alignLogo(){
// le titre est masqué
$(".interview-name-parent > h1.interview-name.accessibility").each(function(){
$(this).parents(".interview-name-parent").addClass("noTitle");
});
}
function insertImgLogo(){
console.log("insertImgLogo");
$(".interview-name-parent:not(.initialized) > span.interview-image").each(function(){
var propertyName = "--logo-url-src";
var imgShortName="",imgAlt="";
if (document.body.currentStyle)
imgShortName = document.body.currentStyle["--logo-url-src"];
else if (window.getComputedStyle)
imgShortName = document.defaultView.getComputedStyle(document.body,null).getPropertyValue("--logo-url-src");
/* if(imgShortName.indexOf("IMG-")== -1)
imgShortName ="IMG-"+imgShortName;
const regex=/\"|\'/g;
imgShortName = imgShortName.replaceAll("\"","");
imgShortName = imgShortName.replaceAll("\'","");*/
console.log("url :"+imgShortName)
if (document.body.currentStyle)
imgAlt = document.body.currentStyle["--logo-alt-txt"];
else if (window.getComputedStyle)
imgAlt = document.defaultView.getComputedStyle(document.body,null).getPropertyValue("--logo-alt-txt");
$("
").insertAfter(this);
$(this).parents(".interview-name-parent").addClass("initialized");
$(this).remove();
});
}
async function loadImage(url, elem) {
return new Promise((resolve, reject) => {
elem.onload = () => resolve(elem);
elem.onerror = reject;
elem.src = url;
});
}
/**********************************************************************/
function addJSAttribute(){
$("body:not(.elq_js_loaded)").addClass("elq_js_loaded");
}
function initOrRefreshCustomElments(init){
/* si on est en mode impression on sort */
if(document.body.classList.contains("portrait") || document.body.classList.contains("landscape"))
{
console.log("print, on sort !!!");
return;
}
if(init){
// Fix hover iPhone Bug
fixIPhoneHoverBug();
// Gestion des spécificités IE9
getBrowserInfos();
// Pour transformer la barre de progression pourcentages en barre de progression carrés
addProgressZonePages();
// Pb manque ajax ajaxComplete
let observer = new MutationObserver((mutations) => {
mutations.forEach((mutation) => {
let oldValue = mutation.oldValue;
let newValue = mutation.target.textContent;
if (oldValue !== newValue) {
$(".starCursor").addClass("cursorRadio");
cursorRadioInit();
simpleCSSButtonsInit();
}
});
});
observer.observe(document.body, {
characterDataOldValue: true,
subtree: true,
childList: true,
characterData: true
});
}
// Fix Edge not rendering checkboxes
ieFix();
// Ajout des addPlaceHolders
addPlaceHolders();
// Remplacement des étoiles produit par des svg
cursorRadioInit();
// Boutons radio et coches
simpleCSSButtonsInit();
autoExpand();
addMinLengthAttr();
checkOrthoTypoRules();
checkAriaErrors();
addJSAttribute();
adaptFormBox();
hideElements();
customThankYouPage();
moveAsteriskTableQuestion();
alignLogo();
insertImgLogo();
setTimeout(function() {
ieFix();
addPlaceHolders();
cursorRadioInit();
simpleCSSButtonsInit();
autoExpand();
addMinLengthAttr();
checkOrthoTypoRules();
checkAriaErrors();
addJSAttribute();
adaptFormBox();
hideElements();
customThankYouPage();
moveAsteriskTableQuestion();
alignLogo();
//setUnderlineColor();
setDefaultButtonBgColor();
}, 250);
}
function rgb2hex(r, g, b) {
var n = (r<<16) + (g<<8) + b;
return '#' + (r<16? '0':'') + n.toString(16);
}
function hex2rgb(hex){
// return "rgba("+Integer.valueOf(hexCode.substring(0, 2), 16)+","+Integer.valueOf(hexCode.substring(2, 4), 16)+","+Integer.valueOf(hexCode.substring(4, 6), 16)+"0.1)";
// Expand shorthand form (e.g. "03F") to full form (e.g. "0033FF")
var shorthandRegex = /^#?([a-f\d])([a-f\d])([a-f\d])$/i;
hex = hex.replace(shorthandRegex, function(m, r, g, b) {
return r + r + g + g + b + b;
});
var result = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(hex);
return result ? "rgba("+ parseInt(result[1], 16)+","+parseInt(result[2], 16)+","+parseInt(result[3], 16)+",0.1)" : "#ffffff";
}
function setUnderlineColor(){
var prop = "";
var propertyName = "--strong-underline-color";
if (document.body.currentStyle)
prop = document.body.currentStyle[propertyName];
else if (window.getComputedStyle)
prop = document.defaultView.getComputedStyle(document.body,null).getPropertyValue(propertyName);
if (prop.substring(0,3)=="rgb")
{
var rgbArr = prop.substring(4, prop.length-1).replace(/ /g, '').split(',');
prop = rgb2hex(rgbArr[0],rgbArr[1],rgbArr[2]);
}
/* Pour mettre une transparence de 30% */
document.body.style.setProperty('--strong-underline-color-start',prop+'4D');
/* Pour mettre une transparence de 60 % */
document.body.style.setProperty('--strong-underline-color-end',prop+'99');
}
function setDefaultButtonBgColor(){
var prop = "",propBG="";
var propertyName = "--button-bg-hover-color";
if (document.body.currentStyle)
prop = document.body.currentStyle[propertyName];
else if (window.getComputedStyle)
prop = document.defaultView.getComputedStyle(document.body,null).getPropertyValue(propertyName);
if(prop =="")
{
console.log("on n'a pas trouvé la couleur de fnd au survol dans le style");
propertyName = "--button-bg-color";
if (document.body.currentStyle)
propBG = document.body.currentStyle[propertyName];
else if (window.getComputedStyle)
propBG = document.defaultView.getComputedStyle(document.body,null).getPropertyValue(propertyName);
console.log("prop "+propBG);
//if ((propBG.substring(0,1)=="#") && (propBG.length==7))
{
//var rgbArr = prop.substring(4, prop.length-1).replace(/ /g, '').split(',');
var rgbaColor = hex2rgb(propBG);
console.log("hex color "+propBG+" rgba color "+rgbaColor);
/* Pour mettre une transparence de 30% */
document.body.style.setProperty('--button-bg-hover-color',rgbaColor);
}
}
}
$(document).ready(function(){
initOrRefreshCustomElments(true);
});
var isAjaxCompleteRun = false;
$(document).bind("ajaxComplete", function() {
initOrRefreshCustomElments(false);
isAjaxCompleteRun = true;
});
$(window).resize(function() {
setTimeout(adaptFormBox,100);
});
window.addEventListener("orientationchange", function() {
setTimeout(adaptFormBox,100);
});
/************** Partie polyfill ************************/
(function (global, factory) {
typeof exports === 'object' && typeof module !== 'undefined' ? factory() :
typeof define === 'function' && define.amd ? define(factory) :
(factory());
}(this, (function () { 'use strict';
/**
* Applies the :focus-visible polyfill at the given scope.
* A scope in this case is either the top-level Document or a Shadow Root.
*
* @param {(Document|ShadowRoot)} scope
* @see https://github.com/WICG/focus-visible
*/
function applyFocusVisiblePolyfill(scope) {
var hadKeyboardEvent = true;
var hadFocusVisibleRecently = false;
var hadFocusVisibleRecentlyTimeout = null;
var inputTypesAllowlist = {
text: true,
search: true,
url: true,
tel: true,
email: true,
password: true,
number: true,
date: true,
month: true,
week: true,
time: true,
datetime: true,
'datetime-local': true
};
/**
* Helper function for legacy browsers and iframes which sometimes focus
* elements like document, body, and non-interactive SVG.
* @param {Element} el
*/
function isValidFocusTarget(el) {
if (
el &&
el !== document &&
el.nodeName !== 'HTML' &&
el.nodeName !== 'BODY' &&
'classList' in el &&
'contains' in el.classList
) {
return true;
}
return false;
}
/**
* Computes whether the given element should automatically trigger the
* `focus-visible` class being added, i.e. whether it should always match
* `:focus-visible` when focused.
* @param {Element} el
* @return {boolean}
*/
function focusTriggersKeyboardModality(el) {
var type = el.type;
var tagName = el.tagName;
if (tagName === 'INPUT' && inputTypesAllowlist[type] && !el.readOnly) {
return true;
}
if (tagName === 'TEXTAREA' && !el.readOnly) {
return true;
}
if (el.isContentEditable) {
return true;
}
return false;
}
/**
* Add the `focus-visible` class to the given element if it was not added by
* the author.
* @param {Element} el
*/
function addFocusVisibleClass(el) {
if (el.classList.contains('focus-visible')) {
return;
}
el.classList.add('focus-visible');
el.setAttribute('data-focus-visible-added', '');
}
/**
* Remove the `focus-visible` class from the given element if it was not
* originally added by the author.
* @param {Element} el
*/
function removeFocusVisibleClass(el) {
if (!el.hasAttribute('data-focus-visible-added')) {
return;
}
el.classList.remove('focus-visible');
el.removeAttribute('data-focus-visible-added');
}
/**
* If the most recent user interaction was via the keyboard;
* and the key press did not include a meta, alt/option, or control key;
* then the modality is keyboard. Otherwise, the modality is not keyboard.
* Apply `focus-visible` to any current active element and keep track
* of our keyboard modality state with `hadKeyboardEvent`.
* @param {KeyboardEvent} e
*/
function onKeyDown(e) {
if (e.metaKey || e.altKey || e.ctrlKey) {
return;
}
if (isValidFocusTarget(scope.activeElement)) {
addFocusVisibleClass(scope.activeElement);
}
hadKeyboardEvent = true;
}
/**
* If at any point a user clicks with a pointing device, ensure that we change
* the modality away from keyboard.
* This avoids the situation where a user presses a key on an already focused
* element, and then clicks on a different element, focusing it with a
* pointing device, while we still think we're in keyboard modality.
* @param {Event} e
*/
function onPointerDown(e) {
hadKeyboardEvent = false;
}
/**
* On `focus`, add the `focus-visible` class to the target if:
* - the target received focus as a result of keyboard navigation, or
* - the event target is an element that will likely require interaction
* via the keyboard (e.g. a text box)
* @param {Event} e
*/
function onFocus(e) {
// Prevent IE from focusing the document or HTML element.
if (!isValidFocusTarget(e.target)) {
return;
}
if (hadKeyboardEvent || focusTriggersKeyboardModality(e.target)) {
addFocusVisibleClass(e.target);
}
}
/**
* On `blur`, remove the `focus-visible` class from the target.
* @param {Event} e
*/
function onBlur(e) {
if (!isValidFocusTarget(e.target)) {
return;
}
if (
e.target.classList.contains('focus-visible') ||
e.target.hasAttribute('data-focus-visible-added')
) {
// To detect a tab/window switch, we look for a blur event followed
// rapidly by a visibility change.
// If we don't see a visibility change within 100ms, it's probably a
// regular focus change.
hadFocusVisibleRecently = true;
window.clearTimeout(hadFocusVisibleRecentlyTimeout);
hadFocusVisibleRecentlyTimeout = window.setTimeout(function() {
hadFocusVisibleRecently = false;
}, 100);
removeFocusVisibleClass(e.target);
}
}
/**
* If the user changes tabs, keep track of whether or not the previously
* focused element had .focus-visible.
* @param {Event} e
*/
function onVisibilityChange(e) {
if (document.visibilityState === 'hidden') {
// If the tab becomes active again, the browser will handle calling focus
// on the element (Safari actually calls it twice).
// If this tab change caused a blur on an element with focus-visible,
// re-apply the class when the user switches back to the tab.
if (hadFocusVisibleRecently) {
hadKeyboardEvent = true;
}
addInitialPointerMoveListeners();
}
}
/**
* Add a group of listeners to detect usage of any pointing devices.
* These listeners will be added when the polyfill first loads, and anytime
* the window is blurred, so that they are active when the window regains
* focus.
*/
function addInitialPointerMoveListeners() {
document.addEventListener('mousemove', onInitialPointerMove);
document.addEventListener('mousedown', onInitialPointerMove);
document.addEventListener('mouseup', onInitialPointerMove);
document.addEventListener('pointermove', onInitialPointerMove);
document.addEventListener('pointerdown', onInitialPointerMove);
document.addEventListener('pointerup', onInitialPointerMove);
document.addEventListener('touchmove', onInitialPointerMove);
document.addEventListener('touchstart', onInitialPointerMove);
document.addEventListener('touchend', onInitialPointerMove);
}
function removeInitialPointerMoveListeners() {
document.removeEventListener('mousemove', onInitialPointerMove);
document.removeEventListener('mousedown', onInitialPointerMove);
document.removeEventListener('mouseup', onInitialPointerMove);
document.removeEventListener('pointermove', onInitialPointerMove);
document.removeEventListener('pointerdown', onInitialPointerMove);
document.removeEventListener('pointerup', onInitialPointerMove);
document.removeEventListener('touchmove', onInitialPointerMove);
document.removeEventListener('touchstart', onInitialPointerMove);
document.removeEventListener('touchend', onInitialPointerMove);
}
/**
* When the polfyill first loads, assume the user is in keyboard modality.
* If any event is received from a pointing device (e.g. mouse, pointer,
* touch), turn off keyboard modality.
* This accounts for situations where focus enters the page from the URL bar.
* @param {Event} e
*/
function onInitialPointerMove(e) {
// Work around a Safari quirk that fires a mousemove on whenever the
// window blurs, even if you're tabbing out of the page. ¯\_(ツ)_/¯
if (e.target.nodeName && e.target.nodeName.toLowerCase() === 'html') {
return;
}
hadKeyboardEvent = false;
removeInitialPointerMoveListeners();
}
// For some kinds of state, we are interested in changes at the global scope
// only. For example, global pointer input, global key presses and global
// visibility change should affect the state at every scope:
document.addEventListener('keydown', onKeyDown, true);
document.addEventListener('mousedown', onPointerDown, true);
document.addEventListener('pointerdown', onPointerDown, true);
document.addEventListener('touchstart', onPointerDown, true);
document.addEventListener('visibilitychange', onVisibilityChange, true);
addInitialPointerMoveListeners();
// For focus and blur, we specifically care about state changes in the local
// scope. This is because focus / blur events that originate from within a
// shadow root are not re-dispatched from the host element if it was already
// the active element in its own scope:
scope.addEventListener('focus', onFocus, true);
scope.addEventListener('blur', onBlur, true);
// We detect that a node is a ShadowRoot by ensuring that it is a
// DocumentFragment and also has a host property. This check covers native
// implementation and polyfill implementation transparently. If we only cared
// about the native implementation, we could just check if the scope was
// an instance of a ShadowRoot.
if (scope.nodeType === Node.DOCUMENT_FRAGMENT_NODE && scope.host) {
// Since a ShadowRoot is a special kind of DocumentFragment, it does not
// have a root element to add a class to. So, we add this attribute to the
// host element instead:
scope.host.setAttribute('data-js-focus-visible', '');
} else if (scope.nodeType === Node.DOCUMENT_NODE) {
document.documentElement.classList.add('js-focus-visible');
document.documentElement.setAttribute('data-js-focus-visible', '');
}
}
// It is important to wrap all references to global window and document in
// these checks to support server-side rendering use cases
// @see https://github.com/WICG/focus-visible/issues/199
if (typeof window !== 'undefined' && typeof document !== 'undefined') {
// Make the polyfill helper globally available. This can be used as a signal
// to interested libraries that wish to coordinate with the polyfill for e.g.,
// applying the polyfill to a shadow root:
window.applyFocusVisiblePolyfill = applyFocusVisiblePolyfill;
// Notify interested libraries of the polyfill's presence, in case the
// polyfill was loaded lazily:
var event;
try {
event = new CustomEvent('focus-visible-polyfill-ready');
} catch (error) {
// IE11 does not support using CustomEvent as a constructor directly:
event = document.createEvent('CustomEvent');
event.initCustomEvent('focus-visible-polyfill-ready', false, false, {});
}
window.dispatchEvent(event);
}
if (typeof document !== 'undefined') {
// Apply the polyfill to the global document, so that no JavaScript
// coordination is required to use the polyfill in the top-level document:
applyFocusVisiblePolyfill(document);
}
})));