Difference between revisions of "Test Marko"

Latest revision as of 11:42, 10 December 2025

Trainee

Trainer

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

@@ Line 1: / Line 1: @@
-<!DOCTYPE html>
+<div id="gesinn-custom-tabs" style="width:2000px; margin-bottom:5px;">
-<html lang="en">
+   <!-- Tab linkovi -->
-<head>
-  <meta charset="UTF-8">
-   <title>H5P Test Page</title>
-  <style>
-    /* Minimal styling for H5P wrapper */
-    .h5p-wrapper {
-      width: auto !important;
-      height: 300px !important; /* privremena visina */
-      font-size: 14px !important;
-      border: 1px solid #ccc;
-      margin: 20px auto;
-    }
-    body {
+<span class="g-tablinks" data-tab="trainee"
-      font-family: Arial, sans-serif;
+        style="display:inline-block; border:1px solid #999; padding:8px 15px;
-      padding: 20px;
+               margin-right:2px; cursor:pointer; background-color:#eee;
-    }
+               border-radius:5px 5px 0 0; font-weight:bold;">Trainee</span>
-  </style>
-</head>
-<body>
-  <h1>H5P Test Container</h1>
-  <!-- H5P iframe -->
+<span class="g-tablinks" data-tab="trainer"
-  <iframe
+        style="display:inline-block; border:1px solid #999; padding:8px 15px;
-    class="h5p-iframe"
+               margin-right:2px; cursor:pointer; background-color:#eee;
-    src="https://your-h5p-url/h5p-525"
+               border-radius:5px 5px 0 0; font-weight:bold;">Trainer</span>
-    width="100%"
-    height="300"
-    frameborder="0"
+</div>
-    allowfullscreen
-   ></iframe>
-  <script>
+<!-- Tab sadržaji -->
-    // Privremena JS da popup visinu dok H5P ne load-uje
+<div id="data-tab-content-trainee" class="g-tabcontent"
-    function fixH5PWrapper() {
+     style="display:block; border:1px solid #999; padding:10px; background-color:#f9f9f9;">
-      document.querySelectorAll('iframe.h5p-iframe').forEach(iframe => {
+  <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
-        try {
+  <p>Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
-          const doc = iframe.contentDocument || iframe.contentWindow.document;
+</div>
-          if (!doc) return;
-          const wrapper = doc.querySelector('.h5p-wrapper');
+<div id="data-tab-content-trainer" class="g-tabcontent"
-          if (!wrapper) return;
+     style="display:none; border:1px solid #999; padding:10px; background-color:#f0f0f0;">
+  <p>Phasellus lacinia velit a feugiat ultrices. Curabitur at elit eu odio imperdiet fermentum.</p>
-          console.log('H5P wrapper found:', wrapper);
+  <p>Donec vehicula, sapien non tempus ultrices, sem sapien cursus nisl, id tempus justo libero at nulla.</p>
+</div>
-          const height = parseFloat(wrapper.style.height);
-          const fontSize = parseFloat(wrapper.style.fontSize);
-          if (!height || height < 20 || !fontSize || fontSize < 5) {
-            wrapper.style.height = '300px';
-            wrapper.style.fontSize = '14px';
-            console.log('Wrapper style updated');
-          }
-        } catch(e) {
-          console.warn('Cannot access iframe (cross-origin?):', e);
-        }
-      });
-    }
-    // Check mehrfach, da iframe loading verzögert sein kann
-    setTimeout(fixH5PWrapper, 300);
-    setTimeout(fixH5PWrapper, 800);
-    setTimeout(fixH5PWrapper, 1500);
-  </script>
-</body>
-</html>