259 lines
7.5 KiB
JavaScript
259 lines
7.5 KiB
JavaScript
|
|
console.log('salut');
|
|
// menu burger open
|
|
|
|
var burger = document.getElementById("block-burger");
|
|
var burgertitle = document.getElementById("block-burger-menu");
|
|
|
|
|
|
burgertitle.addEventListener("click", toggleMenu);
|
|
|
|
function toggleMenu(event) {
|
|
// console.log(event);
|
|
burger.classList.toggle('opened');
|
|
}
|
|
|
|
//////////////////////////
|
|
// faq reponse open
|
|
|
|
var answers = document.getElementsByClassName("field--name-field-reponse");
|
|
var fichiers = document.getElementsByClassName("field--name-field-fichiers");
|
|
var questions = document.getElementsByClassName("field--name-field-question");
|
|
|
|
for (let i = 0; i < questions.length; i++) {
|
|
const question = questions[i]
|
|
question.addEventListener("click", toggleFaq);
|
|
}
|
|
function toggleFaq(event) {
|
|
// console.log(event, this);
|
|
// fermé tout
|
|
for (let i = 0; i < answers.length; i++) {
|
|
answers[i].classList.remove('opened');
|
|
}
|
|
// la réponse correspndante a la question clické
|
|
// | this c'est l'élément sur le quel on a clické
|
|
// | |le parent |la réponse dans le parent
|
|
let answer = this.parentNode.querySelector('.field--name-field-reponse');
|
|
// console.log(answer);
|
|
answer.classList.add('opened');
|
|
|
|
}
|
|
///// répète fonction pour les fichiers, les liens et ressources
|
|
//// il faudrait créer un tableau d'objet ?
|
|
|
|
var fichiers = document.getElementsByClassName("field--name-field-fichiers");
|
|
var questions = document.getElementsByClassName("field--name-field-question");
|
|
|
|
for (let i = 0; i < questions.length; i++) {
|
|
const question = questions[i]
|
|
question.addEventListener("click", toggleFaqFichiers);
|
|
}
|
|
function toggleFaqFichiers(event) {
|
|
// console.log(event, this);
|
|
for (let i = 0; i < fichiers.length; i++) {
|
|
fichiers[i].classList.remove('opened');
|
|
}
|
|
let fichier = this.parentNode.querySelector('.field--name-field-fichiers');
|
|
|
|
fichier.classList.add('opened');
|
|
}
|
|
|
|
|
|
////////////////////////
|
|
var liens = document.getElementsByClassName("field--name-field-liens");
|
|
var questions = document.getElementsByClassName("field--name-field-question");
|
|
|
|
for (let i = 0; i < questions.length; i++) {
|
|
const question = questions[i]
|
|
question.addEventListener("click", toggleFaqLiens);
|
|
}
|
|
function toggleFaqLiens(event) {
|
|
// console.log(event, this);
|
|
for (let i = 0; i < liens.length; i++) {
|
|
liens[i].classList.remove('opened');
|
|
}
|
|
let lien = this.parentNode.querySelector('.field--name-field-liens');
|
|
|
|
lien.classList.add('opened');
|
|
}
|
|
|
|
//////////////////////
|
|
var ressources = document.getElementsByClassName("field--name-field-ress");
|
|
var questions = document.getElementsByClassName("field--name-field-question");
|
|
|
|
for (let i = 0; i < questions.length; i++) {
|
|
const question = questions[i]
|
|
question.addEventListener("click", toggleFaqRessources);
|
|
}
|
|
function toggleFaqRessources(event) {
|
|
// console.log(event, this);
|
|
for (let i = 0; i < resources.length; i++) {
|
|
ressources[i].classList.remove('opened');
|
|
}
|
|
let ressource = this.parentNode.querySelector('.field--name-field-ress');
|
|
|
|
ressource.classList.add('opened');
|
|
}
|
|
|
|
///////////////////////////////
|
|
////////////////////////////////
|
|
// fleche qui tourne faq
|
|
|
|
// var questions = document.getElementsByClassName("field--name-field-question");
|
|
// var paragraph = document.querySelector('.field--name-field-question p::after');
|
|
// console.log(paragraph)
|
|
// var styles = window.getComputedStyle(element,':after')
|
|
// console.log(styles)
|
|
// var content = styles['content']
|
|
// console.log(content)
|
|
|
|
|
|
// for (let i = 0; i < questions.length; i++) {
|
|
// const question = questions[i]
|
|
// question.addEventListener("click", rotateFleche);
|
|
// }
|
|
// function rotateFleche(event) {
|
|
// console.log(event, this);
|
|
// // for (let i = 0; i < answers.length; i++) {
|
|
// // answers[i].classList.remove('opened');
|
|
// // }
|
|
// }
|
|
|
|
//////////////////////////////////////////
|
|
// block collection reste bleu quand actif
|
|
|
|
jQuery(function($) {
|
|
var path = window.location.href; // because the 'href' property of the DOM element is the absolute path
|
|
console.log(path);
|
|
$(".view-id-collections .view-content .views-row a").each(function() {
|
|
if (this.href === path) {
|
|
$(this).parent().closest('.views-row').addClass('active');
|
|
}
|
|
});
|
|
});
|
|
|
|
// /////////////////
|
|
//// ancre dans texte au click parragraphe correspondant arrive en dessous du header
|
|
|
|
|
|
(function($, window) {
|
|
var adjustAnchor = function() {
|
|
var $anchor = $('.block-entity-fieldnodefield-textes'),
|
|
fixedElementHeight = 350;
|
|
if ($anchor.length > 0) {
|
|
$('html, body').stop().animate({scrollTop: $anchor.offset().top - fixedElementHeight }, 0);
|
|
}
|
|
};
|
|
|
|
$(window).on('hashchange', function() {
|
|
adjustAnchor();
|
|
});
|
|
|
|
})(jQuery, window);
|
|
|
|
|
|
// ///////////////////////////////
|
|
|
|
|
|
// slideshow home // marche pas. attention ai rajouter des class dans template views.view.html.twig et views-view-actus-blocks-pages--block-1.html.twig
|
|
|
|
(function($, window) {
|
|
console.log('hello')
|
|
$(document).ready(function(){
|
|
$('.path-frontpage .view-actus-blocks-pages .view-content').slick({
|
|
slidesToShow: 1,
|
|
// slidesToScroll: 1,
|
|
dots: true,
|
|
arrows: true,
|
|
centerMode: true,
|
|
// centerPadding: '100px',
|
|
responsive: [
|
|
{
|
|
breakpoint: 810,
|
|
settings: {
|
|
slidesToShow: 1,
|
|
adaptiveHeight: true,
|
|
arrows: false,
|
|
draggable: true,
|
|
centerMode: true,
|
|
}
|
|
}]
|
|
});
|
|
console.log('salut slick home');
|
|
$('.page-node-type-actualite .block-entity-fieldnodefield-images .field--type-image').slick({
|
|
dots: true,
|
|
arrows: false,
|
|
adaptiveHeight: true,
|
|
responsive: [
|
|
{
|
|
breakpoint: 800,
|
|
settings: {
|
|
adaptiveHeight: true
|
|
}
|
|
}]
|
|
});
|
|
console.log('salut slick actus');
|
|
$('.page-node-type-projet .block-entity-fieldnodefield-photo .field--type-image').slick({
|
|
slidesToShow: 1,
|
|
dots: true,
|
|
arrows: false,
|
|
draggable: true,
|
|
adaptiveHeight: true,
|
|
responsive: [
|
|
{
|
|
breakpoint: 800,
|
|
settings: {
|
|
adaptiveHeight: true
|
|
}
|
|
}]
|
|
});
|
|
console.log('salut slick projets');
|
|
|
|
$('.path-ressources .view:not(.view-partenaires) .view-content .view-type-ressource-slide .views-row-wrapper').slick({
|
|
slidesToShow: 3,
|
|
dots: false,
|
|
arrows: true,
|
|
centerMode: false,
|
|
// responsive: [
|
|
// {
|
|
// breakpoint: 810,
|
|
// settings: {
|
|
// slidesToShow: 3,
|
|
// arrows: false,
|
|
// draggable: true,
|
|
// centerMode: true,
|
|
// }
|
|
// }]
|
|
});
|
|
console.log('salut slick ressource');
|
|
});
|
|
|
|
|
|
// //////// start class à views-row-wrapper ////////
|
|
$(document).ready(function () {
|
|
$(".views-row-wrapper").each(function () {
|
|
let h3 = $(this).prev("h3");
|
|
let link = h3.find("a");
|
|
if (link.length) {
|
|
let text = link.text().trim();
|
|
let className = text
|
|
.toLowerCase()
|
|
.normalize("NFD").replace(/[\u0300-\u036f]/g, "") // enlever les accents
|
|
.replace(/[^a-z0-9]+/g, '-') // remplacer tout ce qui n'est pas a-z0-9 par -
|
|
.replace(/(^-|-$)/g, ''); // enlever tirets début/fin
|
|
|
|
$(this).addClass('type-' + className);
|
|
// Ajouter la même classe sur le <h3>
|
|
h3.addClass('type-' + className);
|
|
}
|
|
});
|
|
});
|
|
// /////// end class à views-row-wrapper ///////
|
|
|
|
|
|
|
|
|
|
|
|
})(jQuery, window);
|
|
|