W3.CSS, Hamburger Icon und Content-Security-Policy (CSP)

Vom einfachen Programm zum fertigen Debian-Paket, Fragen rund um Programmiersprachen, Scripting und Lizenzierung.
Antworten
uname
Beiträge: 12046
Registriert: 03.06.2008 09:33:02

W3.CSS, Hamburger Icon und Content-Security-Policy (CSP)

Beitrag von uname » 12.02.2021 10:30:20

Hallo,

ich nutzte W3.CSS (Datei w3.css) mit Hamburger Icon in der mobilen Ansicht ((w3-small) etwa wie hier:
https://www.w3schools.com/howto/tryit.a ... ile_navbar

Nun möchte ich gerne Content-Security-Policy (CSP) verwenden.
Das Javascript "myfunction() habe ich schon in ein eigene Datei ausgelagert.

Nun muss ich nur igendwie

Code: Alles auswählen

  <a href="javascript:void(0);" class="icon" onclick="myFunction()">
    <i class="fa fa-bars"></i>
  </a>
bei mir eher:

Code: Alles auswählen

      <a class="w3-button ..." href="#" onclick="myFunction()">
in

Code: Alles auswählen

document.getElementById("???").addEventListener('click', myFunction);
umwandeln.

Kann mir jemand sagen wie ich das machen kann?
Gerne am oben aufgeführten Beispiel. Anpassen kann ich es dann vielleicht wieder selbst.

thoerb
Beiträge: 1677
Registriert: 01.08.2012 15:34:53
Lizenz eigener Beiträge: MIT Lizenz

Re: W3.CSS, Hamburger Icon und Content-Security-Policy (CSP)

Beitrag von thoerb » 12.02.2021 11:29:06

Code: Alles auswählen

<a class="w3-button ..." href="#" id="myId">

Code: Alles auswählen

document.getElementById("myId").addEventListener('click', myFunction);
Das müsste es doch eigentlich gewesen sein? Bin mir nur nicht sicher, ob das href="#" benötigt wird.

https://developer.mozilla.org/de/docs/W ... lementById

Antworten