{"id":1955,"date":"2024-01-16T01:12:01","date_gmt":"2024-01-16T01:12:01","guid":{"rendered":"https:\/\/duobid.online\/?p=1955"},"modified":"2024-07-26T09:48:39","modified_gmt":"2024-07-26T09:48:39","slug":"entry-problem2","status":"publish","type":"post","link":"https:\/\/octobridge.xyz\/duobid\/2024\/01\/16\/entry-problem2\/","title":{"rendered":"entry problem#1"},"content":{"rendered":"\n<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <style>\n        \/* Style for tabs *\/\n        .tab {\n            cursor: pointer;\n            padding: 10px 20px;\n            background-color: #f2f2f2;\n            display: inline-block;\n            border: 1px solid #ccc;\n            border-radius: 5px 5px 0 0;\n        }\n\n        \/* Hide content by default *\/\n        .tab-content {\n            display: none;\n            padding: 20px;\n            border: 1px solid #ccc;\n            border-radius: 0 0 5px 5px;\n        }\n    <\/style>\n<\/head>\n<body>\n\n<!-- Tab buttons -->\n<div class=\"tab\" onclick=\"openTab('tab1')\">Board 1<\/div>\n<div class=\"tab\" onclick=\"openTab('tab2')\">Board 2<\/div>\n\n<!-- Content for each tab -->\n<div id=\"tab1\" class=\"tab-content\">\n<p> wait a moment, hands will be coming in 5 seconds \ud83d\ude42 <\/p>\n   <p><iframe id=\"iframe1\" src=\"https:\/\/bridge-training.com\/player\/?dds=AEZzfd9p&amp;lang=en\" height=\"700\" width=\"500\" title=\"Iframe Example\"><\/iframe><\/p>\n\n<title>Popup Information<\/title>\n<style>\n    .popup {\n        display: none;\n        position: fixed;\n        top: 50%;\n        left: 50%;\n        transform: translate(-50%, -50%);\n        background-color: #ffffff;\n        border: 1px solid #cccccc;\n        padding: 20px;\n        z-index: 1000;\n    }\n<\/style>\n<\/head>\n<body>\n\n<button onclick=\"showPopup()\">Click me for information<\/button>\n\n<div id=\"popup\" class=\"popup\">\n    <p>This is the information you requested!<\/p>\n    <button onclick=\"hidePopup()\">Close<\/button>\n<\/div>\n\n<script>\n    function showPopup() {\n        document.getElementById(\"popup\").style.display = \"block\";\n    }\n\n    function hidePopup() {\n        document.getElementById(\"popup\").style.display = \"none\";\n    }\n<\/script>\n\n<\/body>\n\n<\/div>\n<div id=\"tab2\" class=\"tab-content\">\n<p> wait a moment, hands will be coming in 5 seconds \ud83d\ude42 <\/p>\n    <p><iframe id=\"iframe2\" src=\"https:\/\/bridge-training.com\/player?dds=Zhn7r6bQ&#038;lang=en\" height=\"700\" width=\"500\" title=\"Iframe Example\"><\/iframe><\/p>\n<\/div>\n\n<script>\n    \/\/ Function to open the selected tab\n    function openTab(tabName) {\n        \/\/ Hide all tab contents\n        var tabContents = document.getElementsByClassName('tab-content');\n        for (var i = 0; i < tabContents.length; i++) {\n            tabContents[i].style.display = 'none';\n        }\n\n        \/\/ Show the selected tab content\n        var selectedTab = document.getElementById(tabName);\n        selectedTab.style.display = 'block';\n\n        \/\/ Refresh the iframe content if it exists\n        var iframe = selectedTab.querySelector('iframe');\n        if (iframe) {\n            iframe.src = iframe.src;\n        }\n    }\n<\/script>\n\n<\/body>\n<\/html>\n\n\n","protected":false},"excerpt":{"rendered":"<p>Board 1 Board 2 wait a moment, hands will be coming in 5 seconds \ud83d\ude42 Popup Information Click me for information This is the information you requested! Close wait a moment, hands will be coming in 5 seconds \ud83d\ude42<\/p>\n","protected":false},"author":1,"featured_media":1908,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_kadence_starter_templates_imported_post":false,"_kad_post_transparent":"","_kad_post_title":"","_kad_post_layout":"","_kad_post_sidebar_id":"","_kad_post_content_style":"","_kad_post_vertical_padding":"","_kad_post_feature":"hide","_kad_post_feature_position":"behind","_kad_post_header":false,"_kad_post_footer":false,"footnotes":""},"categories":[29],"tags":[],"_links":{"self":[{"href":"https:\/\/octobridge.xyz\/duobid\/wp-json\/wp\/v2\/posts\/1955"}],"collection":[{"href":"https:\/\/octobridge.xyz\/duobid\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/octobridge.xyz\/duobid\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/octobridge.xyz\/duobid\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/octobridge.xyz\/duobid\/wp-json\/wp\/v2\/comments?post=1955"}],"version-history":[{"count":15,"href":"https:\/\/octobridge.xyz\/duobid\/wp-json\/wp\/v2\/posts\/1955\/revisions"}],"predecessor-version":[{"id":2022,"href":"https:\/\/octobridge.xyz\/duobid\/wp-json\/wp\/v2\/posts\/1955\/revisions\/2022"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/octobridge.xyz\/duobid\/wp-json\/wp\/v2\/media\/1908"}],"wp:attachment":[{"href":"https:\/\/octobridge.xyz\/duobid\/wp-json\/wp\/v2\/media?parent=1955"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/octobridge.xyz\/duobid\/wp-json\/wp\/v2\/categories?post=1955"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/octobridge.xyz\/duobid\/wp-json\/wp\/v2\/tags?post=1955"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}