https://tierralta-cordoba.gov.co/SiteAssets/V3/js/Accesibilidad.js

1/* Inicio funcion boton subir arriba  */
2
3const backGoToUpElement = document.querySelector(".scrollTop");
4
5backGoToUpElement.addEventListener("click", backGoToUp, false);
6
7function backGoToUp() {
8  document.body.scrollTop = document.documentElement.scrollTop = 0;
9}
10
11window.addEventListener("scroll", () => {
12  let scrollTop = document.documentElement.scrollTop;
13  scrollTop > 0
14    ? (backGoToUpElement.style.transform = "scale(1)")
15    : (backGoToUpElement.style.transform = "scale(0)");
16});
17
18/* Fin funcion boton subir arriba  */
19
20// ---------------- El siguiente codigo es por si no funciona el primero ----------------
21
22document.addEventListener("DOMContentLoaded", () => {
23  /* Inicio funcion boton subir arriba  */
24  /* Estas líneas de código seleccionan los elementos HTML con los ID "s4-workspace" y "scrollTop"
25    respectivamente y asignándolos a las variables `pageContainer` y `scrollButton` usando el
26    Métodos `document.getElementById()` y `document.querySelector()`. Estas variables se utilizan luego en
27    los detectores de eventos para agregar funcionalidad al botón de desplazamiento y al contenedor de la página. */
28  const pageContainer = document.getElementById("s4-workspace");
29  const scrollButton = document.querySelector(".scrollTop");
30
31  pageContainer.addEventListener("scroll", () => {
32    /* Este código verifica si la posición de desplazamiento vertical del elemento `pageContainer` es mayor
33    que o igual a 400 píxeles. Si es así, establece la propiedad `transform` del
34    elemento `scrollButton` a `scale(1)` (lo que hace que el botón sea visible). Si no lo es, entonces
35    establece la propiedad `transform` del elemento `scrollButton` en `scale(0)` (que oculta el
36    botón). Este código es responsable de mostrar u ocultar el botón de desplazamiento hacia arriba según el
37    posición de desplazamiento del usuario. */
38    pageContainer.scrollTop >= 400
39      ? (scrollButton.style.transform = "scale(1)")
40      : (scrollButton.style.transform = "scale(0)");
41
42    /* Esta línea de código comprueba si el usuario se ha desplazado hasta la parte superior de la página (donde `scrollTop`
43    es igual a 0) y si es así, establece la opacidad del elemento `scrollButton` a 1, haciéndolo
44    visible. */
45
46    if (pageContainer.scrollTop > 0) scrollButton.style.opacity = "1";
47  });
48
49  scrollButton.addEventListener("click", () => {
50    /* Este código verifica si el usuario se ha desplazado hacia abajo en la página (es decir, `scrollTop` es mayor que
51      0). Si el usuario se ha desplazado hacia abajo, utiliza el método `scrollTo()` para desplazar la página hacia atrás.
52      hasta la parte superior (es decir, `scrollTo(0, 0)`). Esto es parte de la funcionalidad para "volver arriba"
53      botón. */
54    if (pageContainer.scrollTop > 0) pageContainer.scrollTo(0, 0);
55    /* `scrollButton.style.opacity = "0";` establece la opacidad del elemento `scrollButton` en 0,

56    haciéndolo invisible. Esto es parte de la funcionalidad del botón "desplazarse hacia arriba", donde el
57    El botón debe desaparecer después de que el usuario haga clic en él y la página se desplace hacia arriba. */
58    scrollButton.style.opacity = "0";
59  });
60  /* Fin funcion boton subir arriba  */
61});
62
63/* Inicio control de sliders */
64
65$(function () {
66  $("#myCarousel").carousel({
67    interval: 3000,
68    pause: "false",
69  });
70  $("#pauseButton").show();
71  $("#playButton").hide();
72  $("#myCarousel").carousel("cycle");
73
74  $("#playButton").click(function () {
75    $("#myCarousel").carousel("cycle");
76    $("#playButton").hide();
77    $("#pauseButton").show();
78  });
79  $("#pauseButton").click(function () {
80    $("#myCarousel").carousel("pause");
81    $("#playButton").show();
82    $("#pauseButton").hide();
83  });
84});
85
86/* Fin control de sliders */
87
88
89/*Owl Carrousel */
90
91var testimony = $("#legales");
92		testimony.owlCarousel({
93			autoplay: true,
94			autoplayTimeout: 5000,
95			autoplayHoverPause: true,
96			items : 5,
97			dots: true,
98			loop: true,
99				responsive:{
100						0:{
101							items:1
102						},
103						200:{
104							items:2
105						},
106						400:{
107							items:3
108						},
109						800:{
110							items:5
111						},
112					}
113});	
114
115
116var testimony2 = $("#ctl00_PlaceHolderMain_g_6f6ddee8_5b1e_47eb_81d4_f68ab0295765_ctl00_eventos_carrusel");
117      testimony2.owlCarousel({
118        autoplay: true,
119        autoplayTimeout: 5000,
120        autoplayHoverPause: true,
121        items: 1,
122        dots: true,
123        loop: true,
124        responsive: {
125          0: {
126            items: 1,
127          },
128          200: {
129            items: 1,
130          },
131          400: {
132            items: 1,
133          },
134          800: {
135            items: 1,
136          },
137        },
138});
139
140var testimony3 = $("#ctl00_PlaceHolderMain_g_e58584c6_73b0_437f_8205_1ccc29b1539d_ctl00_adversatingitem2");
141      testimony3.owlCarousel({
142        autoplay: true,
143        autoplayTimeout: 2000,
144        autoplayHoverPause: true,
145        items: 1,
146        dots: true,
147        loop: true,
148        navigation: true,
149        responsive: {
150          0: {
151            items: 1,
152          },
153          600: {
154            items: 1,
155          },
156        },
157});
158
159
160
161//CABEZOTES INTERNAS
162
163function LoadCabezote()
164{
165
166	var strmodac = '';
167	if(document.location.href.toLowerCase().indexOf('/nuestraalcaldia/saladeprensa') > -1 ){strmodac = "Sala de Prensa";
168	}else{
169		if(document.location.href.toLowerCase().indexOf('/mimunicipio') > -1 ){strmodac = "Mi Municipio";
170		}else{
171			if(document.location.href.toLowerCase().indexOf('/nuestraalcaldia') > -1 ){strmodac = "Nuestra Alcaldia";
172			}else{
173				
174					if(document.location.href.toLowerCase().indexOf('/ciudadanos') > -1 ){strmodac = "Servicios de Atención a la Ciudadanía";
175					}else{
176						if(document.location.href.toLowerCase().indexOf('/transparencia') > -1 ){strmodac = "Transparencia y acceso a la informaci\u00f3n p\u00fablica";
177						}else{
178							if(document.location.href.toLowerCase().indexOf('/conectividad') > -1 ){strmodac = "Participa";
179							}else{
180								
181								strmodac = "Alcaldía de Tierralta, Cordoba"
182									
183							}
184						}
185					}
186			}
187		}
188	}
189	$("#DivTituloInterna").html(strmodac);
190		
191}
192
193LoadCabezote();