Difference between revisions of "Test Marko"

Latest revision as of 12:25, 10 December 2025

 Trainee
              
 Trainer

Phasellus lacinia velit a feugiat ultrices. Curabitur at elit eu odio imperdiet fermentum.

Donec vehicula, sapien non tempus ultrices, sem sapien cursus nisl, id tempus justo libero at nulla.

1

Test H5P Content

Hier ist nur der H5P-Inhalt zum Testen.

BEYOND research ethics and integrity cases

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