https://nelicaperu.com/js/index.js

1'use strict'
2
3/***********nosotros buttons****************/
4$(document).ready(function () {
5    var boton1 = $('.btnQuienes button');
6    var boton2 = $('.btnPorque button');
7    var barra = $('.barraOptions');
8    var texto1 = $('.textsomos');
9    var texto2 = $('.textnosotros');
10    boton1.click(function () {
11        if (boton2.hasClass('activado')) {
12            boton2.removeClass('activado');
13            boton1.addClass('activado');
14            barra.addClass('left');
15            barra.removeClass('right');
16            texto1.addClass('text_activado');
17            texto2.removeClass('text_activado');
18        }
19    });
20
21    boton2.click(function () {
22        if (boton1.hasClass('activado')) {
23            boton1.removeClass('activado');
24            boton2.addClass('activado');
25            barra.addClass('right');
26            barra.removeClass('left');
27            texto2.addClass('text_activado');
28            texto1.removeClass('text_activado');
29        }
30    });
31});
32
33/***********aplicativo buttons****************/
34$(document).ready(function () {
35    var boton1 = $('.aOB1 button');
36    var boton2 = $('.aOB2 button');
37    boton1.click(function () {
38        if (boton2.hasClass('buttonActive')) {
39            boton2.removeClass('buttonActive');
40            boton1.addClass('buttonActive');
41        }
42    });
43
44    boton2.click(function () {
45        if (boton1.hasClass('buttonActive')) {
46            boton1.removeClass('buttonActive');
47            boton2.addClass('buttonActive');
48        }
49    });
50});
51
52/***********software buttons****************/
53$(document).ready(function () {
54    var boton1 = $('.sOB1 button');
55    var boton2 = $('.sOB2 button');
56    boton1.click(function () {
57        if (boton2.hasClass('buttonActive')) {
58            boton2.removeClass('buttonActive');
59            boton1.addClass('buttonActive');
60        }
61    });
62
63    boton2.click(function () {
64        if (boton1.hasClass('buttonActive')) {
65            boton1.removeClass('buttonActive');
66            boton2.addClass('buttonActive');
67        }
68    });
69});
70
71//Cambio de datos en aplicativos
72$('.aOB1 button').prop('disabled', true);
73$('.aOB2 button').prop('disabled', false);
74$(document).ready(function () {
75    var boton1 = $('.aOB1 button');
76    var boton2 = $('.aOB2 button');
77    boton1.click(function () {
78        boton1.prop('disabled', true);
79        boton2.prop('disabled', true);
80        $('.apliImg2 img').addClass('animated fadeOutLeft');
81        $('.apliTexts2').addClass('animated fadeOutRight');
82
83        setTimeout(function () {
84            $('.conductor').css('display', 'none');
85            boton2.prop('disabled', false);
86        }, 1500);
87
88        $('.cliente').css('display', 'block');
89        $('.apliImg img').addClass('animated fadeInLeft');
90        $('.apliTexts').addClass('animated fadeInRight');
91
92        setTimeout(function () {
93            $('.apliImg2 img').removeClass('animated fadeOutLeft');
94            $('.apliTexts2').removeClass('animated fadeOutRight');
95            $('.apliImg img').removeClass('animated fadeInLeft');
96            $('.apliTexts').removeClass('animated fadeInRight');
97        }, 1500);
98    });
99
100    boton2.click(function () {
101        boton1.prop('disabled', true);
102        boton2.prop('disabled', true);
103        $('.apliImg img').addClass('animated fadeOutLeft');
104        $('.apliTexts').addClass('animated fadeOutRight');
105
106        setTimeout(function () {
107            $('.cliente').css('display', 'none');
108            boton1.prop('disabled', false);
109        }, 1500);
110
111        $('.conductor').css('display', 'block');
112        $('.apliImg2 img').addClass('animated fadeInLeft');
113        $('.apliTexts2').addClass('animated fadeInRight');
114
115        setTimeout(function () {
116            $('.apliImg2 img').removeClass('animated fadeInLeft');
117            $('.apliTexts2').removeClass('animated fadeInRight');
118            $('.apliImg img').removeClass('animated fadeOutLeft');
119            $('.apliTexts').removeClass('animated fadeOutRight');
120        }, 1500);
121    })
122});
123
124//Cambipo de datos en software
125$('.sOB1 button').prop('disabled', true);
126$('.sOB2 button').prop('disabled', false);
127$(document).ready(function () {
128    var boton1 = $('.sOB1 button');
129    var boton2 = $('.sOB2 button');
130    boton1.click(function () {
131        boton1.prop('disabled', true);
132        boton2.prop('disabled', true);
133        $('.softImg2').addClass('animated fadeOutRight');
134        $('.softTexts2').addClass('animated fadeOutLeft');
135
136        setTimeout(function () {
137            $('.intranet').css('display', 'none');
138            boton2.prop('disabled', false);
139        }, 1500);
140
141        $('.taxi').css('display', 'block');
142        $('.softImg').addClass('animated fadeInRight');
143        $('.softTexts').addClass('animated fadeInLeft');
144
145        setTimeout(function () {
146            $('.softImg2').removeClass('animated fadeOutRight');
147            $('.softTexts2').removeClass('animated fadeOutLeft');
148            $('.softImg').removeClass('animated fadeInRight');
149            $('.softTexts').removeClass('animated fadeInLeft');
150        }, 1500);
151    });

152
153    boton2.click(function () {
154        boton2.prop('disabled', true);
155        boton1.prop('disabled', true);
156        $('.softImg').addClass('animated fadeOutRight');
157        $('.softTexts').addClass('animated fadeOutLeft');
158
159        setTimeout(function () {
160            $('.taxi').css('display', 'none');
161            boton1.prop('disabled', false);
162        }, 1500);
163
164        $('.intranet').css('display', 'block');
165        $('.softImg2').addClass('animated fadeInRight');
166        $('.softTexts2').addClass('animated fadeInLeft');
167
168        setTimeout(function () {
169            $('.softImg2').removeClass('animated fadeInRight');
170            $('.softTexts2').removeClass('animated fadeInLeft');
171            $('.softImg').removeClass('animated fadeOutRight');
172            $('.softTexts').removeClass('animated fadeOutLeft');
173        }, 1500);
174    });
175});
176
177
178/******validar formulario*********/
179$(document).ready(function () {
180    $('.boton').click(function () {
181        var nombre = document.getElementById("nombre").value;
182        var empresa = document.getElementById("empresa").value;
183        var email = document.getElementById("email").value;
184        var telefono = document.getElementById("telefono").value;
185        var mensaje = document.getElementById("mensaje").value;
186
187        if (nombre == null || nombre.length == 0 || /^\s+$/.test(nombre) || isNaN(nombre) == false) {
188            //alert("El campo 'Nombre' no esta completado correctamente");
189            Swal.fire({
190                type: 'error',
191                title: 'El campo "Nombre" no esta completado correctamente',

192                showConfirmButton: false,
193                timer: 1900,
194            })
195            return false;
196        } else if (empresa == null || empresa.length == 0 || /^\s+$/.test(empresa)) {
197            //alert("El campo 'Empresa' no esta completado correctamente");
198            Swal.fire({
199                type: 'error',
200                title: 'El campo "Empresa" no esta completado correctamente',
201                showConfirmButton: false,
202                timer: 1900,
203            })
204            return false;
205        } else if (email.indexOf('@', 0) == -1 || email.indexOf('.', 0) == -1) {
206            //alert("El campo 'E-mail' no esta completado correctamente");
207            Swal.fire({
208                type: 'error',
209                title: 'El campo "E-mail" no esta completado correctamente',
210                showConfirmButton: false,
211                timer: 1900,
212            })
213            return false;
214        } else if (telefono == null || telefono.length == 0 || isNaN(telefono) || /^\s+$/.test(telefono)) {
215            //alert("El campo 'Teléfono' no esta completado correctamente \nSe requiere de minimo 7 digitos");
216            Swal.fire({
217                type: 'error',
218                title: 'El campo "Teléfono" no esta completado correctamente',
219                text: 'Ingrese el numero correspondiente a su pais',

220                showConfirmButton: false,
221                timer: 1900,
222            })
223            return false;
224        } else if (mensaje == null || mensaje.length == 0 || /^\s+$/.test(mensaje)) {
225            //alert("Es necesario llenar la casilla de mensaje");
226            Swal.fire({
227                type: 'error',
228                title: 'Es necesario llenar la casilla de mensaje',
229                showConfirmButton: false,
230                timer: 1900,
231            });
232            return false;
233        }
234
235        //enviar
236        EnviarSolicitudContacto();
237    });
238});
239
240function EnviarSolicitudContacto() {
241    //$('#cargandogif').css("visibility", "visible");
242    $('#button-form').text("Enviando ...");
243    $('#button-form').attr("disabled", true);
244
245    var url = "sendmailcontacto.php"; // El script a d�nde se realizar� la petici�n.		
246    $.ajax({
247        type: "POST",
248        url: url,
249        data: $('#formConsulta').serialize(), // Adjuntar los campos del formulario enviado.		   
250        success: function (data) {
251            //$('#cargandogif').css("visibility", "hidden");
252            $('#button-form').text("Enviar");
253            $('#button-form').attr("disabled", false);
254
255            if (data.toLowerCase() == "ok") {
256                Swal.fire({
257                    type: 'success',
258                    title: 'Sus datos han sido enviados correctamente',
259                    confirmButtonClass: 'botonenviado',
260                    confirmButtonAriaLabel: 'magettasDemo',
261                    confirmButtonText: 'Cerrar',
262                    confirmButtonColor: '#06eab3',
263                    allowEscapeKey: false,
264                    allowOutsideClick: false,
265                });
266
267                $('.botonenviado').click(function () {
268                    $('#formConsulta')[0].reset();
269                });
270
271                //e.preventDefault();
272
273            }
274            else {
275                Swal.fire({
276                    type: 'error',
277                    title: 'Error de envio de email',
278                    text: data,
279                    showConfirmButton: true,
280                })
281            }
282        },
283        //async: false,
284        cache: false
285    });
286    return false; // Evitar ejecutar el submit del formulario.
287    //e.preventDefault();
288
289}
290
291//Mensaje de confirmacion de consulta
292$('#formConsulta').on('submit', function (e) {
293    Swal.fire({
294        type: 'success',
295        title: 'Sus datos han sido enviados correctamente',
296        confirmButtonClass: 'botonenviado',
297        confirmButtonText: 'Cerrar',
298        confirmButtonColor: '#00da69',
299        allowEscapeKey: false,
300        allowOutsideClick: false,
301    });
302
303    $('.botonenviado').click(function () {
304        $('#formConsulta')[0].reset();
305    });
306
307    e.preventDefault();
308});
309
310//*LIMPIAR FORMULARIO*/
311$('#btnCCond').click(function () {
312    $('#formConsulta').trigger("reset");
313    contacto_formulario.classList.remove("activado");
314    contacto_texto.classList.remove("activado");
315});
316
317/********************/
318var header = $('#nelicaheader').height();
319
320$(document).ready(function () {
321    $(window).on('scroll', function () {
322        if ($(window).scrollTop() > header - 3) {
323            $('.navbarNelica').addClass('scrollOn');
324            $('.sidebar').css('position', 'fixed');
325        } else {
326            $('.navbarNelica').removeClass('scrollOn');
327            $('.sidebar').css('position', 'absolute');
328        }
329    });
330});
331
332
333
334/***loading***/
335$(document).ready(function () {
336    setTimeout(function () {
337        $('.cargando').css('opacity', '0');
338        $('body').removeClass('noScroll');
339        setTimeout(function () {
340            $('.cargando').css('display', 'none');
341        }, 500);
342    }, 1500);
343});
344
345/*Scroll hacia arriba*/
346var nosotros = $('#ofrecemos').offset().top;
347var prevScrollpos = window.pageYOffset;
348window.onscroll = function () {
349    var currentScrollPos = window.pageYOffset;
350    if ($('.icon').hasClass('toggle')) {
351
352    } else {
353        if (($(window).scrollTop() > nosotros)) {
354            $('.navbarNelica').css('top', '-20%');
355            $('.sidebar').css('top', '-20%');
356            if (prevScrollpos > currentScrollPos) {
357                $('.navbarNelica').css("top", "0");
358                $('.sidebar').css('top', '-6%');
359            } else {
360                $('.navbarNelica').css("top", "-20%");
361                $('.sidebar').css('top', '-20%');
362            }
363            prevScrollpos = currentScrollPos;
364        }
365    }
366
367}
368
369var ircontacto = document.getElementsByClassName("ir_contacto")[0];
370var contacto_texto = document.getElementsByClassName("contacto_texto")[0];
371var contacto_formulario = document.getElementsByClassName("contacto_formulario")[0];
372
373ircontacto.addEventListener('click', function () {
374    contacto_formulario.classList.add("activado");
375    contacto_texto.classList.add("activado");
376});