{"id":10,"date":"2026-10-16T08:42:00","date_gmt":"2026-10-16T08:42:00","guid":{"rendered":"https:\/\/imaginaryvoyage.com\/?page_id=10"},"modified":"2026-10-16T08:42:00","modified_gmt":"2026-10-16T08:42:00","slug":"10-2","status":"publish","type":"page","link":"http:\/\/imaginaryvoyage.com\/?page_id=10","title":{"rendered":""},"content":{"rendered":"    <style>\n        #wpsc-chat-container {\n            width: 100%;\n            max-width: 400px;\n            border: 1px solid #ccc;\n            border-radius: 8px;\n            overflow: hidden;\n            font-family: Arial, sans-serif;\n            background-color: #f9f9f9;\n            margin: 20px 0;\n        }\n        #wpsc-chat-header {\n            background-color: #2c3e50;\n            color: #fff;\n            padding: 15px;\n            text-align: center;\n            font-weight: bold;\n            font-size: 18px;\n        }\n        #wpsc-chat-messages {\n            height: 300px;\n            padding: 15px;\n            overflow-y: scroll;\n            background-color: #fff;\n            border-bottom: 1px solid #ddd;\n        }\n        .wpsc-message-item {\n            margin-bottom: 10px;\n            line-height: 1.4;\n        }\n        .wpsc-sender {\n            font-weight: bold;\n            color: #34495e;\n        }\n        .wpsc-time {\n            font-size: 0.8em;\n            color: #999;\n            margin-left: 5px;\n        }\n        #wpsc-chat-form {\n            display: flex;\n            padding: 10px;\n            background-color: #eee;\n        }\n        #wpsc-chat-input {\n            flex-grow: 1;\n            padding: 8px;\n            border: 1px solid #ccc;\n            border-radius: 4px;\n        }\n        #wpsc-chat-submit {\n            padding: 8px 15px;\n            margin-left: 10px;\n            background-color: #2980b9;\n            color: #fff;\n            border: none;\n            border-radius: 4px;\n            cursor: pointer;\n        }\n        #wpsc-chat-submit:hover {\n            background-color: #3498db;\n        }\n    <\/style>\n\n    <div id=\"wpsc-chat-container\">\n        <!-- Imaginary Voyage \ud0c0\uc774\ud2c0 \uc801\uc6a9 -->\n        <div id=\"wpsc-chat-header\">Imaginary Voyage<\/div>\n        <div id=\"wpsc-chat-messages\"><\/div>\n        <form id=\"wpsc-chat-form\">\n            <input type=\"hidden\" id=\"wpsc-chat-sender\" value=\"Guest_4217\">\n            <input type=\"text\" id=\"wpsc-chat-input\" placeholder=\"\uba54\uc2dc\uc9c0\ub97c \uc785\ub825\ud558\uc138\uc694...\" required autocomplete=\"off\">\n            <button type=\"submit\" id=\"wpsc-chat-submit\">\uc804\uc1a1<\/button>\n        <\/form>\n    <\/div>\n\n    <script type=\"text\/javascript\">\n        jQuery(document).ready(function($) {\n            var ajaxurl = \"http:\/\/imaginaryvoyage.com\/wp-admin\/admin-ajax.php\";\n            var chatMessagesBox = $('#wpsc-chat-messages');\n\n            \/\/ \uba54\uc2dc\uc9c0 \ubd88\ub7ec\uc624\uae30 \ub85c\uc9c1 (\ubc30\uc5f4 \ucc98\ub9ac \uc751\ub2f5\uc744 \ud30c\uc2f1)\n            function fetchMessages() {\n                $.ajax({\n                    url: ajaxurl,\n                    type: 'POST',\n                    data: {\n                        action: 'wpsc_get_messages'\n                    },\n                    success: function(response) {\n                        if (response.success) {\n                            var messages = response.data;\n                            var html = '';\n                            \n                            \/\/ \ubc30\uc5f4\uc744 \uc21c\ud68c\ud558\uba70 HTML \uad6c\uc870 \uc0dd\uc131\n                            $.each(messages, function(index, msg) {\n                                html += '<div class=\"wpsc-message-item\">';\n                                html += '<span class=\"wpsc-sender\">' + msg.sender + '<\/span>';\n                                html += '<span class=\"wpsc-time\">[' + msg.created_at + ']<\/span><br>';\n                                html += '<span class=\"wpsc-text\">' + msg.message + '<\/span>';\n                                html += '<\/div>';\n                            });\n\n                            chatMessagesBox.html(html);\n                            \/\/ \uc2a4\ud06c\ub864 \ub9e8 \uc544\ub798\ub85c \uc774\ub3d9\n                            chatMessagesBox.scrollTop(chatMessagesBox[0].scrollHeight);\n                        }\n                    }\n                });\n            }\n\n            \/\/ \ud398\uc774\uc9c0 \ub85c\ub4dc \uc2dc \uc989\uc2dc 1\ud68c \ud638\ucd9c\n            fetchMessages();\n\n            \/\/ 3\ucd08\ub9c8\ub2e4 \uba54\uc2dc\uc9c0 \uac31\uc2e0 (\ud3f4\ub9c1 \ubc29\uc2dd)\n            setInterval(fetchMessages, 3000);\n\n            \/\/ \uba54\uc2dc\uc9c0 \uc804\uc1a1 \ub85c\uc9c1\n            $('#wpsc-chat-form').on('submit', function(e) {\n                e.preventDefault();\n                \n                var senderInfo = $('#wpsc-chat-sender').val();\n                var messageContent = $('#wpsc-chat-input').val();\n                var submitBtn = $('#wpsc-chat-submit');\n\n                if (messageContent.trim() === '') return;\n\n                submitBtn.prop('disabled', true);\n\n                $.ajax({\n                    url: ajaxurl,\n                    type: 'POST',\n                    data: {\n                        action: 'wpsc_send_message',\n                        sender: senderInfo,\n                        message: messageContent\n                    },\n                    success: function(response) {\n                        if (response.success) {\n                            $('#wpsc-chat-input').val('');\n                            fetchMessages(); \/\/ \uc804\uc1a1 \uc131\uacf5 \uc2dc \uc989\uc2dc \uac31\uc2e0\n                        } else {\n                            alert('\uba54\uc2dc\uc9c0 \uc804\uc1a1\uc5d0 \uc2e4\ud328\ud588\uc2b5\ub2c8\ub2e4.');\n                        }\n                    },\n                    complete: function() {\n                        submitBtn.prop('disabled', false);\n                        $('#wpsc-chat-input').focus();\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":{"footnotes":""},"class_list":["post-10","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"http:\/\/imaginaryvoyage.com\/index.php?rest_route=\/wp\/v2\/pages\/10","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/imaginaryvoyage.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"http:\/\/imaginaryvoyage.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"http:\/\/imaginaryvoyage.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/imaginaryvoyage.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=10"}],"version-history":[{"count":1,"href":"http:\/\/imaginaryvoyage.com\/index.php?rest_route=\/wp\/v2\/pages\/10\/revisions"}],"predecessor-version":[{"id":11,"href":"http:\/\/imaginaryvoyage.com\/index.php?rest_route=\/wp\/v2\/pages\/10\/revisions\/11"}],"wp:attachment":[{"href":"http:\/\/imaginaryvoyage.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=10"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}