HTML och IFrame

Om du behöver hämta innehåll från andra webbsidor eller tjänster kan du använda modulen HTML. Det går bra att använda HTML-modulen för att hämta IFrames. Hämta innehåll i en IFrame och visa det på en sida Välj modulen HTML under Integration Välj Egen HTML-kod och klistra in koden som ska börja med på raden bredvid siffran ett och klicka Ok. HTML-modulen kan alltså också användas för att hämta in annan HTML-kod än Iframes. Om modulen har en bredd angiven i pixlar, sätt denna till 100% för att utnyttja hela sidbredden. Vid publicering av sidan kan du eventuellt stöta på fel i tillgänglighetskontrollen. För att se vad detta är, klicka på länken i kontrollen och leta efter röda utropstecken. Vanligtvis behöver du ta bort något i slutet av iframe-koden, som till exempel strängen frameborder="0" style="border:0" allowfullscreen . Ta inte bort då det bryter koden! HTML-koder kan vara krångligt så om du inte lyckas få det att fungera felfritt eller som du vill ha det, kontakta webbsidans administratör. HTML-kod i en plusbox Under Innehåll -> Mittenspalt nere till vänster, högerklicka på modulen som bör heta HTML och välj Dekoration -> Plusbox. Högerklicka igen på modulen HTML och byt namn till något lämpligt. Karta i Google Maps window.svDocReady(function(){ // Remove all elements with the class "ws-accessibility-hook" document.querySelectorAll(".ws-accessibility-hook").forEach(function(hook) { hook.remove(); }); // Iterate over each ".ws-plusbox" element document.querySelectorAll(".ws-plusbox").forEach(function(box, i) { var collapseContainer = box.parentElement.nextElementSibling; // Check if the next sibling element has the "env-collapse" class if (collapseContainer && collapseContainer.classList.contains("env-collapse")) { var containerId = 'plusbox-' + i; box.setAttribute('data-containerid', containerId); var anchor = box.querySelector("a"); if (anchor) { anchor.setAttribute("href", '#' + containerId); anchor.setAttribute("aria-controls", containerId); // Add a click event to toggle collapsible content anchor.addEventListener("click", function(event) { event.preventDefault(); // Prevent the default link behavior envision.collapse("#" + containerId).then(function(collapses) { if (collapses[0].isVisible()) { collapses[0].hide(); anchor.setAttribute("aria-expanded", "false"); } else { collapses[0].show(); anchor.setAttribute("aria-expanded", "true"); } }); }); } collapseContainer.setAttribute("id", containerId); collapseContainer.classList.add("ws-plusbox__container"); } else { console.error("Couldn't find container to associate button with"); } }); // Check for hash in URL to open specific collapsible content window.addEventListener("hashchange", (event) => { if (location.hash) { document.querySelector(location.hash).nextElementSibling.querySelector('a.env-collapse-header').click().scrollIntoView(); } }) });