{"id":70817,"date":"2021-06-30T13:37:39","date_gmt":"2021-06-30T13:37:39","guid":{"rendered":"https:\/\/culture.ixelles.be\/?page_id=70817"},"modified":"2021-06-30T13:40:36","modified_gmt":"2021-06-30T13:40:36","slug":"placesearch","status":"publish","type":"page","link":"https:\/\/culture.ixelles.be\/en\/placesearch\/","title":{"rendered":"Places"},"content":{"rendered":"    <div class=\"place-search-from\">\n        <div class=\"container padding-left-0\">\n            <div class=\"event-main-div\">\n                <div class=\"col-12 d-flex justify-content-center padding-left-0\">\n                    <form class=\"event-search place-from-main\" method=\"get\" action=\"\/en\/placesearch\/\">                    <form class=\"event-search  place-from-main\" method=\"get\" action=\"https:\/\/culture.ixelles.be\/en\/\/event-places\">\n                        <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/select2\/4.0.8\/js\/select2.min.js\"><\/script>\n                        <link href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/select2\/4.0.8\/css\/select2.min.css\" rel=\"stylesheet\" \/>\n                        <script>\n                            (function($) {\n\n                                var Defaults = $.fn.select2.amd.require('select2\/defaults');\n                                $.extend(Defaults.defaults, {\n                                    dropdownPosition: 'auto'\n                                });\n                                var AttachBody = $.fn.select2.amd.require('select2\/dropdown\/attachBody');\n                                var _positionDropdown = AttachBody.prototype._positionDropdown;\n                                AttachBody.prototype._positionDropdown = function() {\n\n                                    var $window = $(window);\n\n                                    var isCurrentlyAbove = this.$dropdown.hasClass('select2-dropdown--above');\n                                    var isCurrentlyBelow = this.$dropdown.hasClass('select2-dropdown--below');\n\n                                    var newDirection = null;\n\n                                    var offset = this.$container.offset();\n\n                                    offset.bottom = offset.top + this.$container.outerHeight(false);\n\n                                    var container = {\n                                        height: this.$container.outerHeight(false)\n                                    };\n\n                                    container.top = offset.top;\n                                    container.bottom = offset.top + container.height;\n\n                                    var dropdown = {\n                                        height: this.$dropdown.outerHeight(false)\n                                    };\n\n                                    var viewport = {\n                                        top: $window.scrollTop(),\n                                        bottom: $window.scrollTop() + $window.height()\n                                    };\n\n                                    var enoughRoomAbove = viewport.top < (offset.top - dropdown.height);\n                                    var enoughRoomBelow = viewport.bottom > (offset.bottom + dropdown.height);\n\n                                    var css = {\n                                        left: offset.left,\n                                        top: container.bottom\n                                    };\n\n                                    \/\/ Determine what the parent element is to use for calciulating the offset\n                                    var $offsetParent = this.$dropdownParent;\n\n                                    \/\/ For statically positoned elements, we need to get the element\n                                    \/\/ that is determining the offset\n                                    if ($offsetParent.css('position') === 'static') {\n                                        $offsetParent = $offsetParent.offsetParent();\n                                    }\n\n                                    var parentOffset = $offsetParent.offset();\n\n                                    css.top -= parentOffset.top\n                                    css.left -= parentOffset.left;\n\n                                    var dropdownPositionOption = this.options.get('dropdownPosition');\n\n                                    if (dropdownPositionOption === 'above' || dropdownPositionOption === 'below') {\n                                        newDirection = dropdownPositionOption;\n                                    } else {\n\n                                        if (!isCurrentlyAbove && !isCurrentlyBelow) {\n                                            newDirection = 'below';\n                                        }\n\n                                        if (!enoughRoomBelow && enoughRoomAbove && !isCurrentlyAbove) {\n                                            newDirection = 'above';\n                                        } else if (!enoughRoomAbove && enoughRoomBelow && isCurrentlyAbove) {\n                                            newDirection = 'below';\n                                        }\n\n                                    }\n\n                                    if (newDirection == 'above' ||\n                                        (isCurrentlyAbove && newDirection !== 'below')) {\n                                        css.top = container.top - parentOffset.top - dropdown.height;\n                                    }\n\n                                    if (newDirection != null) {\n                                        this.$dropdown\n                                            .removeClass('select2-dropdown--below select2-dropdown--above')\n                                            .addClass('select2-dropdown--' + newDirection);\n                                        this.$container\n                                            .removeClass('select2-container--below select2-container--above')\n                                            .addClass('select2-container--' + newDirection);\n                                    }\n\n                                    this.$dropdownContainer.css(css);\n\n                                };\n                            })(window.jQuery);\n\n                            jQuery(function($) {\n\n\n                                                                    countedCats = \"All\";\n                                \n                                var selectedOptionVal = $('.js-select2').find(\":selected\").val();\n\n                                $(\".js-select2\").select2({\n                                    dropdownPosition: 'below',\n                                    width: '100%',\n                                    val: selectedOptionVal,\n                                    dropdownAutoWidth: false,\n                                    closeOnSelect: false,\n                                    placeholder: countedCats,\n                                    minimumResultsForSearch: -1,\n                                    allowHtml: true,\n                                    allowClear: true\n                                }).on('select2:close', function(evt) {\n                                    var uldiv = $(this).siblings('span.select2').find('ul')\n                                    var count = uldiv.find('li').length - 1;\n                                    if (count == 0) {\n                                        uldiv.html(\n                                            \"<li>All<\/li>\"\n                                        )\n                                    } else\n                                    if (count == 1) {\n                                        uldiv.html(\n                                            \"<li>1 category<\/li>\"\n                                        )\n                                    } else {\n                                        uldiv.html(\"<li>\" + count +\n                                            \" categories<\/li>\"\n                                        )\n                                    }\n                                    $(\".js-select2\").show().delay(5000).fadeOut();\n                                    $(\".colwidth1\").attr(\"style\", \"padding-top:20px;\");\n                                });\n                                $('input[class=select2-search__field]').attr('placeholder', countedCats);\n\n                                var countedZone = 0;\n\n                                                                    countedZone = \"Everywhere\"\n                                 \n\n                                var selectedOptionVal = $('.js-select2-zone').find(\":selected\").val();\n                                $(\".js-select2-zone\").select2({\n                                    width: '100%',\n                                    val: selectedOptionVal,\n                                    dropdownAutoWidth: false,\n                                    closeOnSelect: false,\n                                    placeholder: countedZone,\n                                    minimumResultsForSearch: -1,\n                                    allowHtml: true,\n                                    allowClear: true,\n                                    \/\/ ajax: {\n                                    \/\/\tdelay: 800 \/\/ wait 250 milliseconds before triggering the request\n                                    \/\/}\n                                }).on('select2:close', function(evt) {\n                                    var uldiv = $(this).siblings('span.select2').find('ul')\n                                    var count = uldiv.find('li').length - 1;\n                                    if (count == 0) {\n                                        uldiv.html(\n                                            \"<li>Areas<\/li>\"\n                                        )\n                                    } else\n                                    if (count == 1) {\n                                        uldiv.html(\n                                            \"<li>1 Area<\/li>\"\n                                        )\n                                    } else {\n                                        uldiv.html(\"<li>\" + count +\n                                            \" Areas<\/li>\"\n                                        )\n                                    }\n\n                                    $(\".colwidth1\").attr(\"style\", \"padding-top:20px;\");\n                                });\n                                $('input[class=select2-search__field]').last().attr('placeholder', countedZone);\n                            });\n                        <\/script>\n                        <style>\n                            .select2-selection__choice {\n                                display: none !important;\n                            }\n\n                            @media only screen and (max-width: 600px) {\n\n                                .colwidth.place-col-width,\n                                .sub1 .event-search button {\n                                    width: 100% !important;\n                                }\n\n                                .sticky-bread-top {\n                                    position: relative !important;\n                                }\n\n                                .fixedpagination {\n                                    position: relative !important;\n                                    top: 0px !important;\n                                }\n                            }\n\n                            .place-from-main {\n                                margin: 17px 0px 0px 0px !important;\n                            }\n\n\n                            .margin-left-0 {\n                                margin-left: 0px !important;\n                            }\n\n                            .select2-selection__rendered {\n                                max-height: 30px;\n                                max-width: 125px;\n                                overflow: hidden;\n                            }\n\n                            .select2-results__option {\n                                vertical-align: middle;\n                                font-size: 14px;\n                                font-weight: 400;\n                                color: #000000;\n                                font-family: avenir !important;\n                                padding: 15px !important;\n\n                            }\n\n                            .select2-container--default .select2-results>.select2-results__options {\n\n                                max-height: 500px !important;\n                            }\n\n                            .select2-results__option:before {\n                                content: \"\";\n                                display: inline-block;\n                                position: relative;\n                                height: 20px;\n                                width: 20px;\n                                margin-right: 17px;\n                                vertical-align: middle;\n                                margin-left: 0px;\n                            }\n\n                            .select2-results__option[aria-selected=true]:before {\n                                font-family: fontAwesome;\n                                content: \"\\f00c\";\n                                border: 0;\n                                display: inline-block;\n                                padding-left: 3px;\n                            }\n\n                            .select2-container--default .select2-results__option[aria-selected=true] .cf_field_bg {\n                                background-color: #ffffff !important;\n                            }\n\n                            .select2-container--default .select2-results__option--highlighted[aria-selected],\n                            .select2-container--default .select2-results__option--highlighted[aria-selected] {\n                                background-color: #4aa091 !important;\n                                color: #ffffff !important;\n                                font-family: avenir;\n                                font-size: 15px;\n                            }\n\n                            .select2-container--default .select2-results__option--highlighted[aria-selected] {\n                                font-family: avenir;\n                                font-size: 15px;\n                                color: #000000;\n                            }\n\n                            .select2-container--default .select2-selection--multiple {\n                                margin-bottom: 0px;\n                                border: none !important;\n                            }\n\n\n                            .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {\n                                border-radius: 4px;\n                            }\n\n                            .select2-container--default.select2-container--focus .select2-selection--multiple {\n                                border-color: teal;\n                                border-width: 2px;\n                            }\n\n                            .select2-container--default .select2-selection--multiple {\n                                border-width: 2px;\n                            }\n\n                            .select2-container--open .select2-dropdown--below {\n                                border-radius: 10px;\n                                box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);\n                            }\n\n                            .select2-selection .select2-selection--multiple:after {\n                                content: 'hhghgh';\n                            }\n\n                            .quantity,\n                            .price {\n                                width: 75% !important;\n                            }\n\n                            .select2-dropdown {\n                                max-width: 294px !important;\n                                \/* width: 282.392px !important;*\/\n                                width: 294.392px !important;\n                                position: relative !important;\n                                top: 50px;\n                                left: -11px !important;\n\n                            }\n\n                            .select2-container--default .select2-search--inline .select2-search__field {\n                                width: 181.3px !important;\n                                font-family: 'avenir';\n                                margin: 0px 0px 0px 0px !important;\n                                color: #000000;\n\n\n                            }\n\n                            .select2-search__field input-placeholder {\n                                color: black;\n                            }\n\n                            .place-col-width {\n                                width: 30% !important;\n                            }\n\n                            .place-col-width .select2-container {\n                                min-width: 130px !important;\n                            }\n\n                            .place-col-width .select2-container--default .select2-selection--multiple .select2-selection__rendered {\n                                padding: 0 0px !important;\n                            }\n\n\n\n                            \/* .event-sumbit-size {\n                            width: 52px !important;\n                        } *\/\n\n                            .select2-container--default .select2-selection--single {\n                                border: none !important;\n                            }\n\n                            .place-search {\n                                cursor: pointer;\n                            }\n                        <\/style>\n                        <div class=\"d-flex\">\n\n                            <label class=\"colwidth place-col-width\">\n                                Search                                <input type=\"text\" name=\"title\" style=\"padding-right:15px !important;\" value=\"\" placeholder=\"Search a place\" class=\"form-control\">\n\n                            <\/label>\n\n                            <label class=\"colwidth place-col-width\">\n                                Category\n                                <select multiple name=\"event[]\" id=\"event[]\" class=\"topsearch-multiple-category js-select2 \" style=\"display:none;\">\n                                    <option value=\"108,122,154,155,182,183\" >\n                                        Theatres - Theatre Acts<\/option>\n                                    <option value=\"113,114,164,165,166,167\" >\n                                        Museums - Exhibitions<\/option>\n                                    <option value=\"114,166,167\" >\n                                        Concert halls - Music<\/option>\n                                    <option value=\"112,162,163\" >\n                                        Cinemas<\/option>\n                                    <option value=\"111,160,161\" >\n                                        Cultural centres<\/option>\n                                    <option value=\"115,168,169\" >\n                                        Art galleries<\/option>\n                                    <option value=\"110,158,159\" >\n                                        Biblioth\u00e8ques - Litt\u00e9rature<\/option>\n                                    <option value=\"109,156,157\" >\n                                        Socio-cultural associations                                    <\/option>\n                                    <option value=\"117,172,173\" >\n                                        Artist studios<\/option>\n                                    <option value=\"119,176,177\" >\n                                        Cultural caf\u00e9<\/option>\n                                    <option value=\"116,170,171\" >\n                                        Art in public space<\/option>\n                                    <option value=\"120,178,179\" >\n                                        Others<\/option>\n\n                                <\/select>\n                            <\/label>\n                            <label class=\"colwidth place-col-width place-search-zone\">Zone\n                                <select name=\"access[]\" multiple style=\"border:0px;padding:0px !important; display:none;\" class=\"form-control js-select2-zone\">\n                                    <option value=\"Sud\" >\n                                        South<\/option>\n                                    <!-- <option value=\"Est\"\n                                        >\n                                        East<\/option> -->\n                                    <option value=\"Ouest\" >\n                                        West<\/option>\n                                    <option value=\"Nord\" >\n                                        North<\/option>\n                                    <option value=\"Centre\" >\n                                        Central<\/option>\n                                <\/select>\n                            <\/label>\n\n                            <button type=\"submit\" class=\"event-sumbit-size place-search\">\n                                <i class=\"fas fa-search\"><\/i>\n                            <\/button>\n                        <\/div>\n                    <\/form>\n                    <div class=\"displayMap pl-5 my-5\">\n                        <h6 style=\"font-size:14px !Important;margin-top:24px;\"><a href=\"#\" class=\"displayMapLink\" onClick> See the map<\/a><\/h6>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n\n","protected":false},"excerpt":{"rendered":"Search Category Theatres - Theatre Acts Museums - Exhibitions Concert halls - Music Cinemas Cultural centres Art galleries Biblioth\u00e8ques - Litt\u00e9rature Socio-cultural associations Artist studios Cultural caf\u00e9 Art in public space Others Zone South West North Central See the map","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"templates\/places-event.php","meta":{"_acf_changed":false,"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v24.5 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Places - Ixelles<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/culture.ixelles.be\/en\/placesearch\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Places - Ixelles\" \/>\n<meta property=\"og:url\" content=\"https:\/\/culture.ixelles.be\/en\/placesearch\/\" \/>\n<meta property=\"og:site_name\" content=\"Ixelles\" \/>\n<meta property=\"article:modified_time\" content=\"2021-06-30T13:40:36+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\":\"https:\/\/culture.ixelles.be\/en\/placesearch\/\",\"url\":\"https:\/\/culture.ixelles.be\/en\/placesearch\/\",\"name\":\"Places - Ixelles\",\"isPartOf\":{\"@id\":\"https:\/\/culture.ixelles.be\/en\/#website\"},\"datePublished\":\"2021-06-30T13:37:39+00:00\",\"dateModified\":\"2021-06-30T13:40:36+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/culture.ixelles.be\/en\/placesearch\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/culture.ixelles.be\/en\/placesearch\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/culture.ixelles.be\/en\/placesearch\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Accueil\",\"item\":\"https:\/\/culture.ixelles.be\/en\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Places\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/culture.ixelles.be\/en\/#website\",\"url\":\"https:\/\/culture.ixelles.be\/en\/\",\"name\":\"Ixelles\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/culture.ixelles.be\/en\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/culture.ixelles.be\/en\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/culture.ixelles.be\/en\/#organization\",\"name\":\"Service culture Ixelles\",\"url\":\"https:\/\/culture.ixelles.be\/en\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/culture.ixelles.be\/en\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/culture.ixelles.be\/wp-content\/uploads\/2021\/05\/ixelles_green.svg\",\"contentUrl\":\"https:\/\/culture.ixelles.be\/wp-content\/uploads\/2021\/05\/ixelles_green.svg\",\"width\":1,\"height\":1,\"caption\":\"Service culture Ixelles\"},\"image\":{\"@id\":\"https:\/\/culture.ixelles.be\/en\/#\/schema\/logo\/image\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Places - Ixelles","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":"https:\/\/culture.ixelles.be\/en\/placesearch\/","og_locale":"en_US","og_type":"article","og_title":"Places - Ixelles","og_url":"https:\/\/culture.ixelles.be\/en\/placesearch\/","og_site_name":"Ixelles","article_modified_time":"2021-06-30T13:40:36+00:00","twitter_card":"summary_large_image","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/culture.ixelles.be\/en\/placesearch\/","url":"https:\/\/culture.ixelles.be\/en\/placesearch\/","name":"Places - Ixelles","isPartOf":{"@id":"https:\/\/culture.ixelles.be\/en\/#website"},"datePublished":"2021-06-30T13:37:39+00:00","dateModified":"2021-06-30T13:40:36+00:00","breadcrumb":{"@id":"https:\/\/culture.ixelles.be\/en\/placesearch\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/culture.ixelles.be\/en\/placesearch\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/culture.ixelles.be\/en\/placesearch\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Accueil","item":"https:\/\/culture.ixelles.be\/en\/"},{"@type":"ListItem","position":2,"name":"Places"}]},{"@type":"WebSite","@id":"https:\/\/culture.ixelles.be\/en\/#website","url":"https:\/\/culture.ixelles.be\/en\/","name":"Ixelles","description":"","publisher":{"@id":"https:\/\/culture.ixelles.be\/en\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/culture.ixelles.be\/en\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/culture.ixelles.be\/en\/#organization","name":"Service culture Ixelles","url":"https:\/\/culture.ixelles.be\/en\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/culture.ixelles.be\/en\/#\/schema\/logo\/image\/","url":"https:\/\/culture.ixelles.be\/wp-content\/uploads\/2021\/05\/ixelles_green.svg","contentUrl":"https:\/\/culture.ixelles.be\/wp-content\/uploads\/2021\/05\/ixelles_green.svg","width":1,"height":1,"caption":"Service culture Ixelles"},"image":{"@id":"https:\/\/culture.ixelles.be\/en\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/culture.ixelles.be\/en\/wp-json\/wp\/v2\/pages\/70817"}],"collection":[{"href":"https:\/\/culture.ixelles.be\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/culture.ixelles.be\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/culture.ixelles.be\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/culture.ixelles.be\/en\/wp-json\/wp\/v2\/comments?post=70817"}],"version-history":[{"count":0,"href":"https:\/\/culture.ixelles.be\/en\/wp-json\/wp\/v2\/pages\/70817\/revisions"}],"wp:attachment":[{"href":"https:\/\/culture.ixelles.be\/en\/wp-json\/wp\/v2\/media?parent=70817"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}