{"id":241,"date":"2024-04-05T00:18:36","date_gmt":"2024-04-04T22:18:36","guid":{"rendered":"https:\/\/comlandes.fr\/new\/events-list-style-with-search-box\/"},"modified":"2024-04-12T06:02:30","modified_gmt":"2024-04-12T04:02:30","slug":"events-list-style-with-search-box","status":"publish","type":"page","link":"http:\/\/com-landes.fr\/fr_fr\/events-list-style-with-search-box\/","title":{"rendered":"Events \u2013 List Style with Search Box"},"content":{"rendered":"    <div class='list_with_filter_section mep_event_list'>\n                    <div class=\"mpStyle\">\r\n                <div class=\"search_sort_code_area\">\r\n                    <div class=\"search_sort_code\">\r\n                        <div class=\"sort_code_search_box defaultLayout_xs\">\r\n                            <div class=\"flexEqual filter_input_area\">\r\n                                                                    <label>\r\n                                        <input type=\"text\" name=\"filter_with_title\" class=\"formControl\" placeholder=\"Search by Title\">\r\n                                    <\/label>\r\n                                                                    <label>\r\n                                        <select class=\"formControl\" name=\"filter_with_category\">\r\n                                            <option selected value=\"\">Rechercher des cat\u00e9gories<\/option>\r\n                                                                                            <option value=\"Animations\">Animations<\/option>\r\n                                                                                            <option value=\"Atelier\">Atelier<\/option>\r\n                                                                                            <option value=\"Autres\">Autres<\/option>\r\n                                                                                            <option value=\"Cultures\">Cultures<\/option>\r\n                                                                                            <option value=\"Ev\u00e9nement\">Ev\u00e9nement<\/option>\r\n                                                                                            <option value=\"Loisirs\">Loisirs<\/option>\r\n                                                                                            <option value=\"Sports\">Sports<\/option>\r\n                                                                                    <\/select>\r\n                                    <\/label>\r\n                                                                    <label>\r\n                                        <input type=\"date\" name=\"filter_with_date\" class=\"formControl\">\r\n                                    <\/label>\r\n                                                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                <p class=\"textGray textCenter search_sort_code_counts\">\r\n                    Showing                    <strong class=\"qty_count\">-1<\/strong>\r\n                    of                    <strong class=\"total_filter_qty\">0<\/strong>\r\n                <\/p>\r\n            <\/div>\r\n            \n        <div class=\"all_filter_item mep_event_list_sec\" id='mep_event_list_abr6aa483ec0f02d'>\n            <div class=\"mage_grid_box\">        <\/div>\n    <\/div>\n                <input type=\"hidden\" name=\"pagination_per_page\" value=\"0\"\/>\r\n            <input type=\"hidden\" name=\"pagination_style\" value=\"load_more\"\/>\r\n                <\/div>\n    <script>\n    jQuery(document).ready(function() {\n            var containerEl = document.querySelector('#mep_event_list_abr6aa483ec0f02d');\n            var mixer = mixitup(containerEl, {\n            selectors: {\n                target: '.mep-event-list-loop',\n                control: '[data-mixitup-control]'\n            }\n            });\n\n            \/\/ Handle title filter input\n            jQuery('input[name=\"filter_with_title\"]').on('keyup', function() {\n                var searchText = jQuery(this).val().toLowerCase();\n                var items = jQuery('.mep-event-list-loop');\n                \n                items.each(function() {\n                    var itemTitle = jQuery(this).data('title').toLowerCase();\n                    if (itemTitle.indexOf(searchText) > -1) {\n                        jQuery(this).show();\n                    } else {\n                        jQuery(this).hide();\n                    }\n                });\n            });\n\n            \/\/ Handle date filter change\n            jQuery('input[name=\"filter_with_date\"]').on('change', function() {\n                var selectedDate = jQuery(this).val();\n                var items = jQuery('.mep-event-list-loop');\n                \n                if (!selectedDate) {\n                    items.show();\n                } else {\n                    var filterDate = new Date(selectedDate);\n                    filterDate.setHours(0,0,0,0); \/\/ Reset time part for date comparison\n                    \n                    items.each(function() {\n                        var itemDate = new Date(jQuery(this).data('date'));\n                        itemDate.setHours(0,0,0,0); \/\/ Reset time part for date comparison\n                        \n                        if (itemDate.getTime() === filterDate.getTime()) {\n                            jQuery(this).show();\n                        } else {\n                            jQuery(this).hide();\n                        }\n                    });\n                }\n            });\n\n            \/\/ Handle state filter change\n            jQuery('select[name=\"filter_with_state\"]').on('change', function() {\n                var state = jQuery(this).val();\n                var items = jQuery('.mep-event-list-loop');\n                \n                if (state === '') {\n                    items.show();\n                } else {\n                    items.each(function() {\n                        var itemState = jQuery(this).data('state');\n                        if (itemState === state) {\n                            jQuery(this).show();\n                        } else {\n                            jQuery(this).hide();\n                        }\n                    });\n                }\n            });\n\n            \/\/ Handle city filter change\n            jQuery('select[name=\"filter_with_city\"]').on('change', function() {\n                var city = jQuery(this).val();\n                var items = jQuery('.mep-event-list-loop');\n                \n                if (city === '') {\n                    items.show();\n                } else {\n                    items.each(function() {\n                        var itemCity = jQuery(this).data('city-name');\n                        if (itemCity === city) {\n                            jQuery(this).show();\n                        } else {\n                            jQuery(this).hide();\n                        }\n                    });\n                }\n            });\n\n                                });\n    <\/script>\n\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_et_pb_use_builder":"","_et_pb_old_content":"","_et_gb_content_width":"","footnotes":""},"class_list":["post-241","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.4 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Events \u2013 List Style with Search Box - Com&#039;Landes<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"http:\/\/com-landes.fr\/fr_fr\/events-list-style-with-search-box\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Events \u2013 List Style with Search Box - Com&#039;Landes\" \/>\n<meta property=\"og:url\" content=\"http:\/\/com-landes.fr\/fr_fr\/events-list-style-with-search-box\/\" \/>\n<meta property=\"og:site_name\" content=\"Com&#039;Landes\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/web.facebook.com\/ComLandes?_rdc=1&amp;_rdr\" \/>\n<meta property=\"article:modified_time\" content=\"2024-04-12T04:02:30+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"http:\\\/\\\/com-landes.fr\\\/fr_fr\\\/events-list-style-with-search-box\\\/\",\"url\":\"http:\\\/\\\/com-landes.fr\\\/fr_fr\\\/events-list-style-with-search-box\\\/\",\"name\":\"Events \u2013 List Style with Search Box - Com&#039;Landes\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/com-landes.fr\\\/fr_fr\\\/#website\"},\"datePublished\":\"2024-04-04T22:18:36+00:00\",\"dateModified\":\"2024-04-12T04:02:30+00:00\",\"breadcrumb\":{\"@id\":\"http:\\\/\\\/com-landes.fr\\\/fr_fr\\\/events-list-style-with-search-box\\\/#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"http:\\\/\\\/com-landes.fr\\\/fr_fr\\\/events-list-style-with-search-box\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"http:\\\/\\\/com-landes.fr\\\/fr_fr\\\/events-list-style-with-search-box\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Accueil\",\"item\":\"https:\\\/\\\/com-landes.fr\\\/fr_fr\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Events \u2013 List Style with Search Box\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/com-landes.fr\\\/fr_fr\\\/#website\",\"url\":\"https:\\\/\\\/com-landes.fr\\\/fr_fr\\\/\",\"name\":\"Com'Landes\",\"description\":\"Nous organisons des \u00e9v\u00e9nements &amp; animations\",\"publisher\":{\"@id\":\"https:\\\/\\\/com-landes.fr\\\/fr_fr\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/com-landes.fr\\\/fr_fr\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"fr-FR\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/com-landes.fr\\\/fr_fr\\\/#organization\",\"name\":\"Com'Landes\",\"url\":\"https:\\\/\\\/com-landes.fr\\\/fr_fr\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\\\/\\\/com-landes.fr\\\/fr_fr\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/comlandes.fr\\\/wp-content\\\/uploads\\\/2024\\\/04\\\/logo-comlandes.png\",\"contentUrl\":\"https:\\\/\\\/comlandes.fr\\\/wp-content\\\/uploads\\\/2024\\\/04\\\/logo-comlandes.png\",\"width\":512,\"height\":343,\"caption\":\"Com'Landes\"},\"image\":{\"@id\":\"https:\\\/\\\/com-landes.fr\\\/fr_fr\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/web.facebook.com\\\/ComLandes?_rdc=1&_rdr\",\"https:\\\/\\\/www.instagram.com\\\/comlandesasso\\\/\",\"https:\\\/\\\/www.tiktok.com\\\/@com.landes?_t=8lW4JFzISlK&_r=1\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Events \u2013 List Style with Search Box - Com&#039;Landes","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"http:\/\/com-landes.fr\/fr_fr\/events-list-style-with-search-box\/","og_locale":"fr_FR","og_type":"article","og_title":"Events \u2013 List Style with Search Box - Com&#039;Landes","og_url":"http:\/\/com-landes.fr\/fr_fr\/events-list-style-with-search-box\/","og_site_name":"Com&#039;Landes","article_publisher":"https:\/\/web.facebook.com\/ComLandes?_rdc=1&_rdr","article_modified_time":"2024-04-12T04:02:30+00:00","twitter_card":"summary_large_image","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"http:\/\/com-landes.fr\/fr_fr\/events-list-style-with-search-box\/","url":"http:\/\/com-landes.fr\/fr_fr\/events-list-style-with-search-box\/","name":"Events \u2013 List Style with Search Box - Com&#039;Landes","isPartOf":{"@id":"https:\/\/com-landes.fr\/fr_fr\/#website"},"datePublished":"2024-04-04T22:18:36+00:00","dateModified":"2024-04-12T04:02:30+00:00","breadcrumb":{"@id":"http:\/\/com-landes.fr\/fr_fr\/events-list-style-with-search-box\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["http:\/\/com-landes.fr\/fr_fr\/events-list-style-with-search-box\/"]}]},{"@type":"BreadcrumbList","@id":"http:\/\/com-landes.fr\/fr_fr\/events-list-style-with-search-box\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Accueil","item":"https:\/\/com-landes.fr\/fr_fr\/"},{"@type":"ListItem","position":2,"name":"Events \u2013 List Style with Search Box"}]},{"@type":"WebSite","@id":"https:\/\/com-landes.fr\/fr_fr\/#website","url":"https:\/\/com-landes.fr\/fr_fr\/","name":"Com'Landes","description":"Nous organisons des \u00e9v\u00e9nements &amp; animations","publisher":{"@id":"https:\/\/com-landes.fr\/fr_fr\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/com-landes.fr\/fr_fr\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fr-FR"},{"@type":"Organization","@id":"https:\/\/com-landes.fr\/fr_fr\/#organization","name":"Com'Landes","url":"https:\/\/com-landes.fr\/fr_fr\/","logo":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/com-landes.fr\/fr_fr\/#\/schema\/logo\/image\/","url":"https:\/\/comlandes.fr\/wp-content\/uploads\/2024\/04\/logo-comlandes.png","contentUrl":"https:\/\/comlandes.fr\/wp-content\/uploads\/2024\/04\/logo-comlandes.png","width":512,"height":343,"caption":"Com'Landes"},"image":{"@id":"https:\/\/com-landes.fr\/fr_fr\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/web.facebook.com\/ComLandes?_rdc=1&_rdr","https:\/\/www.instagram.com\/comlandesasso\/","https:\/\/www.tiktok.com\/@com.landes?_t=8lW4JFzISlK&_r=1"]}]}},"_links":{"self":[{"href":"http:\/\/com-landes.fr\/fr_fr\/wp-json\/wp\/v2\/pages\/241","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/com-landes.fr\/fr_fr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"http:\/\/com-landes.fr\/fr_fr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"http:\/\/com-landes.fr\/fr_fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/com-landes.fr\/fr_fr\/wp-json\/wp\/v2\/comments?post=241"}],"version-history":[{"count":0,"href":"http:\/\/com-landes.fr\/fr_fr\/wp-json\/wp\/v2\/pages\/241\/revisions"}],"wp:attachment":[{"href":"http:\/\/com-landes.fr\/fr_fr\/wp-json\/wp\/v2\/media?parent=241"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}