Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert

Comment</p><p class="comment-form-author"><label for="author">Name<span class="required">*</span></label> <input id="author" placeholder="Name*" name="author" type="text" value="" size="30" maxlength="245" aria-required="true"/></p> <p class="comment-form-email"><label for="email">E-Mail<span class="required">*</span></label> <input id="email" placeholder="E-Mail*" name="email" type="email" value="" size="30" maxlength="100" aria-describedby="email-notes" aria-required="true"/></p> <p class="comment-form-url"><label for="url">Website</label><input id="url" placeholder="Website" name="url" type="url" value="" size="30" maxlength="200"/></p> <p class="comment-form-cookies-consent"><label for="wp-comment-cookies-consent"><input id="wp-comment-cookies-consent" name="wp-comment-cookies-consent" type="checkbox" value="yes"/>Save my name, email, and site URL in my browser for next time I post a comment.</label></p> <p class="form-submit"><input name="submit" type="submit" id="submit" class="submit" value="Kommentar abschicken"/> <input type="hidden" name="comment_post_ID" value="14561" id="comment_post_ID"/> <input type="hidden" name="comment_parent" id="comment_parent" value="0"/> </p></form> </div><!-- #respond --> </section><!-- #comments --> <span class="schema-publisher" itemprop="publisher" itemscope="" itemtype="https://schema.org/Organization"> <span itemprop="logo" itemscope="" itemtype="https://schema.org/ImageObject"> <meta itemprop="url" content="https://www.hessenhub.de/wp-content/uploads/2021/10/hessenhub-logo.png"/> </span> <meta itemprop="name" content="HessenHub – Netzwerk digitale Hochschullehre Hessen"/> </span> <link itemprop="mainEntityOfPage" href="https://www.hessenhub.de/an-alles-gedacht-beitrag-2-kontrast/"/> </div><!-- .article-inner --> </article><!-- #post-## --> </main></span></p></div></div><div class="modified">Modifié le: mardi 17 septembre 2024, 11:29</div></div> <div class="mt-5 mb-1 activity-navigation container-fluid"> <div class="row"> <div class="col-md-4"> <div class="float-left"> <a href="https://lernen-alt.h-da.de/mod/page/view.php?id=245082&forceview=1" id="prev-activity-link" class="btn btn-link" >◄ Barrierefreiheits Kampagne An alles gedacht? Farbsehschwächen</a> </div> </div> <div class="col-md-4"> <div class="mdl-align"> <div class="urlselect"> <form method="post" action="https://lernen-alt.h-da.de/course/jumpto.php" class="form-inline" id="url_select_f673efb199e2062"> <input type="hidden" name="sesskey" value="lUea6IsRY1"> <label for="jump-to-activity" class="sr-only"> Aller à… </label> <select id="jump-to-activity" class="custom-select urlselect" name="jump" > <option value="" selected>Aller à…</option> <option value="/mod/forum/view.php?id=239660&forceview=1" >Nachrichten</option> <option value="/mod/page/view.php?id=241533&forceview=1" >Auflistung der wesentlichen Neuerungen in Moodle 4.1</option> <option value="/mod/page/view.php?id=245082&forceview=1" >Barrierefreiheits Kampagne An alles gedacht? Farbsehschwächen</option> <option value="/mod/page/view.php?id=245085&forceview=1" >Barrierefreiheits Kampagne An alles gedacht? Schriftarten</option> <option value="/mod/page/view.php?id=245086&forceview=1" >Barrierefreiheits Kampagne An alles gedacht? Alternativtexte</option> <option value="/mod/page/view.php?id=245087&forceview=1" >Barrierefreiheits Kampagne An alles gedacht? Untertitel</option> <option value="/mod/page/view.php?id=245088&forceview=1" >Barrierefreiheits Kampagne An alles gedacht? Links</option> <option value="/mod/page/view.php?id=245089&forceview=1" >Barrierefreiheits Kampagne An alles gedacht? Struktur von Kursen</option> </select> <noscript> <input type="submit" class="btn btn-secondary ml-1" value="Valider"> </noscript> </form> </div> </div> </div> <div class="col-md-4"> <div class="float-right"> <a href="https://lernen-alt.h-da.de/mod/page/view.php?id=245085&forceview=1" id="next-activity-link" class="btn btn-link" >Barrierefreiheits Kampagne An alles gedacht? Schriftarten ►</a> </div> </div> </div> </div> </section> </div> </div> </div> </div> <footer id="page-footer" class="footer-popover bg-white"> <div data-region="footer-container-popover"> <button class="btn btn-icon bg-secondary icon-no-margin btn-footer-popover" data-action="footer-popover" aria-label="Afficher le pied de page"> <i class="icon fa fa-question fa-fw " aria-hidden="true" ></i> </button> </div> <div class="footer-content-popover container" data-region="footer-content-popover"> <div class="footer-section p-3 border-bottom"> <div class="footer-support-link"><a href="http://itdua.h-da.de/" target="blank"><i class="icon fa fa-envelope-o fa-fw " aria-hidden="true" ></i>Contacter l’assistance du site<i class="icon fa fa-external-link fa-fw ml-1" aria-hidden="true" ></i></a></div> </div> <div class="footer-section p-3 border-bottom"> <div class="logininfo"> <div class="logininfo">Non connecté. (<a href="https://lernen-alt.h-da.de/login/index.php">Connexion</a>)</div> </div> </div> <div class="tool_usertours-resettourcontainer"></div> <div class="footer-section p-3 border-bottom"> <div class="tool_dataprivacy"><a href="https://lernen-alt.h-da.de/admin/tool/dataprivacy/summary.php">Résumé de conservation de données</a></div><div class="policiesfooter"><a href="https://lernen-alt.h-da.de/admin/tool/policy/viewall.php?returnurl=https%3A%2F%2Flernen-alt.h-da.de%2Fmod%2Fpage%2Fview.php%3Fid%3D245084">Politiques</a></div> </div> <div class="footer-section p-3 border-bottom"> <div>Fourni par <a href="https://moodle.com">Moodle</a></div> </div> <div class="footer-section p-3 border-bottom"> <script type="text/javascript"> var anav = document.getElementById('page-wrapper').getElementsByClassName('navbar'); var drawerprimary = document.getElementById('theme_boost-drawers-primary'); var page = document.getElementById('page'); var initializing = true; var bodyId = document.body.id; if (document.body.className.match(/notloggedin/)) { if (bodyId == "page-site-index") { //Anmeldeblock: focus auf den Login var userLang = navigator.language || navigator.userLanguage; console.log("The language is: " + userLang); const loginname = document.getElementById('login_username'); const loginpw = document.getElementById('login_password'); //document.getElementById('login_password').focus(); loginname.focus(); loginname.setAttribute('tabindex',"1"); loginpw.setAttribute('tabindex',"2"); loginname.setAttribute("alt","Login für Moodle - Kurse der Hochschule Darmstadt. Bitte hier den h_da Benutzernamen eingeben."); loginpw.setAttribute("alt","Bitte hier das h_da Kennwort eingeben."); if (document.body.classList.contains("lang-en")) { loginname.setAttribute("alt","Login for Moodle courses at Darmstadt University of Applied Sciences. Please enter your h_da username here."); loginpw.setAttribute("alt","Please enter your h_da password here"); } if (document.body.classList.contains("lang-fr")) { loginname.setAttribute("alt","Connectez-vous aux cours Moodle de l'Université des sciences appliquées de Darmstadt. Veuillez entrer le nom d'utilisateur h_da ici."); loginpw.setAttribute("alt","Veuillez entrer le mot de passe h_da ici."); } // Funktion, um den Tastatur-Event abzufangen function handleTabKey(event) { const loginUsername = document.getElementById('login_username'); const loginPassword = document.getElementById('login_password'); // Überprüfen, ob die Tabulatortaste gedrückt wurde if (event.key === 'Tab' && document.activeElement === loginUsername) { // Den Fokus auf das login_password-Feld setzen event.preventDefault(); // Verhindert den normalen Tabulatorverlauf loginPassword.focus(); } } // Event-Listener für das Tastatur-Event hinzufügen document.addEventListener('keydown', handleTabKey); } if (bodyId != "page-login-index") { //im notloggedin Bereich gibt es keine Notifications also soll das Hamburgermenü vor das Language Menü var aNavN = document.getElementById('usernavigation').getElementsByClassName('langmenu'); } else { //auf der login Seite gibt es gar keine nav Leiste... var aNavN = document.querySelectorAll('.loginform .d-flex .btn-secondary'); } navbarerweiterungspos = aNavN[0]; //den Block Meine Kurse entfernen, da dieser sonst das Anzeigen der Seite verhindert und auf die /login Seite weiterleitet... if (bodyId != "page-login-index") { //auf der login seite gibt es keine Blöcke const myCoursesBlock = document.querySelector("#theme_boost-drawers-blocks .block_myoverview"); myCoursesBlock.remove(); } } else { //angemeldeter user let isEditingTeacher = document.querySelector('#usernavigation .editmode-switch-form'); if (isEditingTeacher) {document.body.classList.add ('editTeacher');} else {document.body.classList.add ('studi');} let aNavN = document.getElementById('usernavigation').getElementsByClassName('popover-region-notifications'); if (aNavN[0]) { navbarerweiterungspos = aNavN[0]; } else { //Die Notifications sind abgeschaltet... dann nehmen wir das Usermenü let aNavN = document.getElementById('usernavigation').getElementsByClassName('usermenu-container'); if (aNavN[0]) { navbarerweiterungspos = aNavN[0]; } else { //dann halt die Usernavigation... aNavN = document.getElementById('usernavigation'); navbarerweiterungspos = aNavN; } } } //Link auf dem Logo - mehr barrierefreiheit var navbar = document.getElementsByClassName("navbar")[0]; let logo = document.getElementsByClassName("logo")[0]; if(logo) { //language sensitive /*Language sensitive*/ logo.setAttribute('alt', 'Start'); if (document.body.classList.contains("lang-en")) { logo.setAttribute("alt",'Home'); } if (document.body.classList.contains("lang-fr")) { logo.setAttribute("alt",'Page d´accueil'); } //logo immer sichtbar let navbrand = document.querySelector(".navbar-brand.d-none"); if (navbrand) { navbrand.classList.remove('d-none'); } } /* if (document.body.id != "page-login-index") { // Link um das Logo entfernen, da dieser besonders für screenreader nervt. ausserdem liest der screenreader link auf einem Bild vor... logo.setAttribute('alt', ''); logo.setAttribute('alt', 'Logo der Hochschule Darmstadt'); var link = document.getElementsByClassName("navbar-brand")[0]; // Logo hinter den Link setzen navbar.insertBefore(logo, link.nextSibling); // remove the empty element navbar.removeChild(link); }*/ //darkmode----------------------------------------------------------------------------------------------- var darkmode = document.createElement('div'); darkmode.id = 'switchSun'; //localstorage überprüfen if (localStorage.moon) { var dcookievar = localStorage.getItem("moon"); } else { //was sagt das System? Wenn der Browser prefercolorscheme unterstützt... const prefersdark = window.matchMedia('(prefers-color-scheme: dark)'); if(prefersdark.matches){ localStorage.setItem("moon", "true"); var dcookievar = true; } else { localStorage.setItem("moon", "false"); var dcookievar = false; } } if (dcookievar == "false") dcookievar = false; function switchDarkmode(onoff){ //body class darkmode hinzufügen bzw. entfernen if (onoff) { //darkmode an! moon true if (!document.body.classList.contains("darkmode")) { document.body.classList.add('darkmode'); } } else { //darkmode aus moon false if (document.body.classList.contains("darkmode")) { document.body.classList.remove('darkmode'); } } Sun (onoff); if (!initializing) { tinyMCEColors (); } initializing = false; } function Sun (onoff){ if (onoff) { switchSun.innerHTML='<a class="darkmodeB nav-link" href="javascript:saveDarkmode()" title="light"></a>'; } else { switchSun.innerHTML='<a class="darkmodeA nav-link" href="javascript:saveDarkmode()" title="darkmode"></a>'; } } function saveDarkmode(){ //wird vom arrow Button und nach dem ersten laden ausgelöst dcookievar = !dcookievar; if (!dcookievar){ localStorage.setItem("moon", "false"); } else { localStorage.setItem("moon", "true"); } switchDarkmode (dcookievar); } navbarerweiterungspos.before(darkmode); //beim ersten laden umdrehen des darkmode Wertes, da durch die Funktion immer der Wert von true auf false gestzt wird dcookievar = !dcookievar; //erster Start saveDarkmode(); //------------------------------------------------------theme boost oder adaptable? der Rest ist nur für boost! und nur für angemeldete User if (!document.body.className.match(/theme_adaptable/) && !document.body.className.match(/notloggedin/)){ var home = false; if (document.getElementById ('page-site-index')!= null) { home = true;} var admin = false; //slider auf der Startseite für screenreader unsichtbar machen if(home){ var blockslider = document.getElementsByClassName('block_slider'); for (var i = 0; i < blockslider.length; i++) { blockslider[i].setAttribute('aria-hidden', 'true'); } } //BigBlueButton Zeitanzeige Fix - die Dauer von ms auf hh:mm umrechnen if (document.body.id =="page-mod-bigbluebuttonbn-view") { setTimeout(function(){bbbtableloaded ();},3000); function bbbtableloaded(){ var bbbDates = document.querySelectorAll('.yui3-datatable-col-duration'); console.log("BigBlueButton", bbbDates.length); bbbDates.forEach((dauer) => { var ms = parseInt(dauer.innerHTML); if (isNaN(ms)) return; let seconds = ms / 1000; // 2- Extract hours: const hours = parseInt( seconds / 3600 ); // 3600 seconds in 1 hour seconds = seconds % 3600; // seconds remaining after extracting hours // 3- Extract minutes: const minutes = parseInt( seconds / 60 ); // 60 seconds in 1 minute // 4- Keep only seconds not extracted to minutes: seconds = seconds % 60; if (hours==0) stunden =""; else stunden = hours+"h "; //alert( hours+":"+minutes+":"+seconds); dauer.innerHTML = stunden + minutes+"min"; }); } } /*------------------------------chatbot in die Hilfe Blase------------------- geht noch nicht - der hilfe popup wird über js erzeugt? var footer = document.getElementById ('page-footer'); var hilfepopup = document.querySelector('#page-footer .popover.fade.show.footer'); var placeforchat = hilfepopup.querySelector('.popover-body'); let chat = document.getElementById('inst36935'); if (myCoursesBlock) { placeforchat.after(chat); } */ //-----------------------------primary navigation----------------------------- //Primary Navigation: welche Elemente sollen angezeigt werden? var primaryNavigation = document.getElementsByClassName("primary-navigation")[0]; var navbarToggler = document.getElementsByClassName("navbar-toggler")[0]; function getElementsWithDataKey(element, datakey ) { //auffinden vom ersten Objekt über datakey. element ist z.B. data-key="irgendwas" in document.pagewrapper //var children = document.getElementsByTagName('*'); var myelement = element.querySelector('[data-key='+datakey+']'); if(!myelement) return; return myelement; } function addShowAndAlt (was, alt_de, alt_en, alt_fr){ element = getElementsWithDataKey(primaryNavigation, was); if(!element) return; alt = alt_de; if (document.body.classList.contains("lang-en")) { alt = alt_en; } if (document.body.classList.contains("lang-fr")) { alt = alt_fr; } element.classList.add('show'); element.setAttribute("alt",alt); } hosturl = document.location.origin; selektor = '.navbar .primary-navigation [href="' + hosturl + '/course/index.php"]' kursbereiche = document.querySelector(selektor).parentNode; kursbereiche.setAttribute('data-key',"courses"); addShowAndAlt("siteadminnode","Admin Bereich", "Administration", "Administration"); addShowAndAlt("home","Home","Home","Home"); addShowAndAlt("courses","Kursbereiche","Courses","Cours"); addShowAndAlt("myhome","Dashboard","Dashboard","Dashboard"); function primarySchieber(wohin, kopieren){ was = primaryNavigation.querySelectorAll('.primary-navigation .moremenu .show'); for (var i = was.length; i > 0; i--) { if(kopieren){ //copyFirstNavs let new_element = was[i-1].cloneNode(true); wohin.after(new_element); } else { //schieben wohin.after(was[i-1]); } } } //Navbar-Toggler function altForNavbarToggler (welcher) { /*Language sensitive*/ welcher.setAttribute("alt",'Kurse & Links'); if (document.body.classList.contains("lang-en")) { welcher.setAttribute("alt",'Courses & Links'); } if (document.body.classList.contains("lang-fr")) { welcher.setAttribute("alt",'Cours & Links'); } } //Navbar-Toggler auf der Startseite überwachen, damit die Navigation jederzeit wieder eingeblendet werden kann Seitenbreite = window.screen.width; var bodyClasses = document.body.getAttribute('class').split(' '); var imKurs = bodyClasses.indexOf('course') > -1; if (!imKurs || document.body.id == "page-site-index") { if (Seitenbreite >= 1025){ // Ziel-Element, das überwacht werden soll const targetElement = document.querySelector('.drawer.drawer-left.drawer-primary'); function handleChanges(mutationsList, observer) { const targetElement = document.querySelector('.drawer.drawer-left.drawer-primary'); for (const mutation of mutationsList) { if (mutation.type === 'attributes' && !targetElement.classList.contains('show')) { // Die Klasse "show" ist wieder vorhanden, daher die Funktion ausführen shownavbartoggler('1'); } else { // Die Klasse "show" ist nicht mehr vorhanden, daher die Funktion ausführen shownavbartoggler('0'); } } } // Konfiguration für den Mutation Observer const observerConfig = { attributes: true, // Überwacht Attributänderungen attributeFilter: ['class'] // Überwacht Änderungen der Klasse }; // Mutation Observer erstellen const observer = new MutationObserver(handleChanges); // Starten Sie die Überwachung des Ziel-Elements observer.observe(targetElement, observerConfig); function shownavbartoggler(toggle) { //opacitiy des navbar toggler setzen let toggler = document.querySelector('.navbar .navbar-toggler'); if (toggler){ toggler.style.opacity = toggle; } } } } //gibt es einen courseindex drawer? den gibts nur in Kursen! if (document.querySelector('#theme_boost-drawers-courseindex')){ //wir sind in einem Kurs. Das wichtigste aus der firstnavgation in den drawer! document.body.classList.add('course'); inCourse = true; //Hambugermenü in den drawer schieben courseIndexDrawerHeader = document.querySelector('#theme_boost-drawers-courseindex .drawerheader .drawertoggle'); primarySchieber (courseIndexDrawerHeader, true); courseIndexDrawerHeader.after(navbarToggler); //soll auch im drawer primary verfügbar sein primaryDrawerHeader = document.querySelector('#theme_boost-drawers-primary .drawerheader .drawertoggle'); primarySchieber (primaryDrawerHeader, false); //und noch die Mouse Hover Texte für den Navbar Toggler altForNavbarToggler (navbarToggler); } else { //Wir sind nicht im Kurs inCourse = false; logo = document.querySelector('.navbar-light .logo'); logo.after(navbarToggler); //navbar toggler soll im Darkmode eine orangene border haben navbarToggler.classList.remove('border-0'); primaryDrawerHeader = document.querySelector('#theme_boost-drawers-primary .drawerheader .drawertoggle'); //und noch die Mouse Hover Texte für den Navbar Toggler altForNavbarToggler (primaryDrawerHeader); primaryDrawerHeader.classList.add('navbar-toggler'); primarySchieber (primaryDrawerHeader, false); } /*-----------------meine Kurse-------------------------*/ //meine Kurse aus dem Block Meine Kurse, der für alle da sein sollte... in den drawer left kopieren --> auf lernen-alt ist das id=inst36883 if (document.body.id != "page-my-index" && document.body.id != "page-contentbank") { let myCoursesBlock = document.querySelector("#theme_boost-drawers-blocks .block_myoverview"); if (myCoursesBlock) { //die Langnamen durch die Kurznamen ersetzen cardbodys = myCoursesBlock.getElementsByClassName("dashboard-card"); console.log(cardbodys.length); cardbodys.forEach(element => { let shortnameDiv = element.querySelector(".text-truncate .text-muted div"); if(shortnameDiv) { shortname = shortnameDiv.innerHTML; console.log(shortname); } }); //im drawer primary left den Eintrag meine Kurse finden var els = document.querySelectorAll("a[href='http://domain.com']"); myCoursesInDrawer = drawerprimary.querySelector("a[href*='/my/courses.php']"); myCoursesInDrawer.before(myCoursesBlock); } } if (document.body.id == "page-contentbank") { let myCoursesBlock = document.querySelector("#theme_boost-drawers-blocks .block_myoverview"); if (myCoursesBlock) { //im drawer primary left den Eintrag meine Kurse finden var els = document.querySelectorAll("a[href='http://domain.com']"); myCoursesInDrawer = drawerprimary.querySelector("a[href*='/my/courses.php']"); myCoursesBlock.remove(); } } //sind jetzt überhaupt noch Blöcke im Blockbereich? if(!document.body.className.match(/editing/)){; let blocks = document.body.querySelectorAll('.drawer-right .drawercontent #block-region-side-pre section'); if (blocks) { if (blocks.length == 0) { //drawer right entfernen let drawerright = document.querySelector('.drawer.drawer-right'); if (drawerright) { drawerright.classList.remove('show'); } let page = document.querySelector('#page'); if (page) { page.classList.remove('show-drawer-right'); } let drawerrighttoggle = document.querySelector('.drawer-toggles .drawer-toggler.drawer-right-toggle'); if (drawerrighttoggle) { drawerrighttoggle.style.display = "none"; } } //console.log("blöcke: " + blocks.length); } } /*---------------Navigation immer sichtbar auf Monitoren--------------*/ if (window.innerWidth > 980 && !inCourse){ drawerprimary.classList.add('show'); page.classList.add('show-drawer-left'); } /*mobile Endgeräte Bug: the problem you have been receiving after adding the height: 100vh or 100% to mobile resolutions. It happens due to the calculation method which Safari and Chrome are using. Mobile devices calc browser viewport as (top bar + document + bottom bar) = 100vh. I had a hard time with 100vh when the page have to have a section filled the whole screen. https://dev.to/maciejtrzcinski/100vh-problem-with-ios-safari-3ge9 */ if (window.innerWidth < 980){ const appHeight = () => { const newHeight = window.innerHeight - 60; drawercontentElements = document.body.querySelectorAll(".drawer .drawercontent"); for (i = 0; i < drawercontentElements.length; i++) { drawercontentElements[i].style.height = newHeight + "px"; } } window.addEventListener('resize', appHeight) appHeight(); } //--------Ende---------------------primary navigation----------------------------- //----------------Vergrößerungs-/Verkleinerungspfeil einfügen var arrowexists =false; if (window.innerWidth > 1400){ var arrowexists =true; var arrow = document.createElement('div'); arrow.id = 'switchWidth'; //localstorage überprüfen if (localStorage.mSizeMainMax) { var cookievar = localStorage.getItem("mSizeMainMax"); } else { localStorage.setItem("mSizeMainMax", "false"); var cookievar = "false"; } function switchArrow (onoff){ //console.log("switchArrow"); if (onoff) { arrow.innerHTML='<a class="sWb nav-link" href="javascript:switchMainWidth()" title="Zu einer ergonomischen Spaltenbreite wechseln"></a>'; } else { arrow.innerHTML='<a class="sWa nav-link" href="javascript:switchMainWidth()" title="Inhalt maximieren"></a>'; } } navbarerweiterungspos.before(arrow); function setmaincss(onoff){ //Breite von Mainframe steuern if (onoff) { //expanded if (document.body.classList.contains("limitedwidth")) { document.body.classList.remove('limitedwidth'); } } else { //ergonomische Breite if (!document.body.classList.contains("limitedwidth")) { document.body.classList.add('limitedwidth'); } } switchArrow (onoff); } function switchMainWidth(){ //wird vom arrow Buton ausgelöst if (cookievar == "true"){ localStorage.setItem("mSizeMainMax", "false"); } else { localStorage.setItem("mSizeMainMax", "true"); } location.reload(); } var fbodyId = document.body.id; //auf der TN Seite, Bewertung etc soll aber immer breit gestartet werden if (fbodyId == 'page-course-management' || fbodyId == 'page-course-view-participants' || fbodyId == 'page-grade-report-grader-index' || fbodyId == 'page-mod-quiz-report' || fbodyId == 'page-blocks-opencast-index') { cookievar = "true"; } if (cookievar == "true") {setmaincss(true);} else {setmaincss(false);} } /*----------darkmode im Kurs / Editoren ----------------*/ function tinyMCEColors (){ if(tinyMCE){ if(dcookievar){ if (tinymce.initialized !== true && !tinyMCEinitialized) { setTimeout(tinyMCEColorsloading, 1000); // Die Funktion wird nach 1000ms erneut aufgerufen } //if (!tinyMCEinitialized) { textareas.forEach(function(textarea) { var textareaId = textarea.id; let editor = tinymce.get(textareaId); //console.log(textareaId); if (editor) { tinymce.get(textareaId).dom.setStyles(tinymce.get(textareaId).dom.select('body'), {'background-color' : 'rgba(15,35,85,.3)', 'color' : '#B8BBCB'}); tinyMCEinitialized = true; } }) //} } else { if (tinyMCEinitialized) { textareas.forEach(function(textarea) { var textareaId = textarea.id; let editor = tinymce.get(textareaId); //console.log(textareaId); if (editor) { tinymce.get(textareaId).dom.setStyles(tinymce.get(textareaId).dom.select('body'), {'background-color' : '#fff', 'color' : '#000'}); tinyMCEinitialized = true; } }) } } } } function tinyMCEColorsloading () { if (!tinyMCEinitialized) { tinyMCEColors(); } } function tinyLoaded() { maximal ++; var attoOrTiny = new Array(); if (typeof tinymce !== 'undefined') { console.log('TinyMCE-Editor ist geladen.'); tinyMCE = true; tinyMCEColors (); } else { console.log('kein TinyMCE-Editor.'); attoOrTiny = document.querySelectorAll('.editor_atto'); if(attoOrTiny.length != 0) { console.log ("Atto Editor"); atto = true; return; } if (maximal <= 20) { setTimeout(tinyLoaded, 1000); // Die Funktion wird nach 1000ms erneut aufgerufen } } } function checkMarkupEditors(textareas) { // Finde alle Textarea-Elemente im Dokument // Iteriere über alle Textarea-Elemente mit forEach textareas.forEach(function(textarea) { var textareaId = textarea.id; // Suche ein Select-Element im Eltern-Element des Textarea-Elements var parentElement = textarea.parentElement; var maxzwei=0; while (parentElement) { maxzwei ++; var selectElement = parentElement.querySelector('select'); if (selectElement) { // Überprüfe, ob das Select-Element gefunden wurde und ob es den firstPart enthält anzahlHTMLME++; break; } if (maxzwei>=2){break;} parentElement = parentElement.parentElement; } }); } var maximal = 0; anzahlHTMLME = 0; tinyMCE = false; tinyMCEinitialized = false; atto = false; textareas = document.querySelectorAll('textarea'); if (textareas.length != 0){ //console.log("es gibt textareas: " + textareas.length); //markup bzw. html, tinyMCE oder atto? checkMarkupEditors(textareas); console.log ("Textareas: " + textareas.length + " HTML Markup Editoren: " + anzahlHTMLME); if (anzahlHTMLME != textareas.length) { document.addEventListener('DOMContentLoaded', tinyLoaded); } } if (tinyMCE) { tinyMCEColors (); } /* function getElementsStartsWithId( id ) { var children = id.getElementsByTagName('*'); var myiframe = children [0].id; return myiframe; }*/ /*--------------Kurs erstellen Button aus dem Mehr-Menü herauslösen*/ function KurserstellenButton() { var moreMenu = document.querySelector('.navitem.dropdown'); var moreButton = document.getElementById('dropdown-actions'); var actionbar = document.getElementById('action_bar'); if (moreMenu && moreButton) { moreButton.classList.remove('dropdown'); moreButton.classList.add('btn-group'); var moreOptions = moreMenu.querySelectorAll('a'); for (var i = 0; i < moreOptions.length; i++) { // Erstellen Sie eine neue Schaltfläche für jede Option im "Mehr"-Menü moreOptions[i].classList.remove('dropdown-item'); var button = document.createElement('button'); console.log(moreOptions[i]); button.appendChild(moreOptions[i]); button.classList.add('btn','btn-primary','ddd2pxmargin'); actionbar.appendChild(button); } moreMenu.parentNode.removeChild(moreMenu); } } if (document.body.id == "page-course-index-category") { KurserstellenButton(); } //Aktivitätenauswahl standardmäßig zuerst die Empfohlenen: //nur im Baearbeiten Modus if(document.body.className.match(/editing/)){ console.log("403"); function favoritesFirst () { setTimeout(function(){ document.querySelector(".modchoosercontainer .chooser-container [data-region='recommended-tab-nav']").click(); },2000) } activityAddButtons = document.querySelectorAll('.activity-add-text'); for(var i = 0; i < activityAddButtons.length; i++) { activityAddButtons[i].addEventListener("click", () => { favoritesFirst(); }); } } //-------------------test funktion für peter: Fetch all the details element.------------------------ const details = document.querySelectorAll("details"); // Add the onclick listeners. details.forEach((targetDetail) => { targetDetail.addEventListener("click", () => { // Close all the details that are not targetDetail. details.forEach((detail) => { if (detail !== targetDetail) { detail.removeAttribute("open"); } }); }); }); // ende test funktion für peter /*------------------------------navigation bzw. courseindex umbauen--------------------------*/ if (document.body.id =="page-mod-book-view" || document.body.id == "page-mod-lesson-view" || document.body.id =="page-mod-quiz-attempt"){ //warten bis courseindex und der block Index geladen ist ...wird später geladen function waitFor() { if (!document.querySelector('#theme_boost-drawers-courseindex .courseindex-item.d-flex.pageitem') && !document.querySelector('#theme_boost-drawers-blocks .book_toc.book_toc_numbered')) { window.requestAnimationFrame(waitFor); } else { expandCourseIndex(); } } // waitFor (); function cloneToc (courseIndexPageItem, toc) { if (!toc) return; let new_element = toc.cloneNode(true); courseIndexPageItem.after(new_element); } function expandCourseIndex() { if (document.body.id =="page-mod-book-view") { courseIndexPageItem = document.querySelector('#theme_boost-drawers-courseindex .courseindex-item.d-flex.pageitem'); toc = document.querySelector('#theme_boost-drawers-blocks .book_toc.book_toc_numbered'); cloneToc (courseIndexPageItem, toc); } if (document.body.id =="page-mod-lesson-view") { courseIndexPageItem = document.querySelector('#theme_boost-drawers-courseindex .courseindex-item.d-flex.pageitem'); toc = document.querySelector('#theme_boost-drawers-blocks .menu.block.block_fake.card.mb-3 .menuwrapper'); cloneToc (courseIndexPageItem, toc); } /*------------quiz---test------------------*/ if (document.body.id =="page-mod-quiz-attempt") { /*testnavigation kopieren*/ courseIndexPageItem = document.querySelector('#theme_boost-drawers-courseindex .courseindex-item.d-flex.pageitem'); tertiaryNav = document.querySelector('#region-main .tertiary-navigation'); toc = document.querySelector('#theme_boost-drawers-blocks #mod_quiz_navblock .card-text.content'); /*in den courseindex kopieren cloneToc (courseIndexPageItem, toc); */ /*an den Seitenanfang kopieren -> Third Navigation*/ cloneToc(tertiaryNav, toc); } } setTimeout(function(){waitFor ();},1000) } /*images 100% und nicht mehr*/ function imgOnLoad (img) { if (img.naturalWidth > 0) { //überprüfen, ob das Bild kleiner 1200px und größer als die Spaltenbreite...dann lohnt sich der Vergrößerungspfeil nicht var regionMainE = document.getElementById("region-main-box"); console.log(regionMainE.clientWidth); if (img.naturalWidth >= regionMainE.clientWidth && img.naturalWidth < 1200) { img.style.maxWidth = "100%"; img.style.height = "auto"; } // Überprüfen, ob das Bild breiter als 1200 Pixel ist if (img.naturalWidth >= 1200 && img.naturalWidth >= regionMainE.clientWidth) { //wenn der Autor sinnlose pixelmaße hinterlassen hat, also größer als die spaltenbreite: breite und höhe anpassen if (img.width >= regionMainE.clientWidth) { img.style.maxWidth = "100%"; img.style.height = "auto"; } // Ein umgebendes div erstellen const outerContainer = document.createElement('div'); outerContainer.classList.add('outer-container'); const imgContainer = document.createElement('div'); imgContainer.classList.add('img-container'); imgContainer.style.maxWidth = img.naturalWidth + "px"; // Das Bild in das umgebende div einfügen img.parentNode.insertBefore(imgContainer, img); const icon = document.createElement('div'); icon.classList.add('full-width-icon'); //icon.style.left = "min(" + img.naturalWidth + "px - 26px,100% - 26px)"; imgContainer.appendChild(icon); img.parentNode.insertBefore(outerContainer, img); img.parentNode.removeChild(img); imgContainer.appendChild(img); imgContainer.parentNode.removeChild(imgContainer); outerContainer.appendChild(imgContainer); // Event Listener hinzufügen imgContainer.addEventListener('click', () => { // Bild auf 100% vergrößern und Klasse zuweisen const imgcontainerp = img.parentNode; const outercontainerp = imgcontainerp.parentNode; if (!img.classList.contains('img-full-width')) { img.classList.add('img-full-width'); outercontainerp.classList.add('img-full-width'); img.parentNode } else { img.classList.remove('img-full-width'); outercontainerp.classList.remove('img-full-width'); } }); } } else { setTimeout(function () { console.log("b1",img.naturalWidth); imgOnLoad (img); }, 2000); } } //große Bilder vergrößerbar machen //gibt es große bilder?*/ if (document.querySelector('#theme_boost-drawers-courseindex')) { // Wir sind in einem Kurs (nicht tile-format) // Nach Bildern suchen, die eine gewisse Größe haben const allPicturesInCourse = document.querySelectorAll('#page-content img:not([class*="slide"]'); allPicturesInCourse.forEach((img) => { //.parent a? parentA = img.parentNode; parentB = parentA.parentNode; parentC = parentB.parentNode; if (parentA.nodeName != "A" && parentA.nodeName != "TD" && parentA.nodeName != "TH" && !parentA.classList.contains('bxslide') && parentB.nodeName != "A" && parentB.nodeName != "TD" && parentB.nodeName != "TH" && !parentB.classList.contains('bxslide') && parentC.nodeName != "A" && parentC.nodeName != "TD" && parentC.nodeName != "TH" && !parentC.classList.contains('bxslide') ) { img.addEventListener('load', imgOnLoad(img)); } }); } /*Ende images 100%*/ /*+++++++++++++++++accessiblity tips+++++++++++++++++*/ // Wenn Moodle im Bearbeiten Modus ist wird - nur auf großen Monitoren - eine Sidebar rechts erstellt um Hinweise für die Erstellung barrierearmen Contents anzuzeigen. if (document.body.className.match(/editing/)) { // Funktion zur Berechnung und Hinzufügen einer Sidebar, die Tipps für mehr Barrierefreiheit anbietet function setupSidebar() { console.log("starte sidebar script"); const pageWidth = window.innerWidth; const pageHeight = window.innerHeight; var navbarHeight = 0; var navbar = document.querySelector('.navbar'); if (navbar) { navbarHeight = navbar.offsetHeight; } if (pageWidth > 1600) { console.log("build sidebar area"); const availableSpace = pageWidth - 1280; const sidebarWidth = Math.min(availableSpace, 600); const sidebarWidthPlus = sidebarWidth + 55; const sidebarHeight = pageHeight - navbarHeight; const body = document.querySelector('body'); body.style.maxWidth = `${pageWidth - sidebarWidth}px`; body.style.position = 'relative'; const sidebar = document.createElement('div'); sidebar.id = 'accessibility-tips'; sidebar.style.position = 'absolute'; sidebar.style.top = `${navbarHeight}px`; sidebar.style.right = `-${sidebarWidth}px`; sidebar.style.width = `${sidebarWidth}px`; sidebar.style.minHeight = `${sidebarHeight}px`; sidebar.style.padding = '20px'; sidebar.style.overflowY = 'auto'; sidebar.style.borderLeft = '1px solid #ccc'; sidebar.style.boxShadow = '0 0 10px rgba(0, 0, 0, 0.1)'; body.appendChild(sidebar); const title = document.createElement('h2'); title.textContent = 'Hilfen für mehr Barrierefreiheit'; sidebar.appendChild(title); // Container für das Akkordeon-Menü erstellen const accordionContainer = $('<div id="accordion-container"></div>'); $('#accessibility-tips').append(accordionContainer); // Liste der Kampagnen-Seiten-URLs const campaignPages = [ 'https://lernen-alt.h-da.de/mod/page/view.php?id=245082&forceview=1', 'https://lernen-alt.h-da.de/mod/page/view.php?id=245084&forceview=1', 'https://lernen-alt.h-da.de/mod/page/view.php?id=245085&forceview=1', 'https://lernen-alt.h-da.de/mod/page/view.php?id=245086&forceview=1', 'https://lernen-alt.h-da.de/mod/page/view.php?id=245087&forceview=1', 'https://lernen-alt.h-da.de/mod/page/view.php?id=245088&forceview=1', 'https://lernen-alt.h-da.de/mod/page/view.php?id=245089&forceview=1' ]; // Akkordeon für jede Kampagnen-Seite erstellen campaignPages.forEach(function(pageUrl, index) { console.log(pageUrl); // Erstelle eine eindeutige ID basierend auf der Kampagnen-URL const uniqueId = `accordion-item-${index}`; // Kampagnen-Content abrufen $.get(pageUrl, function(response) { var tempDiv = $('<div></div>').html(response); // Hole den Titel der Seite (h1.entry-title) var pageTitle = tempDiv.find('h1.entry-title').text(); // Inhalt aus dem Element mit der ID "main" holen var mainContent = tempDiv.find('#main').html(); // Akkordeon-Struktur erstellen mit <details> und <summary> const accordionItem = ` <details id="${uniqueId}" class="accordion-item"> <summary class="accordion-header">${pageTitle}</summary> <div class="accordion-body">${mainContent}</div> </details> `; // Nur hinzufügen, wenn das Element noch nicht existiert if ($('#' + uniqueId).length === 0) { $('#accordion-container').append(accordionItem); } }); }); // Füge die CSS-Regeln für das Akkordeon hinzu var style = document.createElement('style'); style.innerHTML = ` #accessibility-tips img {max-width: 100%; height: unset;} .drawer.drawer-right.show {right: ${sidebarWidth}px} .drawer-right .add_block_button {right: ${sidebarWidthPlus}px} #accessibility-tips img { max-width: 100%; height: unset; } #accessibility-tips { background-color: #121; color: white; box-shadow: inset 8px 0 5px 0px grey!important; } .darkmode #accessibility-tips { background-color: #fff; color: black; box-shadow: inset 5px 0 8px 0 rgba(0,0,0,.5)!important; } .darkmode #accessibility-tips img { border: 1px solid grey; } .accordion-item { margin-bottom: .5rem; } .accordion-header { padding: 1rem; cursor: pointer; background-color: rgba(200,200,220,.1); border: 1px solid transparent; border-radius: 8px; } .accordion-body { padding: .1rem .1rem .1px .1rem; } details[open] .accordion-header { border: 3px dotted orange;} details[open] .accordion-body { border: 1px solid grey;} #accessibility-tips h1, #accessibility-tips h2 { padding-top: 1rem; font-size: 1.5rem; } #accordion-item-6 .accordion-header { border: 3px dotted orange; } `; document.head.appendChild(style); } } // Setup der Sidebar aufrufen setupSidebar(); // Optional: Wenn sich die Fenstergröße ändert, erneut prüfen und die Sidebar neu aufbauen window.addEventListener('resize', function () { const existingSidebar = document.getElementById('accessibility-tips'); if (existingSidebar) { existingSidebar.remove(); } setupSidebar(); }); } /*+++++++++++++++++accessiblity tips+++++++++++++++++*/ //Hintergrundfarbe eines Elementes herausfinden // ToDo: Beschleunigung, indem der Default nicht jedes mal neu berechnet wird. Am Anfang als Parameter mitgeben! function getInheritedBackgroundColor (el,bg) { // get default style for current browser var defaultStyle = bg; // typically "rgba(0, 0, 0, 0)" // get computed color for el var backgroundColor = window.getComputedStyle(el).backgroundColor; // if we got a real value, return it if (backgroundColor != defaultStyle) return backgroundColor; // if we've reached the top parent el without getting an explicit color, return default if (!el.parentElement) return defaultStyle; // otherwise, recurse and try again on parent element return getInheritedBackgroundColor(el.parentElement); } function getInheritedTextColor (el,tc) { // get default style for current browser var defaultStyle = tc; // typically "rgba(0, 0, 0, 0)" // get computed color for el var textColor = window.getComputedStyle(el).color; // if we got a real value, return it if (textColor != defaultStyle) return textColor; // if we've reached the top parent el without getting an explicit color, return default if (!el.parentElement) return defaultStyle; // otherwise, recurse and try again on parent element return getInheritedTextColor (el.parentElement); } function getColors (el) { // have to add to the document in order to use getComputedStyle var div = document.createElement("div"); document.head.appendChild(div); var compStyles = window.getComputedStyle(div); var bg = compStyles.getPropertyValue("background-color"); var tc = compStyles.getPropertyValue("color"); document.head.removeChild(div); dddbg = getInheritedBackgroundColor (el, bg); dddtc = getInheritedTextColor (el, tc); dddtcS = dddtc.split("("); dddbgS = dddbg.split("("); console.log(dddtcS[0]); if (dddtcS[0]=="rgba" || dddbgS[0] =="rgba") console.log("einer der werte ist rgba!"); console.log("color: ", dddtc, " Backgroundcolor: ", dddbg ); } //Aufruf var myEl = document.querySelector("#region-main .notifications .alert"); getColors (myEl); } </script> </div> <script> //<![CDATA[ var require = { baseUrl : 'https://lernen-alt.h-da.de/lib/requirejs.php/1728394731/', // We only support AMD modules with an explicit define() statement. enforceDefine: true, skipDataMain: true, waitSeconds : 0, paths: { jquery: 'https://lernen-alt.h-da.de/lib/javascript.php/1728394731/lib/jquery/jquery-3.6.1.min', jqueryui: 'https://lernen-alt.h-da.de/lib/javascript.php/1728394731/lib/jquery/ui-1.13.2/jquery-ui.min', jqueryprivate: 'https://lernen-alt.h-da.de/lib/javascript.php/1728394731/lib/requirejs/jquery-private' }, // Custom jquery config map. map: { // '*' means all modules will get 'jqueryprivate' // for their 'jquery' dependency. '*': { jquery: 'jqueryprivate' }, // Stub module for 'process'. This is a workaround for a bug in MathJax (see MDL-60458). '*': { process: 'core/first' }, // 'jquery-private' wants the real jQuery module // though. If this line was not here, there would // be an unresolvable cyclic dependency. jqueryprivate: { jquery: 'jquery' } } }; //]]> </script> <script src="https://lernen-alt.h-da.de/lib/javascript.php/1728394731/lib/requirejs/require.min.js"></script> <script> //<![CDATA[ M.util.js_pending("core/first"); require(['core/first'], function() { require(['core/prefetch']) ; require(["media_videojs/loader"], function(loader) { loader.setUp('fr'); });; M.util.js_pending('theme_boost_union/backtotopbutton'); require(['theme_boost_union/backtotopbutton'], function(amd) {amd.init(); M.util.js_complete('theme_boost_union/backtotopbutton');});; require(['jquery', 'tool_policy/jquery-eu-cookie-law-popup', 'tool_policy/policyactions'], function($, Popup, ActionsMod) { // Initialise the guest popup. $(document).ready(function() { // Only show message if there is some policy related to guests. // Get localised messages. var textmessage = "Si vous continuez à consulter ce site web, vous acceptez nos politiques :" + "<ul>" + "<li>" + "<a href=\"https://lernen-alt.h-da.de/admin/tool/policy/view.php?versionid=9&returnurl=https%3A%2F%2Flernen-alt.h-da.de%2Fmod%2Fpage%2Fview.php%3Fid%3D245084\" " + " data-action=\"view-guest\" data-versionid=\"9\" data-behalfid=\"1\" >" + "Einwilligungserklärung" + "</a>" + "</li>" + "" + "</ul>"; var continuemessage = "Continuer"; // Initialize popup. $(document.body).addClass('eupopup'); if ($(".eupopup").length > 0) { $(document).euCookieLawPopup().init({ popupPosition: 'bottom', popupTitle: '', popupText: textmessage, buttonContinueTitle: continuemessage, buttonLearnmoreTitle: '', compactStyle: true, }); } // Initialise the JS for the modal window which displays the policy versions. ActionsMod.init('[data-action="view-guest"]'); }); }); ; require(['core/moremenu'], function(moremenu) { moremenu(document.querySelector('#moremenu-673efb1998e2b-navbar-nav')); }); ; require(['core/usermenu'], function(UserMenu) { UserMenu.init(); }); ; require(['theme_boost/drawers']); ; require(['jquery', 'core/custom_interaction_events'], function($, CustomEvents) { CustomEvents.define('#jump-to-activity', [CustomEvents.events.accessibleChange]); $('#jump-to-activity').on(CustomEvents.events.accessibleChange, function() { if ($(this).val()) { $('#url_select_f673efb199e2062').submit(); } }); }); ; require(['theme_boost/footer-popover'], function(FooterPopover) { FooterPopover.init(); }); ; M.util.js_pending('theme_boost/loader'); require(['theme_boost/loader', 'theme_boost/drawer'], function(Loader, Drawer) { Drawer.init(); M.util.js_complete('theme_boost/loader'); }); ; M.util.js_pending('core/notification'); require(['core/notification'], function(amd) {amd.init(399060, []); M.util.js_complete('core/notification');});; M.util.js_pending('core/log'); require(['core/log'], function(amd) {amd.setConfig({"level":"warn"}); M.util.js_complete('core/log');});; M.util.js_pending('core/page_global'); require(['core/page_global'], function(amd) {amd.init(); M.util.js_complete('core/page_global');});; M.util.js_pending('core/utility'); require(['core/utility'], function(amd) {M.util.js_complete('core/utility');});; M.util.js_pending('core/storage_validation'); require(['core/storage_validation'], function(amd) {amd.init(null); M.util.js_complete('core/storage_validation');}); M.util.js_complete("core/first"); }); //]]> </script> <script> //<![CDATA[ M.str = {"moodle":{"lastmodified":"Modifi\u00e9 le","name":"Nom","error":"Erreur","info":"Information","yes":"Oui","no":"Non","ok":"OK","cancel":"Annuler","confirm":"Confirmer","areyousure":"Voulez-vous vraiment continuer\u00a0?","closebuttontitle":"Fermer","unknownerror":"Erreur inconnue","file":"Fichier","url":"URL","collapseall":"Tout replier","expandall":"Tout d\u00e9plier"},"repository":{"type":"Type","size":"Taille","invalidjson":"Cha\u00eene JSON non valide","nofilesattached":"Aucun fichier joint","filepicker":"S\u00e9lecteur de fichiers","logout":"D\u00e9connexion","nofilesavailable":"Aucun fichier disponible","norepositoriesavailable":"D\u00e9sol\u00e9, aucun de vos d\u00e9p\u00f4ts actuels ne peut retourner de fichiers dans le format requis.","fileexistsdialogheader":"Le fichier existe","fileexistsdialog_editor":"Un fichier de ce nom a d\u00e9j\u00e0 \u00e9t\u00e9 joint au texte que vous modifiez.","fileexistsdialog_filemanager":"Un fichier de ce nom a d\u00e9j\u00e0 \u00e9t\u00e9 joint","renameto":"Renommer \u00e0 \u00ab\u00a0{$a}\u00a0\u00bb","referencesexist":"Il y a {$a} liens qui pointent vers ce fichier","select":"S\u00e9lectionnez"},"admin":{"confirmdeletecomments":"Voulez-vous vraiment supprimer des commentaires\u00a0?","confirmation":"Confirmation"},"debug":{"debuginfo":"Info de d\u00e9bogage","line":"Ligne","stacktrace":"Trace de la pile"},"langconfig":{"labelsep":" "}}; //]]> </script> <script> //<![CDATA[ (function() {Y.use("moodle-filter_glossary-autolinker",function() {M.filter_glossary.init_filter_autolinking({"courseid":0}); }); Y.use("moodle-filter_mathjaxloader-loader",function() {M.filter_mathjaxloader.configure({"mathjaxconfig":"MathJax.Hub.Config({\r\n config: [\"Accessible.js\", \"Safe.js\"],\r\n errorSettings: { message: [\"!\"] },\r\n skipStartupTypeset: true,\r\n messageStyle: \"none\"\r\n});\r\n","lang":"fr"}); }); M.util.help_popups.setup(Y); M.util.js_pending('random673efb199e2063'); Y.on('domready', function() { M.util.js_complete("init"); M.util.js_complete('random673efb199e2063'); }); })(); //]]> </script> </div> <div class="footer-content-debugging footer-dark bg-dark text-light"> <div class="container-fluid footer-dark-inner"> </div> </div> </footer> </div> </div> </body> </html>