-
Notifications
You must be signed in to change notification settings - Fork 0
/
main.js
127 lines (99 loc) · 3.49 KB
/
main.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
// <script type="text/javascript">
$(document).ready(function(){
$(".sub-btn").click(function() {
$(this).next(".sub-menu").slideToggle();
});
});
// menu responsive
const menu = document.querySelector(".menu-nav");
const menuBtn = document.querySelector(".menu-btn");
const closeBtn = document.querySelector(".close-btn");
menuBtn.addEventListener("click", () => {
menu.classList.add("active")
})
closeBtn.addEventListener("click", () => {
menu.classList.remove("active")
})
//SLIDER//
const slider = document.querySelector(".slider");
const slides = document.querySelectorAll(".slider .slide");
const prevButton = document.querySelector(".prev-button");
const nextButton = document.querySelector(".next-button");
let counter = 0;
const slideWidth = slides[0].clientWidth;
function showSlideContent(index) {
slides.forEach((slide, i) => {
if (i === index) {
slide.querySelector(".slide-content").style.display = "flex";
} else {
slide.querySelector(".slide-content").style.display = "none";
}
});
}
function updateSlider() {
slider.style.transform = `translateX(-${counter * slideWidth}px)`;
showSlideContent(counter);
}
function nextSlide() {
counter = (counter + 1) % slides.length;
updateSlider();
}
function prevSlide() {
counter = (counter - 1 + slides.length) % slides.length;
updateSlider();
}
nextButton.addEventListener("click", nextSlide);
prevButton.addEventListener("click", prevSlide);
setInterval(nextSlide, 3000);
//ACORDION//
document.addEventListener('DOMContentLoaded', function () {
const buttons = document.querySelectorAll('.accordion-button');
buttons.forEach(function (button) {
button.addEventListener('click', function () {
const content = this.nextElementSibling;
if (content.style.maxHeight) {
content.style.maxHeight = null;
this.classList.remove('active');
} else {
content.style.maxHeight = content.scrollHeight + 'px';
this.classList.add('active');
}
});
});
});
//cookies//
document.addEventListener('DOMContentLoaded', function () {
const cookiesPopup = document.getElementById("cookiesPopup");
// Función para establecer una cookie
function setCookie(name, value, days) {
const date = new Date();
date.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000));
const expires = "expires=" + date.toUTCString();
document.cookie = name + "=" + value + ";" + expires + ";path=/";
}
// Función para aceptar el aviso de cookies y establecer la cookie
function acceptCookies() {
setCookie("cookiesAccepted", "true", 30); // Establecer la cookie por 30 días
cookiesPopup.style.display = "none";
}
// Función para cerrar el aviso de cookies sin establecer la cookie
function closeCookies() {
cookiesPopup.style.display = "none";
}
// Comprobar si la cookie ya ha sido aceptada
if (document.cookie.indexOf("cookiesAccepted=true") === -1) {
cookiesPopup.style.display = "block";
} else {
cookiesPopup.style.display = "none"; // Ocultar el mensaje si la cookie ya está aceptada
}
// Manejar el clic en el botón de aceptar
const acceptButton = document.getElementById("acceptCookies");
acceptButton.addEventListener("click", function () {
acceptCookies();
});
// Manejar el clic en el botón de cerrar
const closeCookiesButton = document.getElementById("closeCookies");
closeCookiesButton.addEventListener("click", function () {
closeCookies();
});
});