https://hazloinclusivo.org/Scripts/scripts-front.js

1//función para el menú toggle de movil:
2document.addEventListener('DOMContentLoaded', function () {
3    var toggler = document.getElementById('navbar-toggler');
4    var cajaMenu = document.getElementById('nav-cabecera');
5    if (toggler && cajaMenu) {
6        toggler.addEventListener('click', function () {
7            toggler.classList.toggle('collapsed');
8            if ($(window).scrollTop() < 50) {
9                cajaMenu.classList.toggle('shadow');
10            }
11        });
12    }
13   
14});
15
16
17
18$(document).ready(function() {
19    
20
21    //función para mostrar u ocultar el link al top:
22    var scrollToTop = document.querySelector('.scroll-to-top');
23  
24      if (scrollToTop) {
25
26        // Scroll to top button appear
27        window.addEventListener('scroll', function() {
28          var scrollDistance = window.pageYOffset;
29
30          //check if user is scrolling up
31          if (scrollDistance > 100) {
32            //scrollToTop.style.display = 'block';
33              scrollToTop.style.opacity = '1';
34          } else {
35            //scrollToTop.style.display = 'none';
36            scrollToTop.style.opacity = '0';
37          }
38        });
39      }
40      
41    //función para dejar seleccionado la opción elegida en el dropdown del buscador de la home
42    $('#dropdown-menu-secciones a').on('click', function(e) {
43        e.preventDefault();
44        var selectedText = $(this).text();
45        var selectedValue = $(this).data('value');
46        var selectedEstilo = $(this).data('estilo');
47        $('#dropdown-secciones .texto-boton').text(selectedText);
48        $('#dropdown-secciones').val(selectedValue);
49        $("#dropdown-secciones").removeClass("color-donaciones color-empleo color-voluntariado");
50        $("#dropdown-secciones").addClass(selectedEstilo);
51    }); 
52
53    //esta función reduce el tamaño del logo al hacer scroll y pone sombra al menú:
54    $(window).scroll(function() {
55        if ($(window).scrollTop() > 50) {
56            $('#nav-cabecera .navbar-brand img').removeClass('w-100');
57            $('#nav-cabecera .navbar-brand img').addClass('w-75');
58            $('#nav-cabecera').addClass('shadow');
59            
60        } else {
61            $('#nav-cabecera .navbar-brand img').removeClass('w-75');
62            $('#nav-cabecera .navbar-brand img').addClass('w-100');
63            $('#nav-cabecera').removeClass('shadow');
64
65        }
66    });
67
68    //desplegamos el buscador en version movil al pulsar en el campo de texto:
69    //$("#campo-busqueda").on('click', function () {
70    //    $("#BuscadorHomeApp").addClass("desplegado");
71    //    $("#search-icon-mobile").text("arrow_back");
72    //    $("#search-icon-mobile").addClass("search-back");
73
74    //    $( ".search-back" ).on( "click", function() {
75    //        $("#BuscadorHomeApp").removeClass("desplegado");
76    //        $("#search-icon-mobile").text("search");
77    //        $("#search-icon-mobile").removeClass("search-back");
78    //      } );
79        
80    //});
81
82    //cambia los "mostrar más" por "mostrar menos"
83
84    //$(document).on('click', '.mostrar-mas', function () {
85    //    $(this).html('Mostrar menos <span class="fs-6 material-symbols-rounded align-middle ms-2">keyboard_arrow_up</span>');
86    //    $(this).removeClass("mostrar-mas");
87    //    $(this).addClass("mostrar-menos");
88    //    console.log(1);
89    //});
90    
91    //$(document).on('click', '.mostrar-menos', function () {
92    //    $(this).html('Mostrar más <span class="fs-6 material-symbols-rounded align-middle ms-2">keyboard_arrow_down</span>');
93    //    $(this).removeClass("mostrar-menos");
94    //    $(this).addClass("mostrar-mas");
95    //    console.log(2);
96    //});
97
98    //Función para mostrar colapsado o no los filtros de la sección de voluntariado según sea ancho de movil o no:
99
100    function toggleCollapse() {
101        if ($(window).width() < 992) {
102          $('#collapse-filtros').collapse('hide');
103        } else {
104          $('#collapse-filtros').collapse('show');
105        }
106      }
107  
108      // Ejecutar la función cuando se cargue la página
109      toggleCollapse();
110  
111      // Ejecutar la función cuando se cambie el tamaño de la ventana
112      //$(window).resize(toggleCollapse);
113
114
115      /*/Agrandar fuentes de la web:
116
117      const root = document.documentElement;
118      const body = document.body;
119      const increaseFont = document.getElementById("increase-font");
120      const decreaseFont = document.getElementById("decrease-font");
121      const resetFont = document.getElementById("reset-font");
122
123      const minSize = 16; // 1rem mínimo
124      const lineHeightRatio = 1.5; // Multiplicador para line-height
125      let currentSize;
126
127      // Recuperar tamaño de fuente guardado
128      const savedSize = localStorage.getItem("fontSize");
129      if (savedSize) {
130          currentSize = parseFloat(savedSize);
131          applyFontSize(currentSize);
132      } else {
133          currentSize = parseFloat(getComputedStyle(root).fontSize);
134          applyFontSize(currentSize);
135      }
136
137      function applyFontSize(size) {
138          currentSize = size;
139          root.style.fontSize = currentSize + "px";
140          body.style.lineHeight = (currentSize * lineHeightRatio) + "px";
141          localStorage.setItem("fontSize", currentSize);
142      }
143
144      increaseFont.addEventListener("click", function (e) {
145          e.preventDefault();
146          applyFontSize(currentSize + 1);
147      });
148
149      decreaseFont.addEventListener("click", function (e) {
150          e.preventDefault();
151          if (currentSize > minSize) {
152              applyFontSize(currentSize - 1);
153          }
154      });
155
156      resetFont.addEventListener("click", function (e) {
157          e.preventDefault();
158          applyFontSize(minSize);
159      });
160      */
161    
162});