Beschreibung:

Das jQuery-Plugin namens „allowExternalContent“ ist ein Teil einer in JavaScript entwickelten Software, das die Verwaltung von Inhalten aus externen Quellen ermöglicht.

Es nutzt Webbrowser-Cookies, um zu prüfen, ob der Benutzer den Zugriff auf solche Inhalte genehmigt hat.

Dabei wird ein interaktiver Button zur Verfügung gestellt, über den die Erlaubnis erteilt werden kann. Zudem bietet das Plugin umfangreiche Anpassungsmöglichkeiten, einschließlich der Anpassung des Aussehens des Buttons und der Wahl des Containers für den Button.

Nach dem Laden eines Dokuments sucht das Plugin nach bestimmten Elementen, versteckt diese zunächst und fügt dann den „Erlaubnis“-Button hinzu.

Durch das Plugin können Nutzer auf einfache Weise Inhalte von externen Quellen laden und anzeigen.

Einige der konfigurierbaren Optionen sind:

• buttonId: Die ID des Buttons, der angezeigt wird, um den externen Inhalt zuzulassen.
• buttonClass: Die CSS-Klasse des Buttons.
• buttonTitel: Der Text, der auf dem Button angezeigt wird.
• buttonContainer: Der Container, in dem der Button eingefügt wird. Wenn auf „parent“ gesetzt, wird der Button zum Elternelement des aktuellen Elements hinzugefügt.
• allowId: Die ID, die verwendet wird, um das Cookie zu erstellen. (Alle die diese ID haben, und es akzeptiert wurde, werden angezeigt)
• allowSrc: Die Quelle des externen Inhalts, der geladen werden soll.
• appendOrPrependButton: Bestimmt, ob der Button am Anfang oder am Ende des ButtonContainers eingefügt wird. (TBD)

How to Use:

Minimum Attribute:

<iframe
         class="testframe allow-display-external-content"
         data-allow-id="gowiki"
         data-allow-src="https://gowiki.tripstools.de/"
></iframe>

Button wird dem Parent appended:

<iframe
         class="testframe allow-display-external-content"
         data-button-class="allow-external-content-button tt-buttons_fancy-button-styles"
         data-button-titel="Inhalt von TripsTools erlauben"
         data-button-id="allow-external-content-tripstools"
         data-allow-id="tripstools"
         data-allow-src="https://www.tripstools.de/docs/wp-install-bash/"
></iframe>

Button wird einem bestimmten Container Appended

Wichtig ist hier das die Raute (#) für eine ID oder der (.) für eine Klasse vor dem Wert geschrieben werden muss. Weil dieser wird direkt als Selektor verwendet.

<iframe
         class="testframe allow-display-external-content"
         data-button-class="allow-external-content-button tt-buttons_fancy-button-styles"
         data-button-titel="Inhalt von GoWiki erlauben"
         data-button-id="allow-external-content-tripstools2"
         data-button-container="#testCOntainer"
         data-allow-id="gowiki"
         data-allow-src="https://gowiki.tripstools.de/"
></iframe>

Versionen und Dateien des Projektes:

Sämtliche Versionen sowie die zugehörigen Dateien des Projekts werden hier aufgelistet.