{"id":1299,"date":"2023-08-03T11:29:39","date_gmt":"2023-08-03T11:29:39","guid":{"rendered":"https:\/\/staging.sowl.in\/stagingnew\/?page_id=1299"},"modified":"2024-05-23T10:53:40","modified_gmt":"2024-05-23T10:53:40","slug":"plan-your-journey","status":"publish","type":"page","link":"https:\/\/staging.sowl.in\/stagingnew\/plan-your-journey\/","title":{"rendered":"Plan Your Journey"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"1299\" class=\"elementor elementor-1299\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-170e1c8 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"170e1c8\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-5013a86\" data-id=\"5013a86\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-c5184d6 elementor-widget elementor-widget-shortcode\" data-id=\"c5184d6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">[wpaicg_chatgpt]<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-0cd634b\" data-id=\"0cd634b\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap\">\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-0c5f853 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"0c5f853\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-84877a8\" data-id=\"84877a8\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-a7aa308 elementor-widget elementor-widget-html\" data-id=\"a7aa308\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html>\r\n\r\n<head>\r\n    <style>\r\n        body {\r\n            font-family: Arial, sans-serif;\r\n            text-align: center;\r\n        }\r\n\r\n        #image-container {\r\n            margin: 20px auto;\r\n        } \r\n\r\n        img {\r\n            max-width: 100%;\r\n        }\r\n    <\/style>\r\n<\/head>\r\n\r\n<body>\r\n    <h1>Plan Your Journey<\/h1><br><br>\r\n\r\n    <!-- Dropdown for selecting a category -->\r\n    <label for=\"category\">Please Select a Category:<\/label>\r\n    <select id=\"category\">\r\n        <option value=\"nature\">Nature<\/option>\r\n        <option value=\"mountain\">Animals<\/option>\r\n        <option value=\"Temples\">City<\/option>\r\n    <\/select>\r\n\r\n    <!-- Dropdown for selecting an item within the category -->\r\n    <label for=\"item\">Please Select the Location:<\/label>\r\n    <select id=\"item\">\r\n        <option value=\"\">Select an item<\/option>\r\n        <!-- Add options for each category -->\r\n        <optgroup label=\"Nature\">\r\n            <option value=\"mountain\">Mountain<\/option>\r\n            <option value=\"beach\">Beach<\/option>\r\n            <option value=\"forest\">Forest<\/option>\r\n        <\/optgroup>\r\n        <optgroup label=\"Animals\">\r\n            <option value=\"lion\">Lion<\/option>\r\n            <option value=\"elephant\">Elephant<\/option>\r\n            <option value=\"dolphin\">Dolphin<\/option>\r\n        <\/optgroup>\r\n        <optgroup label=\"City\">\r\n            <option value=\"newyork\">New York<\/option>\r\n            <option value=\"paris\">Paris<\/option>\r\n            <option value=\"tokyo\">Tokyo<\/option>\r\n        <\/optgroup>\r\n    <\/select>\r\n\r\n    <!-- Container to display the selected image -->\r\n    <div id=\"image-container\">\r\n        <img decoding=\"async\" id=\"display-image\" src=\"https:\/\/staging.sowl.in\/stagingnew\/wp-content\/uploads\/2023\/10\/natuer-1.pn\" alt=\"Selected Image\">\r\n    <\/div>\r\n\r\n    <script>\r\n        \/\/ Get references to the category and item dropdowns and the image container\r\n        const categoryDropdown = document.getElementById('category');\r\n        const itemDropdown = document.getElementById('item');\r\n        const displayImage = document.getElementById('display-image');\r\n\r\n        \/\/ Add change event listeners to the dropdowns\r\n        categoryDropdown.addEventListener('change', updateImage);\r\n        itemDropdown.addEventListener('change', updateImage);\r\n\r\n        \/\/ Function to update the displayed image based on dropdown selections\r\n        function updateImage() {\r\n            const selectedCategory = categoryDropdown.value;\r\n            const selectedItem = itemDropdown.value;\r\n            if (selectedCategory && selectedItem) {\r\n                \/\/ Replace the path below with the URL of your online image\r\n                const imageUrl = 'https:\/\/example.com\/' + selectedCategory + '\/' + selectedItem + '.jpg';\r\n                displayImage.src = imageUrl;\r\n            } else {\r\n                \/\/ Display a placeholder image or clear the image container\r\n                displayImage.src = 'placeholder.jpg';\r\n            }\r\n        }\r\n\r\n        \/\/ Initialize with a default placeholder image\r\n        displayImage.src = 'placeholder.jpg';\r\n    <\/script>\r\n<\/body>\r\n\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>[wpaicg_chatgpt] Plan Your Journey Please Select a Category: NatureAnimalsCity Please Select the Location: Select an item MountainBeachForest LionElephantDolphin New YorkParisTokyo<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-1299","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/staging.sowl.in\/stagingnew\/wp-json\/wp\/v2\/pages\/1299","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/staging.sowl.in\/stagingnew\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/staging.sowl.in\/stagingnew\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/staging.sowl.in\/stagingnew\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/staging.sowl.in\/stagingnew\/wp-json\/wp\/v2\/comments?post=1299"}],"version-history":[{"count":23,"href":"https:\/\/staging.sowl.in\/stagingnew\/wp-json\/wp\/v2\/pages\/1299\/revisions"}],"predecessor-version":[{"id":7483,"href":"https:\/\/staging.sowl.in\/stagingnew\/wp-json\/wp\/v2\/pages\/1299\/revisions\/7483"}],"wp:attachment":[{"href":"https:\/\/staging.sowl.in\/stagingnew\/wp-json\/wp\/v2\/media?parent=1299"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}