{"id":192,"date":"2025-06-11T13:22:43","date_gmt":"2025-06-11T11:22:43","guid":{"rendered":"https:\/\/programmering.gtg.se\/frans-noa.jerenvik\/?page_id=192"},"modified":"2025-06-13T11:05:56","modified_gmt":"2025-06-13T09:05:56","slug":"begrepplista","status":"publish","type":"page","link":"https:\/\/programmering.gtg.se\/frans-noa.jerenvik\/index.php\/begrepplista\/","title":{"rendered":"Begrepplista"},"content":{"rendered":"\n<div class=\"wp-block-group is-content-justification-space-between is-nowrap is-layout-flex wp-container-core-group-is-layout-64e4122a wp-block-group-is-layout-flex\" style=\"padding-left:0\">\n<h2 class=\"wp-block-heading has-x-large-font-size\">Begrepplista<\/h2>\n\n\n\n<div class=\"wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link wp-element-button\" href=\"https:\/\/programmering.gtg.se\/frans-noa.jerenvik\/index.php\/skolprojekt\/\">Tillbaka<\/a><\/div>\n<\/div>\n<\/div>\n\n\n\n    <div id=\"begrepp-search-container\">\n        <form method=\"get\" action=\"\" style=\"margin-bottom: 20px;\">\n            <label for=\"begrepp_sok_input\" style=\"display: block; margin-bottom: 5px;\">S\u00f6k begrepp:<\/label>\n            <div style=\"display: flex; align-items: center; gap: 10px;\">\n                <input type=\"text\" id=\"begrepp_sok_input\" name=\"sokterm\" value=\"\" placeholder=\"T.ex. HTML eller CSS\" style=\"flex-grow: 1; padding: 8px; border: 1px solid #ccc; border-radius: 5px;\">\n                <button type=\"submit\" style=\"padding: 8px 12px; background-color: #0073aa; color: white; border: none; border-radius: 5px; cursor: pointer; display: flex; align-items: center; justify-content: center;\">\n                    <span class=\"dashicons dashicons-search\" style=\"font-size: 20px; width: 20px; height: 20px;\"><\/span>\n                <\/button>\n            <\/div>\n        <\/form>\n    <div id=\"begrepp-search-results\"><div id=\"begrepp-detail-box\" style=\"display: none; border: 1px solid #ccc; padding: 15px; margin-top: 20px; background-color: #f9f9f9; border-radius: 8px;\"><h3 id=\"begrepp-detail-title\"><\/h3><p id=\"begrepp-detail-info\"><\/p><button id=\"begrepp-detail-back-button\" style=\"margin-top: 15px; padding: 8px 15px; background-color: #0073aa; color: white; border: none; border-radius: 5px; cursor: pointer;\">Tillbaka till s\u00f6kresultat<\/button><\/div>\n    <script type=\"text\/javascript\">\n        document.addEventListener(\"DOMContentLoaded\", function() {\n            var searchResultsList = document.getElementById(\"begrepp-results-list\");\n            var detailBox = document.getElementById(\"begrepp-detail-box\");\n            var detailTitle = document.getElementById(\"begrepp-detail-title\");\n            var detailInfo = document.getElementById(\"begrepp-detail-info\");\n            var backButton = document.getElementById(\"begrepp-detail-back-button\");\n            var searchContainer = document.getElementById(\"begrepp-search-container\"); \/\/ Den \u00f6vergripande containern\n\n            \/\/ Kontrollera om s\u00f6kresultatslistan finns (dvs. en s\u00f6kning utf\u00f6rdes)\n            if (searchResultsList) {\n                var resultItems = searchResultsList.getElementsByClassName(\"begrepp-result-item\");\n\n                \/\/ L\u00e4gg till klicklyssnare p\u00e5 varje s\u00f6kresultatobjekt\n                Array.from(resultItems).forEach(function(item) {\n                    item.addEventListener(\"click\", function() {\n                        var begrepp = this.getAttribute(\"data-begrepp\");\n                        var info = this.getAttribute(\"data-info\");\n\n                        \/\/ D\u00f6lj listan med s\u00f6kresultat\n                        searchResultsList.style.display = \"none\";\n\n                        \/\/ Fyll och visa detaljboxen\n                        detailTitle.innerHTML = begrepp;\n                        detailInfo.innerHTML = info;\n                        detailBox.style.display = \"block\";\n                    });\n                });\n            }\n\n            \/\/ L\u00e4gg till klicklyssnare p\u00e5 \"Tillbaka\"-knappen\n            if (backButton) {\n                backButton.addEventListener(\"click\", function() {\n                    \/\/ D\u00f6lj detaljboxen\n                    detailBox.style.display = \"none\";\n                    \/\/ Visa listan med s\u00f6kresultat igen\n                    if (searchResultsList) {\n                         searchResultsList.style.display = \"block\";\n                    }\n                });\n            }\n\n            \/\/ Om en s\u00f6kterm finns i URL:en vid sidladdning,\n            \/\/ och ingen specifik artikel klickades \u00e4nnu, se till att resultatlistan \u00e4r synlig\n            \/\/ Detta hanterar direkta sidladdningar med en s\u00f6kfr\u00e5ga.\n            var urlParams = new URLSearchParams(window.location.search);\n            if (urlParams.has(\"sokterm\") && searchResultsList) {\n                \/\/ Initialt tillst\u00e5nd: visa resultatlistan, d\u00f6lj detaljboxen\n                searchResultsList.style.display = \"block\";\n                detailBox.style.display = \"none\";\n            }\n        });\n    <\/script><\/div>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Begrepplista<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-192","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/programmering.gtg.se\/frans-noa.jerenvik\/index.php\/wp-json\/wp\/v2\/pages\/192","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/programmering.gtg.se\/frans-noa.jerenvik\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/programmering.gtg.se\/frans-noa.jerenvik\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/programmering.gtg.se\/frans-noa.jerenvik\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/programmering.gtg.se\/frans-noa.jerenvik\/index.php\/wp-json\/wp\/v2\/comments?post=192"}],"version-history":[{"count":11,"href":"https:\/\/programmering.gtg.se\/frans-noa.jerenvik\/index.php\/wp-json\/wp\/v2\/pages\/192\/revisions"}],"predecessor-version":[{"id":362,"href":"https:\/\/programmering.gtg.se\/frans-noa.jerenvik\/index.php\/wp-json\/wp\/v2\/pages\/192\/revisions\/362"}],"wp:attachment":[{"href":"https:\/\/programmering.gtg.se\/frans-noa.jerenvik\/index.php\/wp-json\/wp\/v2\/media?parent=192"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}