{"id":21214,"date":"2022-07-27T07:30:34","date_gmt":"2022-07-27T07:30:34","guid":{"rendered":"https:\/\/www.wintersunexpert.com\/?page_id=21214"},"modified":"2022-07-29T09:03:36","modified_gmt":"2022-07-29T09:03:36","slug":"wintersun-expert-destination-finder","status":"publish","type":"page","link":"https:\/\/www.wintersunexpert.com\/wintersun-expert-destination-finder\/","title":{"rendered":"Wintersun Expert destination finder"},"content":{"rendered":"<h1 class=\"search_page_title\">Wintersun Expert destination finder<\/h1><p><p>Find the ultimate destination that has the perfect weather for you. Use the sliders to set the humidity\/comfort, and minimum and maximum temperatures you prefer and click on search.<\/p>\n<\/p>    <form action=\"\" method=\"get\" class=\"search_locations_form\">\r\n        <input type=\"hidden\" id=\"rnd\" name=\"rnd\" value=\"10.02455\">\r\n                <div class=\"form_item region_drop_down form_top\">\r\n            <div class=\"region_container_div\"><label class=\"region_container\">Caribian<input type=\"checkbox\" name=\"regions[]\" value=\"Caribian\" id=\"Caribian\" checked \/><span class=\"region_checkmark\"><\/span><\/label><\/div><div class=\"region_container_div\"><label class=\"region_container\">Europe<input type=\"checkbox\" name=\"regions[]\" value=\"Europe\" id=\"Europe\" checked \/><span class=\"region_checkmark\"><\/span><\/label><\/div><div class=\"region_container_div\"><label class=\"region_container\">Middle East<input type=\"checkbox\" name=\"regions[]\" value=\"Middle East\" id=\"Middle East\" checked \/><span class=\"region_checkmark\"><\/span><\/label><\/div><div class=\"region_container_div\"><label class=\"region_container\">Mexico<input type=\"checkbox\" name=\"regions[]\" value=\"Mexico\" id=\"Mexico\" checked \/><span class=\"region_checkmark\"><\/span><\/label><\/div><div class=\"region_container_div\"><label class=\"region_container\">US<input type=\"checkbox\" name=\"regions[]\" value=\"US\" id=\"US\" checked \/><span class=\"region_checkmark\"><\/span><\/label><\/div><div class=\"region_container_div\"><label class=\"region_container\">Africa<input type=\"checkbox\" name=\"regions[]\" value=\"Africa\" id=\"Africa\" checked \/><span class=\"region_checkmark\"><\/span><\/label><\/div><div class=\"region_container_div\"><label class=\"region_container\">South America<input type=\"checkbox\" name=\"regions[]\" value=\"South America\" id=\"South America\" checked \/><span class=\"region_checkmark\"><\/span><\/label><\/div><div class=\"region_container_div\"><label class=\"region_container\">Asia<input type=\"checkbox\" name=\"regions[]\" value=\"Asia\" id=\"Asia\" checked \/><span class=\"region_checkmark\"><\/span><\/label><\/div><div class=\"region_container_div\"><label class=\"region_container\">Australia<input type=\"checkbox\" name=\"regions[]\" value=\"Australia\" id=\"Australia\" checked \/><span class=\"region_checkmark\"><\/span><\/label><\/div><div class=\"region_container_div\"><label class=\"region_container\">Central America<input type=\"checkbox\" name=\"regions[]\" value=\"Central America\" id=\"Central America\" checked \/><span class=\"region_checkmark\"><\/span><\/label><\/div>            <\/div>\r\n                <div class=\"search_form\">\r\n                    <div class=\"toggle_switch form_item\">\r\n                <div class=\"btn-container\">\r\n                    <i class=\"fa fa-sun-o\" aria-hidden=\"true\"><\/i>\r\n                    <label class=\"switch btn-color-mode-switch\">\r\n                                <input type=\"checkbox\" name=\"switch_CF\" id=\"switch_CF\" value=\"1\">                    <label for=\"switch_CF\" data-on=\"Metric\" data-off=\"Imperial\" class=\"btn-color-mode-switch-inner\"><\/label>\r\n                    <\/label>\r\n                <\/div>\r\n            <\/div>\r\n                        <div class=\"form_item custom-select form_item_center\">\r\n                <select name='month' id='month'>\r\n                    <option selected value='0'>Select Month<\/option><option value='1'>January<\/option><option value='2'>February<\/option><option value='3'>March<\/option><option value='4'>April<\/option><option value='5'>May<\/option><option value='6'>June<\/option><option value='7'>July<\/option><option value='8'>August<\/option><option value='9'>September<\/option><option value='10'>October<\/option><option value='11'>November<\/option><option value='12'>December<\/option>                <\/select>\r\n            <\/div>\r\n                        <div class=\"form_item form_item_center\">\r\n                <div class=\"label_above_search1\">Humidty\/Comfort:<\/div>\r\n                <input type=\"text\" name=\"climate_grade_slider\" class=\"metric\" id=\"climate_grade\" \/>\r\n            <\/div>\r\n            <div class=\"metric_sliders slider_imperial do-not-show form_item form_item_center\">                <div class=\"label_above_search2\">Min\/Max day temp in Celcius:<\/div>\r\n                <input type=\"text\" name=\"day_temperature_sliderC\" class=\"metric\" id=\"day_temperatureC\" \/>\r\n            <\/div>\r\n            <div class=\"metric_sliders slider_imperial do-not-show form_item form_item_center\">                <div class=\"label_above_search2\">Min\/Max night temp in Celcius:<\/div>\r\n                <input type=\"text\" name=\"night_temperature_sliderC\" class=\"metric\" id=\"night_temperatureC\" \/>\r\n            <\/div>\r\n            <div class=\"metric_sliders slider_imperial do-not-show form_item form_item_center\">                <div class=\"label_above_search2\">Min\/Max water temp in Celcius:<\/div>\r\n                <input type=\"text\" name=\"water_temperature_sliderC\" class=\"metric\" id=\"water_temperatureC\" \/>\r\n            <\/div>\r\n            <div class=\"metric_sliders slider_metric form_item form_item_center\">                <div class=\"label_above_search2\">Min\/Max day temp in Fahrenheit:<\/div>\r\n                <input type=\"text\" name=\"day_temperature_sliderF\" class=\"imperial\" id=\"day_temperatureF\" \/>\r\n            <\/div>\r\n            <div class=\"metric_sliders slider_metric form_item form_item_center\">                <div class=\"label_above_search2\">Min\/Max night temp in Fahrenheit:<\/div>\r\n                <input type=\"text\" name=\"night_temperature_sliderF\" class=\"imperial\" id=\"night_temperatureF\" \/>\r\n            <\/div>\r\n            <div class=\"metric_sliders slider_metric form_item form_item_center\">                <div class=\"label_above_search2\">Min\/Max water temp in Fahrenheit:<\/div>\r\n                <input type=\"text\" name=\"water_temperature_sliderF\" class=\"imperial\" id=\"water_temperatureF\" \/>\r\n            <\/div>\r\n        <\/div>\r\n            <div class=\"form_item form_bottom form_item_center\">\r\n                <button type=\"submit\">Search<\/button>\r\n            <\/div>\r\n\r\n    <\/form>\r\n    <script type=\"text\/javascript\">\r\n        var climate_grade = new rSlider({\r\n            target: '#climate_grade',\r\n            values: ['Very<br>Dry','Comfy<br>Dry','Very<br>Comfy','Comfy','Slightly<br>Humid','Fairly<br>Humid','Very<br>Humid','Extreme<br>Humidity'],\r\n            range: true,\r\n            tooltip: false,\r\n            scale: true,\r\n            labels: true,\r\n            set: ['Very<br>Dry', 'Extreme<br>Humidity'],\r\n            step: 1,\r\n            width: 240\r\n        });\r\n        var day_temperatureC = new rSlider({\r\n            target: '#day_temperatureC',\r\n            values: {min: 0, max: 50},\r\n            range: true,\r\n            tooltip: true,\r\n            scale: true,\r\n            labels: false,\r\n            set: [0, 65],\r\n            step: 1,\r\n            width: 240\r\n        });\r\n        var night_temperatureC = new rSlider({\r\n            target: '#night_temperatureC',\r\n            values: {min: 0, max: 50},\r\n            range: true,\r\n            tooltip: true,\r\n            scale: true,\r\n            labels: false,\r\n            set: [0, 65],\r\n            step: 1,\r\n            width: 240\r\n        });\r\n        var water_temperatureC = new rSlider({\r\n            target: '#water_temperatureC',\r\n            values: {min: 0, max: 50},\r\n            range: true,\r\n            tooltip: true,\r\n            scale: true,\r\n            labels: false,\r\n            set: [0, 65],\r\n            step: 1,\r\n            width: 240\r\n        });\r\n        var day_temperatureF = new rSlider({\r\n            target: '#day_temperatureF',\r\n            values: {min: 32, max: 150},\r\n            range: true,\r\n            tooltip: true,\r\n            scale: true,\r\n            labels: false,\r\n            set: [32, 150],\r\n            step: 1,\r\n            width: 240\r\n        });\r\n        var night_temperatureF = new rSlider({\r\n            target: '#night_temperatureF',\r\n            values: {min: 32, max: 150},\r\n            range: true,\r\n            tooltip: true,\r\n            scale: true,\r\n            labels: false,\r\n            set: [32, 150],\r\n            step: 1,\r\n            width: 240\r\n        });\r\n        var water_temperatureF = new rSlider({\r\n            target: '#water_temperatureF',\r\n            values: {min: 32, max: 150},\r\n            range: true,\r\n            tooltip: true,\r\n            scale: true,\r\n            labels: false,\r\n            set: [32, 150],\r\n            step: 1,\r\n            width: 240\r\n        });\r\n\r\n        (function($) {\r\n            $(document).ready(function() {\r\n                $(\"#switch_CF\").on(\"change\", function () {\r\n                    colorModePreview(this);\r\n                })\r\n            });\r\n\r\n            function colorModePreview(ele) {\r\n                if($(ele).prop(\"checked\") == true){\r\n                    $('.slider_metric').addClass('do-not-show');\r\n                    $('.slider_imperial').removeClass('do-not-show');\r\n                    day_temperatureC.destroy();\r\n                    day_temperatureC = new rSlider({\r\n                        target: '#day_temperatureC',\r\n                        values: {min: 0, max: 50},\r\n                        range: true,\r\n                        tooltip: true,\r\n                        scale: true,\r\n                        labels: false,\r\n                        set: [0, 65],\r\n                        step: 1,\r\n                        width: 240\r\n                    });\r\n                    night_temperatureC.destroy();\r\n                    night_temperatureC = new rSlider({\r\n                        target: '#night_temperatureC',\r\n                        values: {min: 0, max: 50},\r\n                        range: true,\r\n                        tooltip: true,\r\n                        scale: true,\r\n                        labels: false,\r\n                        set: [0, 65],\r\n                        step: 1,\r\n                        width: 240\r\n                    });\r\n                    water_temperatureC.destroy();\r\n                    water_temperatureC = new rSlider({\r\n                        target: '#water_temperatureC',\r\n                        values: {min: 0, max: 50},\r\n                        range: true,\r\n                        tooltip: true,\r\n                        scale: true,\r\n                        labels: false,\r\n                        set: [0, 65],\r\n                        step: 1,\r\n                        width: 240\r\n                    });\r\n                    console.log(\"checked\");\r\n                }\r\n                else if($(ele).prop(\"checked\") == false){\r\n                    $('.slider_imperial').addClass('do-not-show');\r\n                    $('.slider_metric').removeClass('do-not-show');\r\n                    day_temperatureF.destroy();\r\n                    day_temperatureF = new rSlider({\r\n                        target: '#day_temperatureF',\r\n                        values: {min: 32, max: 150},\r\n                        range: true,\r\n                        tooltip: true,\r\n                        scale: true,\r\n                        labels: false,\r\n                        set: [32, 150],\r\n                        step: 1,\r\n                        width: 240\r\n                    });\r\n                    night_temperatureF.destroy();\r\n                    night_temperatureF = new rSlider({\r\n                        target: '#night_temperatureF',\r\n                        values: {min: 32, max: 150},\r\n                        range: true,\r\n                        tooltip: true,\r\n                        scale: true,\r\n                        labels: false,\r\n                        set: [32, 150],\r\n                        step: 1,\r\n                        width: 240\r\n                    });\r\n                    water_temperatureF.destroy();\r\n                    water_temperatureF = new rSlider({\r\n                        target: '#water_temperatureF',\r\n                        values: {min: 32, max: 150},\r\n                        range: true,\r\n                        tooltip: true,\r\n                        scale: true,\r\n                        labels: false,\r\n                        set: [32, 150],\r\n                        step: 1,\r\n                        width: 240\r\n                    });\r\n\r\n                    console.log(\"unchecked\");\r\n                }\r\n            }\r\n        })(jQuery);\r\n\r\n\r\n        var x, i, j, l, ll, selElmnt, a, b, c;\r\n        \/* Look for any elements with the class \"custom-select\": *\/\r\n        x = document.getElementsByClassName(\"custom-select\");\r\n        l = x.length;\r\n        for (i = 0; i < l; i++) {\r\n        selElmnt = x[i].getElementsByTagName(\"select\")[0];\r\n        ll = selElmnt.length;\r\n        \/* For each element, create a new DIV that will act as the selected item: *\/\r\n        a = document.createElement(\"DIV\");\r\n        a.setAttribute(\"class\", \"select-selected\");\r\n        a.innerHTML = selElmnt.options[selElmnt.selectedIndex].innerHTML;\r\n        x[i].appendChild(a);\r\n        \/* For each element, create a new DIV that will contain the option list: *\/\r\n        b = document.createElement(\"DIV\");\r\n        b.setAttribute(\"class\", \"select-items select-hide\");\r\n        for (j = 1; j < ll; j++) {\r\n            \/* For each option in the original select element,\r\n            create a new DIV that will act as an option item: *\/\r\n            c = document.createElement(\"DIV\");\r\n            c.innerHTML = selElmnt.options[j].innerHTML;\r\n            c.addEventListener(\"click\", function(e) {\r\n                \/* When an item is clicked, update the original select box,\r\n                and the selected item: *\/\r\n                var y, i, k, s, h, sl, yl;\r\n                s = this.parentNode.parentNode.getElementsByTagName(\"select\")[0];\r\n                sl = s.length;\r\n                h = this.parentNode.previousSibling;\r\n                for (i = 0; i < sl; i++) {\r\n                if (s.options[i].innerHTML == this.innerHTML) {\r\n                    s.selectedIndex = i;\r\n                    h.innerHTML = this.innerHTML;\r\n                    y = this.parentNode.getElementsByClassName(\"same-as-selected\");\r\n                    yl = y.length;\r\n                    for (k = 0; k < yl; k++) {\r\n                    y[k].removeAttribute(\"class\");\r\n                    }\r\n                    this.setAttribute(\"class\", \"same-as-selected\");\r\n                    break;\r\n                }\r\n                }\r\n                h.click();\r\n            });\r\n            b.appendChild(c);\r\n        }\r\n        x[i].appendChild(b);\r\n        a.addEventListener(\"click\", function(e) {\r\n            \/* When the select box is clicked, close any other select boxes,\r\n            and open\/close the current select box: *\/\r\n            e.stopPropagation();\r\n            closeAllSelect(this);\r\n            this.nextSibling.classList.toggle(\"select-hide\");\r\n            this.classList.toggle(\"select-arrow-active\");\r\n        });\r\n        }\r\n\r\n        function closeAllSelect(elmnt) {\r\n        \/* A function that will close all select boxes in the document,\r\n        except the current select box: *\/\r\n        var x, y, i, xl, yl, arrNo = [];\r\n        x = document.getElementsByClassName(\"select-items\");\r\n        y = document.getElementsByClassName(\"select-selected\");\r\n        xl = x.length;\r\n        yl = y.length;\r\n        for (i = 0; i < yl; i++) {\r\n            if (elmnt == y[i]) {\r\n            arrNo.push(i)\r\n            } else {\r\n            y[i].classList.remove(\"select-arrow-active\");\r\n            }\r\n        }\r\n        for (i = 0; i < xl; i++) {\r\n            if (arrNo.indexOf(i)) {\r\n            x[i].classList.add(\"select-hide\");\r\n            }\r\n        }\r\n        }\r\n\r\n\/* If the user clicks anywhere outside the select box,\r\nthen close all select boxes: *\/\r\ndocument.addEventListener(\"click\", closeAllSelect);\r\n\r\n    <\/script>\r\n        <h2>Please choose a month, and click on search!<\/h2><br><br><br>\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":{"_acf_changed":false,"_editorskit_title_hidden":false,"_editorskit_reading_time":1,"_editorskit_is_block_options_detached":false,"_editorskit_block_options_position":"{}","inline_featured_image":false,"_kad_blocks_custom_css":"","_kad_blocks_head_custom_js":"","_kad_blocks_body_custom_js":"","_kad_blocks_footer_custom_js":"","pgc_sgb_lightbox_settings":"","_kad_post_transparent":"","_kad_post_title":"","_kad_post_layout":"","_kad_post_sidebar_id":"","_kad_post_content_style":"","_kad_post_vertical_padding":"","_kad_post_feature":"","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"footnotes":""},"acf":[],"taxonomy_info":[],"featured_image_src_large":false,"author_info":{"display_name":"Winter Sun Expert","author_link":"https:\/\/www.wintersunexpert.com\/author\/fxhx1\/"},"comment_info":0,"_links":{"self":[{"href":"https:\/\/www.wintersunexpert.com\/wp-json\/wp\/v2\/pages\/21214"}],"collection":[{"href":"https:\/\/www.wintersunexpert.com\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.wintersunexpert.com\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.wintersunexpert.com\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.wintersunexpert.com\/wp-json\/wp\/v2\/comments?post=21214"}],"version-history":[{"count":8,"href":"https:\/\/www.wintersunexpert.com\/wp-json\/wp\/v2\/pages\/21214\/revisions"}],"predecessor-version":[{"id":21234,"href":"https:\/\/www.wintersunexpert.com\/wp-json\/wp\/v2\/pages\/21214\/revisions\/21234"}],"wp:attachment":[{"href":"https:\/\/www.wintersunexpert.com\/wp-json\/wp\/v2\/media?parent=21214"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}