lehrkraefte:blc:informatik:glf22:web-tech:globalnav-in-js

Differences

This shows you the differences between two versions of the page.

Link to this comparison view

Both sides previous revision Previous revision
Next revision
Previous revision
lehrkraefte:blc:informatik:glf22:web-tech:globalnav-in-js [2023/05/11 07:37]
Ivo Blöchliger
lehrkraefte:blc:informatik:glf22:web-tech:globalnav-in-js [2023/05/11 11:28] (current)
Ivo Blöchliger [Vorbereitungen]
Line 15: Line 15:
 <code html> <code html>
   <nav id="mein_nav_menu">   <nav id="mein_nav_menu">
-      <--! Wird durch javascript automatisch befüllt -->+      <--! Wird durch das Script automatisch befüllt. Allfälliger Inhalt wird überschrieben -->
   </nav>   </nav>
 </code> </code>
Line 26: Line 26:
 window.addEventListener('load', function() {  // Erst starten, wenn das ganze Dokument geladen ist. window.addEventListener('load', function() {  // Erst starten, wenn das ganze Dokument geladen ist.
    function insertHTML(id, html) {  // Funktion, die den HTML-Code in das Element mit id einfügt    function insertHTML(id, html) {  // Funktion, die den HTML-Code in das Element mit id einfügt
-      document.getElementById(id).innerHTML = html;+      let el = document.getElementById(id)
 +      if (el) { // Nur, wenn es ein solches Element auch gibt 
 +        el.innerHTML = html; 
 +      }
    }    }
        
  • lehrkraefte/blc/informatik/glf22/web-tech/globalnav-in-js.1683783458.txt.gz
  • Last modified: 2023/05/11 07:37
  • by Ivo Blöchliger