https://www.tsjerkelollumwaaksens.nl/sjabloon12/js/extrafunctions.js?versie=9

1var activepage = "noactievpage";
2
3$("document").ready(function () {
4
5
6
7    var h = $(".navbar-default").height();
8    h = h - 110;
9    if (h > 0) {
10        $(".main-container").css("margin-top", h + "px");
11    }
12
13    $("body").on("click", ".fa-search-plus", function (event) {
14        var $zoekveldValue = $(this).parents(".zoekscherm").find(".zoekveld").val();
15        if ($zoekveldValue.length > 1) {
16            $(".zoekscherm, .zoekveld, .fa-search-plus").toggleClass("active");
17            $(".fa-search").toggleClass("fa-times-circle");
18            loadPage("/zoeken.aspx?trefwoord=" + $zoekveldValue);
19        }
20    });
21
22    $("body").on("click", ".fa-search", function (event) {
23        event.preventDefault();
24        $(".zoekscherm, .zoekveld, .fa-search-plus").toggleClass("active");
25        $(".fa-search").toggleClass("fa-times-circle");
26        return false;
27    });
28
29    $(".zoekveld").keypress(function (e) {
30        if (e.which == 13) {
31            e.preventDefault();
32            $(this).parents(".zoekscherm").find(".fa-search-plus").trigger("click");
33            e.stopPropagation();
34        }
35    });
36
37
38    if ($(window).width() > 767) {
39
40        $("body").on("touchstart click", ".fa-chevron-down", function (event) {
41            event.preventDefault();
42            $(this).parents("li.dropdown").toggleClass("open");
43            return false;
44        });
45        $(window).scroll(function () {
46            if ($(window).scrollTop() > 10) {
47                $(".navbar").addClass("scrolled");
48                $("#to-top").addClass("scrolled");
49
50            } else {
51                $(".navbar.scrolled").removeClass("scrolled");
52                $("#to-top").removeClass("scrolled");
53            }
54
55        });
56
57
58        $(".dropdown-mouseover, .dropdown").mouseover(function () {
59            $(this).addClass("open");
60        });
61        $(".dropdown-mouseover, .dropdown").mouseout(function () {
62            $(this).removeClass("open");
63        });
64        
65    } else {
66
67        $("body").addClass("mobile");
68        $("body").on("touchstart", ".fa-chevron-down", function (event) {
69            event.preventDefault();
70
71            return false;
72        });
73        $("body").on("touchend click", ".fa-chevron-down", function (event) {
74            event.preventDefault();
75            $(this).closest("li.dropdown").toggleClass("open");
76            return false;
77        });
78    }
79
80    $(".fancybox").fancybox();
81
82    $("#to-top").click(function () {
83        $('html,body').animate({ scrollTop: 0 }, 'slow');
84        return false;
85    });
86    $("html").on("click", "span.ajaxlink, div.ajaxlink, h4.ajaxlink", function (event) {
87        if ($(event.target).is('a')) return;
88        event.preventDefault();
89        loadPage($(this).attr("data-url"));
90        return false;
91    });
92    var protnet;
93    if (typeof ProtNet === "undefined") {
94    }
95    else {
96        protnet = new ProtNet();
97        protnet.baseUrl = '/';
98        protnet.baseUrlModule = '/';
99        protnet.templatePath = '';
100        //  protnet.serviceUrl = 'WebServices.asmx';
101        protnet.init();
102    }
103
104    var History = window.History;
105    if (!History.enabled) {
106    }
107    else {
108        History.Adapter.bind(window, 'statechange', function () {
109
110            var State = History.getState();
111            if (State.data != null && State.data.shorthref != null && State.data.shorthref.length > 0 && activepage != State.data.shorthref) {
112                loadPage(State.data.shorthref);
113            }
114            else if (State.data != null && State.data.shorthref != null && State.data.shorthref.length == 0 && activepage != State.data.shorthref) {
115                loadPage("/");
116            }
117            else {
118
119            }
120
121        });
122    }
123
124    isotope_page();
125    setTimeout(function () {
126        isotope_page();
127    }, 1000);
128
129    $(window).resize(function () {
130        isotope_page();
131    });
132
133});
134
135function isotope_page() {
136
137
138    if ($(window).width() > 767) {
139        if ($("#ContentPlaceHolder .iso-container").hasClass('isotope')) {
140            $("#ContentPlaceHolder .iso-container").isotope('destroy');
141        }
142
143        var numberOfChilderen = $("#ContentPlaceHolder .iso-container").children().length;
144        var numberOfChilderenItemTables = $("#ContentPlaceHolder .iso-container .isothisone").length;
145
146        if (numberOfChilderen > 1 && numberOfChilderenItemTables > 1) {
147            $("#ContentPlaceHolder .iso-container").isotope({
148                itemSelector: '.isothisone',
149                getSortData: {
150                    index: function ($item) {
151                        return $item.index();
152                    }
153                },
154                sortBy: 'index'
155            });
156        } else {
157            $("#ContentPlaceHolder .itemTable").addClass("yep");
158        }
159    }
160
161 
162}
163
164function loadPage(url) {
165    activepage = url;
166    $("#ContentPlaceHolder").html("<center><img src='/image/wait.gif' style='margin:30px 0 0 0;' /></center>");
167    if (url == undefined || url.length == 0) return;
168    var ajaxurl = url;
169   
170    if (url.indexOf(".aspx") > -1) {
171        if (url.indexOf("ajax=ajax") == -1) ajaxurl = url + "&ajax=ajax";
172    } else if (url == "/" || url == "") {
173        ajaxurl = "/default.aspx?ajax=ajax";
174    } else {
175        ajaxurl = url + "/ajax";
176    }
177    if (url.indexOf("ajax=&"))
178        url = url.replace("ajax=&", "ajax=ajax&")
179
180    
181
182    $.ajax({

183        url: ajaxurl,
184        success: function (template) {
185            tpl = template;
186            $("#ContentPlaceHolder").html(tpl);
187            isotope_page();
188            //window.history.pushState("", "", url);
189            $(".fancybox").fancybox();
190            window.History.pushState({ shorthref: url }, '', url);
191        },
192        error: function (jqXHR, textStatus, errorThrown) {
193
194            $("#ContentPlaceHolder").html("<p>Er is helaas iets fout gegaan.</p>");
195        },
196        type: 'POST',
197        async: false,
198        cache: false,
199        dataType: 'html'
200    });
201
202    return;
203}