https://www.visitmorocco.com/sites/all/themes/custom/onmt_theme/assets/js/sk.js

1/*sk js*/
2// MAPS
3jQuery(window).on('load', function(){    
4    if ($(window).width() >= 1200) {
5     jQuery('.masonry_items').masonry({
6        columnWidth: '.grid-sizer',
7        gutter: 50,
8        itemSelector: '.item',
9        percentPosition: 'true',
10        fitWidth: true,
11    });
12}
13 });
14jQuery(document).ready(function() {
15 
16    $(".img_insta.owl-carousel").owlCarousel({
17        dots: true,
18        items: 1,
19        loop: false
20    });
21
22    jQuery(".map-search .f-search .card").on("click", function() {
23        var ID = jQuery(this).attr("id");
24        jQuery('#map_situer .cities').hide();
25        jQuery('#map_situer').find('.' + ID).show();
26    });
27
28
29
30
31    $('.owl-carousel.guide').owlCarousel({
32        items: 4
33
34    });
35
36    $('.disc-city .disc h2').removeClass('h2').addClass('pg');
37
38
39    // TEMOIGNAGE POP UP
40
41    jQuery('.blogger_temoignage').each(function() {
42        $(this).remove().clone().appendTo('#hidden_modal_temoignage');
43    });
44
45    // GET ID TAMOIGNAGE
46
47    $.urlParam = function(name) {
48        var results = new RegExp('[\?&]' + name + '=([^&#]*)').exec(window.location.href);
49        if (results == null) {
50            return 0;
51        } else {
52            return results[1] || 0;
53        }
54
55    }
56    var id_popup = $.urlParam('id');
57    if (id_popup != 0) {
58        jQuery("#blogger_temoignage_" + id_popup + "").modal('show');
59    }
60
61    // STICKY MENU BUTTON 
62
63    var screensize = $(window).width();
64    if (screensize <= 768) {
65        jQuery(".righ-tabs .tabs .sharbtn.share_icon.mobile_shareicon").on("click", function() {
66
67            if ($(this).parent().hasClass("show_sharbtn")) {
68                $(this).parent().removeClass('show_sharbtn');
69            } else {
70                $(this).parent().addClass('show_sharbtn');
71            }
72        });
73    }
74
75    //DESTINATION CAROUSEL 
76    var owl_instance = $('.videos-box');
77    var item_count = parseInt(owl_instance.find('.pvideo').length);
78    if (item_count <= 2) {
79        $('.videotheque .pvideos .prev, .videotheque .pvideos .next').attr("style", "display: none !important");
80    }
81
82    // GEOGRAPHIE BR
83    $('.gbox1 .filtre .atlas .fbtns .fbtn').find('br').remove();
84
85    /*REMOVE VOIS P TAGS */
86    $('.unesco .post p').each(function() {
87        var $this = $(this);
88        if ($this.html().replace(/\s|&nbsp;/g, '').length == 0)
89            $this.remove();
90    });
91
92    //ADD RTL
93    var theLanguage = $('html').attr('lang');
94    if (theLanguage == 'ar') {
95        $('.main.home .back-header .inspiration form select').attr('dir', 'rtl');
96        $('.contactezNous #edit-submitted-delegation-concernee , .contactezNous #edit-submitted-country').attr('dir', 'rtl');
97        $('#onmt-gallery-get-gallery-form .form-item-destinations.form-type-select').attr('dir', 'rtl');
98    }
99
100    /*se_nourir*/
101    $(".se_nourir .sn_img").click(function() {
102        var id = $(this).attr("id");
103        $('.' + id + '').parent().find('.plat').removeClass('d-block').addClass('d-none');
104        $('.' + id + '').parent().find('.' + id + '').removeClass('d-none').addClass('d-block');
105    });
106
107    /*ADD CAROUSEL IN MOBILE*/
108    if ($(window).width() <= 991.98) {
109        $(".histoire.images_experiences .hbox .hcontent").owlCarousel({
110            margin: 15,
111            rtl: rtl,
112            dots: false,
113            navigation: false,
114            nav: false,
115            responsive: {
116                768: {
117                    items: 3,
118                    dots: false,
119                    navigation: false,
120                    nav: false,
121                },
122                576: {
123                    items: 2,
124                    dots: false,
125                    navigation: false,
126                    nav: false,
127                },
128                0: {
129                    items: 1,
130                    dots: false,
131                    navigation: false,
132                    nav: false,
133                }
134            }
135        });
136        $(".essentials").owlCarousel({
137            // loop: true,
138            // stagePadding: 165,
139            rtl: rtl,
140            dots: false,
141            responsive: {
142                1200: {
143                    // center: true,
144                    items: 3,
145                    margin: 30,
146                },
147                760: {
148                    // center: true,
149                    items: 2,
150                    stagePadding: 20,
151                    margin: 30,
152                    loop: true
153                },
154                560: {
155                    // center: true,
156                    items: 1,
157                    stagePadding: 20,
158                    margin: 30,
159                    loop: true
160                },
161                0: {
162                    // center: false,
163                    items: 1,
164                    stagePadding: 30,
165                    margin: 20,
166                    loop: true
167                }
168            }
169        });
170        $(".masonry_items.owl-carousel").owlCarousel({
171            margin: 15,
172            rtl: rtl,
173            dots: false,
174            navigation: false,
175            nav: false,
176            responsive: {
177                991: {
178                    items: 3,
179                    margin: 10,
180                    loop: true,                    
181                },
182                767: {
183                    items: 2,
184                    margin: 10,
185                    loop: true,                    
186                },
187                0: {
188                    items: 1,
189                    margin: 10,
190                    loop: true,                    
191                }
192            }
193        });
194
195        $(".home-block_4_container").owlCarousel({
196            // loop: true,
197            rtl: rtl,
198            dots: false,
199            responsive: {
200                760: {
201                    // center: true,
202                    items: 2,
203                    margin: 30,
204                    loop: true
205                },
206                560: {
207                    // center: true,
208                    items: 2,
209                    stagePadding: 20,
210                    margin: 30,
211                    loop: true
212                },
213                0: {
214                    // center: false,
215                    items: 2,
216                    stagePadding: 30,
217                    margin: 20,
218                    loop: true
219                }
220            }
221        });
222    }
223
224    $( ".close_annonce" ).click(function() {
225        $(this).parent().hide();
226      });
227
228    //SHOW MORE TEXTE OF INSTAGRAM POSTS
229    $(".show_text_more").click(function() {
230        var elem = $(this).text();
231        if (elem == "suite") {
232            //Stuff to do when btn is in the read more state
233            $(this).text("moins");
234            $(this).parent().find('#text_more').slideDown();
235        } else {
236            //Stuff to do when btn is in the read less state
237            $(this).text("suite");
238            $(this).parent().find('#text_more').slideUp();
239        }
240    });

241    $('#covid-welcome-bach-page #covid-page-menu nav ul li a').click(function(e) {
242        e.preventDefault();
243    
244        var scrollto = $(this).attr('href');
245        var position = scrollto.position();
246        $('html, body').animate({
247               scrollTop: position.top - 120
248            }, 1500);
249    });
250
251});
252$(window).scroll(function() {
253    if ($(window).scrollTop() > 0) {
254        $('.page-node-70 #nav-div').css('top', '0px');
255    } else {
256        $('.page-node-70 #nav-div').css('top', '38px');
257    }
258});
259
260$(window).resize(function() {
261    var screensize = $(window).width();
262    if (screensize <= 768) {
263        jQuery(".righ-tabs .tabs .sharbtn.share_icon.mobile_shareicon").on("click", function() {
264            if ($(this).parent().hasClass("show_sharbtn")) {
265                $(this).parent().removeClass('show_sharbtn');
266            } else {
267                $(this).parent().addClass('show_sharbtn');
268            }
269        });
270    }
271    /*ADD CAROUSEL IN MOBILE*/
272    if ($(window).width() <= 991.98) {
273     
274        $(".histoire.images_experiences .hbox .hcontent").owlCarousel({
275            margin: 15,
276            rtl: rtl,
277            dots: false,
278            navigation: false,
279            nav: false,
280            responsive: {
281                768: {
282                    items: 3,
283                    dots: false,
284                    navigation: false,
285                    nav: false,
286                },
287                576: {
288                    items: 2,
289                    dots: false,
290                    navigation: false,
291                    nav: false,
292                },
293                0: {
294                    items: 1,
295                    dots: false,
296                    navigation: false,
297                    nav: false,
298                }
299            }
300        });
301
302
303    }
304});
305// AS SOON AS POSSIBLE 
306
307jQuery(document).ready(function () {
308    $(document).on('click', '#covid-page-menu ul > li > a[href^="#"]', function(e) {
309        var id = $(this).attr('href');
310            var $id = $(id);
311        if ($id.length === 0) {
312            return;
313        }
314        e.preventDefault();
315        var pos = $id.offset().top;
316        $('body, html').animate({scrollTop: pos-200});
317    });
318  
319    $(document).on("click", ".stayhome-video-element", function (event) {
320        src = $(this).find('span.file').attr('data');
321        if(src){
322          $('#myVideosModal').find('video source').attr('src', src);
323          $('#myVideosModal').find('video').attr('src', src);
324          $('#myVideosModal').find('video')[0].load();
325          
326          jQuery('#myVideosModal').modal('show');
327          $('#myVideosModal').find('video')[0].play();
328        }
329      });
330  
331      jQuery('#myVideosModal').on('hidden.bs.modal', function () {
332        $('#myVideosModal').find('video source').attr('src', '');
333        $('#myVideosModal').find('video')[0].load();
334      });
335      $(document).on("click", ".se_nourir .col-12>div:last-of-type .sn_img", function () {
336        $(' .se_nourir .col-12>div:last-of-type .sn_img').not(this).addClass('nothover');
337        $(this).removeClass('nothover');
338      });
339      $(document).on("click", ".geo .gbox1 .gimgs .gimg", function () {
340        $('.geo .gbox1 .gimgs .gimg').addClass('nothover');
341        $(this).removeClass('nothover');
342      });
343      $(document).on("click", ".geo .gbox2 .gimgs .gimg", function () {
344        $('.geo .gbox2 .gimgs .gimg').addClass('nothover');
345        $(this).removeClass('nothover');
346      });
347      $(document).on("click", ".geo .gbox3 .gimgs .gimg", function () {
348        $('.geo .gbox3 .gimgs .gimg').addClass('nothover');
349        $(this).removeClass('nothover');
350      });
351
352});