316 Fragen zu Webentwicklung

Question 1

Wie kann ich mit HTML die Höhe eines <td>-Tags verändern?

Answer

Um die Höhe einer Tabellenzelle (`<td>`) in HTML zu verändern, kannst du das CSS-Attribut `height` verwenden. Das geht entweder direkt im HTML-Tag als Inline-Style oder über eine... [mehr]

Answer

Um die Höhe einer Tabellenzelle (`<td>`) in HTML zu verändern, kannst du das CSS-Attribut `height` verwenden. Das geht entweder direkt im HTML-Tag als Inline-Style oder über eine CSS-Klasse. **Beispiel mit Inline-Style:** ```html <td style="height: 50px;">Inhalt</td> ``` **Beispiel mit CSS-Klasse:** ```html <style> .hohe-zelle { height: 50px; } </style> <table> <tr> <td class="hohe-zelle">Inhalt</td> </tr> </table> ``` **Wichtige Hinweise:** - Die tatsächliche Höhe der Zelle kann auch durch den Inhalt oder andere CSS-Eigenschaften beeinflusst werden. - Die Höhe (`height`) wird auf die Zeile (`<tr>`) angewendet, wenn du möchtest, dass alle Zellen in einer Zeile gleich hoch sind. - Bei mehreren Zellen in einer Zeile bestimmt die höchste Zelle die Mindesthöhe der gesamten Zeile. Weitere Infos findest du z.B. bei [MDN Web Docs: <td>](https://developer.mozilla.org/de/docs/Web/HTML/Element/td).

Question 2

Wie erstellt man in JSF ein modales Unterfenster mit mehreren Buttons und Wertrückgabe?

Answer

Um in **JSF (JavaServer Faces)** ein modales Unterfenster (Dialog) mit mehreren Buttons und Wertrückgabe zu erstellen, wird in der Praxis meist eine UI-Komponentenbibliothek wie **PrimeFaces** ve... [mehr]

Answer

Um in **JSF (JavaServer Faces)** ein modales Unterfenster (Dialog) mit mehreren Buttons und Wertrückgabe zu erstellen, wird in der Praxis meist eine UI-Komponentenbibliothek wie **PrimeFaces** verwendet, da das Standard-JSF keine eigenen Dialog-Komponenten bietet. Hier ein Beispiel mit **PrimeFaces**: ### Voraussetzungen - PrimeFaces in deinem Projekt eingebunden ([PrimeFaces Download](https://www.primefaces.org/downloads/)) - JSF-fähiges Projekt (z.B. mit Maven und passender Konfiguration) --- ### 1. Dialog in der XHTML-Seite definieren ```xml <html xmlns="http://www.w3.org/1999/xhtml" xmlns:h="http://xmlns.jcp.org/jsf/html" xmlns:p="http://primefaces.org/ui"> <h:head /> <h:body> <h:form id="mainForm"> <p:commandButton value="Dialog öffnen" onclick="PF('myDialog').show(); return false;" /> <p:dialog header="Mein Dialog" widgetVar="myDialog" modal="true" resizable="false"> <h:panelGrid columns="1" cellpadding="5"> <h:outputText value="Bitte wähle eine Option:" /> <p:commandButton value="Option 1" action="#{dialogBean.option1}" oncomplete="PF('myDialog').hide();" /> <p:commandButton value="Option 2" action="#{dialogBean.option2}" oncomplete="PF('myDialog').hide();" /> </h:panelGrid> </p:dialog> <h:outputText value="Gewählte Option: #{dialogBean.selectedOption}" /> </h:form> </h:body> </html> ``` --- ### 2. Backing Bean (z.B. `DialogBean.java`) ```java import jakarta.faces.view.ViewScoped; import jakarta.inject.Named; import java.io.Serializable; @Named @ViewScoped public class DialogBean implements Serializable { private String selectedOption; public void option1() { selectedOption = "Option 1"; } public void option2() { selectedOption = "Option 2"; } public String getSelectedOption() { return selectedOption; } } ``` --- ### Hinweise - Das Dialogfenster wird mit `PF('myDialog').show();` geöffnet. - Die Buttons im Dialog rufen Methoden im Backing Bean auf und schließen das Fenster (`oncomplete`). - Die gewählte Option wird im Bean gespeichert und kann auf der Seite angezeigt oder weiterverarbeitet werden. --- **Weitere Informationen:** - [PrimeFaces Dialog Dokumentation](https://www.primefaces.org/showcase/ui/overlay/dialog.xhtml) - [PrimeFaces Getting Started](https://www.primefaces.org/gettingstarted/) --- **Ohne PrimeFaces** müsstest du auf JavaScript und eigene CSS-Lösungen zurückgreifen, was deutlich aufwändiger ist und weniger komfortabel mit JSF interagiert.

Question 3

Wie verlinkt man im Seamonkey Composer ein Wort auf einer HTML-Seite mit einem Wort auf einer anderen HTML-Seite?

Answer

Um im SeaMonkey Composer ein Wort auf einer HTML-Seite mit einem anderen Wort auf einer anderen HTML-Seite zu verlinken, gehst du folgendermaßen vor: 1. **Zielseite vorbereiten:** - Öff... [mehr]

Answer

Um im SeaMonkey Composer ein Wort auf einer HTML-Seite mit einem anderen Wort auf einer anderen HTML-Seite zu verlinken, gehst du folgendermaßen vor: 1. **Zielseite vorbereiten:** - Öffne die HTML-Seite, zu der du verlinken möchtest. - Markiere das Wort, auf das verlinkt werden soll. - Klicke im Menü auf **Einfügen → Anker**. - Gib dem Anker einen eindeutigen Namen (z.B. `zielwort`). - Speichere die Seite. 2. **Link auf der Quellseite setzen:** - Öffne die HTML-Seite, von der aus du verlinken möchtest. - Markiere das Wort, das als Link dienen soll. - Klicke auf das **Link-Symbol** (Kettensymbol) in der Symbolleiste oder wähle **Einfügen → Link**. - Gib im Feld „Adresse des Links“ die URL der Zielseite ein, gefolgt von einem `#` und dem Ankernamen. Beispiel: ``` zielseite.html#zielwort ``` (Ersetze `zielseite.html` durch den tatsächlichen Dateinamen und `zielwort` durch den vergebenen Ankernamen.) - Bestätige mit OK und speichere die Seite. **Hinweis:** Beide HTML-Dateien müssen auf dem Webserver oder im gleichen Ordner liegen, damit der Link funktioniert. **Weitere Infos:** - [SeaMonkey Composer Dokumentation (englisch)](https://www.seamonkey-project.org/doc/composer.html) - [HTML-Anker (MDN)](https://developer.mozilla.org/de/docs/Web/HTML/Element/a#benannte_anker) So wird das gewünschte Wort auf einer Seite direkt mit einem bestimmten Wort (bzw. einer Stelle) auf einer anderen Seite verlinkt.

Question 4

Wie lautet der HTML-Code für Zeilenabstand?

Answer

In HTML selbst gibt es kein direktes Attribut für den Zeilenabstand (Zeilenhöhe). Der Zeilenabstand wird über CSS mit der Eigenschaft `line-height` gesteuert. Hier ein einfaches Beispie... [mehr]

Answer

In HTML selbst gibt es kein direktes Attribut für den Zeilenabstand (Zeilenhöhe). Der Zeilenabstand wird über CSS mit der Eigenschaft `line-height` gesteuert. Hier ein einfaches Beispiel: ```html <p style="line-height: 2;"> Dies ist ein Absatz mit doppeltem Zeilenabstand. </p> ``` Oder in einer externen oder internen CSS-Datei: ```html <style> p { line-height: 1.5; } </style> <p> Dies ist ein Absatz mit eineinhalbfachem Zeilenabstand. </p> ``` Mit `line-height` kannst du den Zeilenabstand beliebig anpassen (z.B. `1.2`, `1.5`, `2`, oder auch in Pixeln wie `24px`). Weitere Infos findest du z.B. bei [MDN Web Docs](https://developer.mozilla.org/de/docs/Web/CSS/line-height).

Question 5

Ist ein Login auf meiner Website möglich, wenn ich eine UVP habe?

Answer

Die Abkürzung "UVP" steht in der Regel für "Unverbindliche Preisempfehlung" und hat nichts mit Sicherheit oder Login-Funktionen auf einer Webseite zu tun. Falls du dich v... [mehr]

Answer

Die Abkürzung "UVP" steht in der Regel für "Unverbindliche Preisempfehlung" und hat nichts mit Sicherheit oder Login-Funktionen auf einer Webseite zu tun. Falls du dich verschrieben hast und eigentlich "VPN" (Virtual Private Network) oder etwas anderes meinst, präisiere bitte deine Frage. Generell gilt: Ob sich jemand auf deiner Seite einloggen kann, hängt davon ab, wie das Login-System deiner Webseite aufgebaut ist und wie sicher es implementiert wurde. Die Verwendung einer UVP hat darauf keinen Einfluss. Falls du auf etwas anderes hinauswillst, formuliere deine Frage bitte genauer.

Question 6

Wie sieht eine .htaccess aus, die automatisch auf https und www umleitet?

Answer

Um alle Anfragen automatisch auf **https** und **www** umzuleiten, kannst du folgende `.htaccess`-Regeln verwenden. Diese sorgen dafür, dass: - alle Anfragen auf **https** umgeleitet werden, - u... [mehr]

Answer

Um alle Anfragen automatisch auf **https** und **www** umzuleiten, kannst du folgende `.htaccess`-Regeln verwenden. Diese sorgen dafür, dass: - alle Anfragen auf **https** umgeleitet werden, - und die Domain immer mit **www.** beginnt. Hier ein Beispiel für eine typische `.htaccess`-Datei im Root-Verzeichnis deiner Website: ```apache RewriteEngine On # Weiterleitung auf https und www RewriteCond %{HTTPS} off [OR] RewriteCond %{HTTP_HOST} !^www\. [NC] RewriteRule ^(.*)$ https://www.%{HTTP_HOST}/$1 [R=301,L,NE] # Falls bereits www. vorhanden ist, wird es nicht doppelt angehängt RewriteCond %{HTTP_HOST} ^www\.(.+)$ [NC] RewriteRule ^ - [S=1] ``` **Erklärung:** - `RewriteEngine On` aktiviert das Umschreiben von URLs. - Die erste `RewriteCond` prüft, ob HTTPS **nicht** aktiv ist. - Die zweite `RewriteCond` prüft, ob die Domain **nicht** mit `www.` beginnt. - Die `RewriteRule` leitet dann auf die https://www.-Version weiter. - `[R=301,L,NE]` steht für eine permanente Weiterleitung (SEO-freundlich). **Hinweis:** Manche Hosting-Anbieter oder CMS (wie WordPress) haben eigene Weiterleitungsmechanismen. Prüfe, ob bereits Weiterleitungen aktiv sind, um Weiterleitungsschleifen zu vermeiden. **Weitere Infos:** - [Apache mod_rewrite Dokumentation](https://httpd.apache.org/docs/current/mod/mod_rewrite.html) - [Was ist eine .htaccess-Datei?](https://de.wikipedia.org/wiki/Htaccess)

Question 7

Wie funktioniert eine HTML-Datei?

Answer

Eine HTML-Datei ist eine Textdatei, die mit der Auszeichnungssprache HTML (Hypertext Markup Language) geschrieben. Sie dient dazu, die Struktur und den Inhalt einer Webseite zu beschreiben. Der Browse... [mehr]

Answer

Eine HTML-Datei ist eine Textdatei, die mit der Auszeichnungssprache HTML (Hypertext Markup Language) geschrieben. Sie dient dazu, die Struktur und den Inhalt einer Webseite zu beschreiben. Der Browser liest diese Datei und stellt sie als Webseite dar. So funktioniert eine HTML-Datei im Detail: 1. **Aufbau**: Eine HTML-Datei besteht aus sogenannten "Tags", die in spitzen Klammern stehen, z. B. `<html>`, `<head>`, `<body>`. Diese Tags strukturieren den Inhalt. 2. **Grundstruktur**: ```html <!DOCTYPE html> <html> <head> <title>Seitentitel</title> </head> <body> <h1>Überschrift</h1> <p>Dies ist ein Absatz.</p> </body> </html> ``` - `<html>`: Startet das HTML-Dokument. - `<head>`: Enthält Metadaten (z. B. Titel, Zeichencodierung). - `<body>`: Enthält den sichtbaren Inhalt der Webseite. 3. **Speicherung**: Die Datei wird mit der Endung `.html` gespeichert, z. B. `index.html`. 4. **Darstellung im Browser**: Öffnest du die Datei im Browser, interpretiert dieser die HTML-Tags und zeigt die Inhalte entsprechend an (z. B. Überschriften, Absätze, Listen, Bilder). 5. **Hyperlinks und Medien**: HTML ermöglicht das Einbinden von Links, Bildern, Videos und anderen Medien. Zusammengefasst: Eine HTML-Datei beschreibt mit speziellen Tags die Struktur und den Inhalt einer Webseite. Der Browser liest diese Datei und stellt daraus die Webseite dar, die du siehst.

Question 8

Kann ein Theme-Wechsel zu Kadence Probleme mit meinem Plugin verursachen?

Answer

Ja, ein Theme-Wechsel – wie auf das Kadence-Theme – kann durchaus Auswirkungen auf die Funktionalität von Plugins haben. Themes und Plugins interagieren oft miteinander, insbesondere... [mehr]

Answer

Ja, ein Theme-Wechsel – wie auf das Kadence-Theme – kann durchaus Auswirkungen auf die Funktionalität von Plugins haben. Themes und Plugins interagieren oft miteinander, insbesondere wenn es um das Design, die Darstellung von Inhalten oder bestimmte Funktionen geht. Mögliche Probleme könnten sein: - **Inkompatibilität:** Das neue Theme unterstützt bestimmte Funktionen des Plugins nicht oder überschreibt sie. - **CSS/Design-Konflikte:** Das Aussehen oder Layout von Plugin-Elementen kann sich verändern oder fehlerhaft dargestellt werden. - **JavaScript-Konflikte:** Es kann zu Fehlern in der Funktionalität kommen, wenn sowohl Theme als auch Plugin eigene Skripte nutzen, die sich gegenseitig beeinflussen. Um das Problem einzugrenzen, empfiehlt sich: 1. Prüfe, ob das Plugin mit dem Kadence-Theme offiziell kompatibel ist (oft auf den Seiten des Plugin- oder Theme-Anbieters zu finden). 2. Deaktiviere testweise andere Plugins, um auszuschließen, dass ein weiteres Plugin den Fehler verursacht. 3. Aktiviere ein Standard-Theme (z.B. Twenty Twenty-Four) und prüfe, ob das Problem weiterhin besteht. Weitere Informationen zum Kadence-Theme findest du hier: [https://www.kadencewp.com/](https://www.kadencewp.com/) Wenn du genauere Angaben zum Plugin und zum Problem machst, kann gezielter geholfen werden.

Question 9

Was bedeutet eine 404-Fehlermeldung bei Quell-URLs mit /comment-subscriptions?

Answer

Die URL `/comment-subscriptions?` deutet darauf hin, dass es sich um eine Funktion handelt, die häufig bei WordPress-Websites zu finden ist. Das Plugin **Subscribe to Comments Reloaded** (oder &a... [mehr]

Answer

Die URL `/comment-subscriptions?` deutet darauf hin, dass es sich um eine Funktion handelt, die häufig bei WordPress-Websites zu finden ist. Das Plugin **Subscribe to Comments Reloaded** (oder ähnliche Plugins) verwendet diese URL, um Abonnements für Kommentare zu verwalten. Wenn diese URL auf deiner Seite eine 404-Fehlermeldung auslöst, bedeutet das: 1. **Das Plugin ist nicht (mehr) aktiv oder installiert:** Die Anfragen kommen von Nutzern oder Bots, die versuchen, auf eine Funktion zuzugreifen, die es auf deiner Seite nicht (mehr) gibt. 2. **Alte Links oder Bookmarks:** Besucher oder Bots folgen alten Links, die noch im Umlauf sind, z.B. in E-Mails, Feeds oder Suchmaschinen. 3. **Bots und Crawler:** Manche Bots durchsuchen gezielt bekannte WordPress-URLs, um Schwachstellen zu finden oder Informationen zu sammeln. **Was tun?** - Wenn du das Plugin nicht nutzt, kannst du die 404-Fehler ignorieren. - Falls du das Plugin nutzen möchtest, installiere oder aktiviere es wieder. - Die 404-Fehler sind in diesem Fall kein Sicherheitsrisiko, sondern lediglich ein Hinweis auf fehlende Ressourcen. Weitere Infos zum Plugin: [https://de.wordpress.org/plugins/subscribe-to-comments-reloaded/](https://de.wordpress.org/plugins/subscribe-to-comments-reloaded/)

Question 10

Wie erstelle ich eine Schlagwortsuche für eine Webanwendung mit einer vorhandenen index-json?

Answer

Um eine Schlagwortsuche (Keyword-Suche) in einer Webanwendung auf Basis einer vorhandenen index.json zu realisieren, gehst du typischerweise wie folgt vor: **1. index.json einlesen** Lade die index... [mehr]

Answer

Um eine Schlagwortsuche (Keyword-Suche) in einer Webanwendung auf Basis einer vorhandenen index.json zu realisieren, gehst du typischerweise wie folgt vor: **1. index.json einlesen** Lade die index.json-Datei in deine Webanwendung. Das geht z.B. mit `fetch` in JavaScript: ```javascript fetch('index.json') .then(response => response.json()) .then(data => { // data enthält jetzt dein Index-Array }); ``` **2. Datenstruktur verstehen** Schau dir an, wie die Daten in der index.json aufgebaut sind. Typisch ist ein Array von Objekten, z.B.: ```json [ { "id": 1, "titel": "Beispielartikel", "beschreibung": "Dies ist ein Beispieltext.", "schlagworte": ["Beispiel", "Artikel", "Test"] }, ... ] ``` **3. Suchfunktion implementieren** Erstelle eine Funktion, die die Daten nach einem oder mehreren Schlagworten filtert: ```javascript function sucheNachSchlagworten(daten, suchbegriff) { const begriff = suchbegriff.toLowerCase(); return daten.filter(eintrag => eintrag.schlagworte.some( schlagwort => schlagwort.toLowerCase().includes(begriff) ) ); } ``` **4. UI für die Suche bauen** Füge ein Eingabefeld und einen Button hinzu, um die Suche zu starten. Beispiel mit HTML: ```html <input type="text" id="suche" placeholder="Schlagwort eingeben"> <button onclick="starteSuche()">Suchen</button> <div id="ergebnisse"></div> ``` **5. Suchergebnisse anzeigen** Ergänze JavaScript, um die Ergebnisse darzustellen: ```javascript let daten = []; fetch('index.json') .then(response => response.json()) .then(json => daten = json); function starteSuche() { const suchbegriff = document.getElementById('suche').value; const ergebnisse = sucheNachSchlagworten(daten, suchbegriff); document.getElementById('ergebnisse').innerHTML = ergebnisse .map(e => `<div>${e.titel}</div>`) .join(''); } ``` **6. Optional: Mehrere Schlagworte unterstützen** Erweitere die Funktion, um mehrere Schlagworte (z.B. durch Kommas getrennt) zu unterstützen. **Zusammenfassung:** - index.json laden - Datenstruktur analysieren - Filterfunktion für Schlagworte schreiben - Suchfeld und Ergebnisanzeige im Frontend bauen Für komplexere Anforderungen (z.B. große Datenmengen, fuzzy search) kannst du Bibliotheken wie [Fuse.js](https://fusejs.io/) verwenden. **Tipp:** Achte auf die Performance bei großen Datenmengen und erwäge ggf. eine serverseitige Suche.

Question 11

Wie prüfe ich Permalinks und HTACCESS-Weiterleitungen?

Answer

Um Permalinks und die .htaccess-Weiterleitungen in WordPress zu prüfen, gehst du wie folgt vor: **1. Permalinks neu speichern:** - Gehe im WordPress-Backend zu **Einstellungen > Permalinks**.... [mehr]

Answer

Um Permalinks und die .htaccess-Weiterleitungen in WordPress zu prüfen, gehst du wie folgt vor: **1. Permalinks neu speichern:** - Gehe im WordPress-Backend zu **Einstellungen > Permalinks**. - Ohne Änderungen vorzunehmen, klicke unten auf **Änderungen übernehmen**. - Dadurch wird die `.htaccess`-Datei (sofern beschreibbar) mit den korrekten Regeln aktualisiert. **2. .htaccess-Weiterleitungen prüfen:** - Verbinde dich per FTP oder über das Hosting-Panel mit deinem Webserver. - Lade die Datei **.htaccess** im Hauptverzeichnis deiner WordPress-Installation herunter oder öffne sie direkt im Editor. - Prüfe, ob die Standard-WordPress-Regeln vorhanden sind. Sie sehen etwa so aus: ``` # BEGIN WordPress <IfModule mod_rewrite.c> RewriteEngine On RewriteBase / RewriteRule ^index\.php$ - [L] RewriteCond %{REQUEST_FILENAME} !-f RewriteCond %{REQUEST_FILENAME} !-d RewriteRule . /index.php [L] </IfModule> # END WordPress ``` - Überprüfe, ob zusätzliche Weiterleitungen (Redirects) korrekt eingetragen sind, z.B.: ``` Redirect 301 /alte-seite/ https://deine-seite.de/neue-seite/ ``` - Teste die Weiterleitungen im Browser, indem du die alten URLs aufrufst und prüfst, ob du korrekt weitergeleitet wirst. **Tipp:** Falls Änderungen an der `.htaccess`-Datei nicht greifen, prüfe die Dateiberechtigungen (meist 644) und stelle sicher, dass der Webserver (z.B. Apache) die Datei lesen kann. **Weitere Infos:** - [WordPress Permalinks Dokumentation](https://wordpress.org/support/article/using-permalinks/) - [Apache .htaccess Redirects](https://httpd.apache.org/docs/current/howto/htaccess.html) So stellst du sicher, dass Permalinks und Weiterleitungen korrekt funktionieren.

Question 12

Wie prüft man, ob admin-ajax.php erreichbar ist und ein REST-Nonce gültig bleibt?

Answer

Um sicherzustellen, dass der **Rest-Nonce** in einer WordPress-Umgebung gültig bleibt und die Datei `admin-ajax.php` erreichbar ist, sind folgende Schritte notwendig: ### 1. Erreichbarkeit von `... [mehr]

Answer

Um sicherzustellen, dass der **Rest-Nonce** in einer WordPress-Umgebung gültig bleibt und die Datei `admin-ajax.php` erreichbar ist, sind folgende Schritte notwendig: ### 1. Erreichbarkeit von `admin-ajax.php` prüfen - Rufe die URL `https://deine-domain.de/wp-admin/admin-ajax.php` im Browser auf. - Bei einer leeren Seite ohne Fehlermeldung ist die Datei erreichbar. - Alternativ kann ein einfacher `GET`-Request per `curl` oder einem anderen Tool gesendet werden: ```bash curl -I https://deine-domain.de/wp-admin/admin-ajax.php ``` Der Statuscode sollte `200 OK` sein. ### 2. Gültigkeit des Nonce prüfen Ein **Nonce** (Number used once) ist ein Sicherheits-Token, das WordPress für AJAX- und REST-API-Anfragen verwendet. Er ist zeitlich begrenzt gültig (standardmäßig 12 oder 24 Stunden). - Der Nonce wird meist per JavaScript-Variable oder als Data-Attribut im HTML ausgegeben, z.B.: ```js var restNonce = '<?php echo wp_create_nonce( 'wp_rest' ); ?>'; ``` - Bei einer AJAX- oder REST-Anfrage wird der Nonce im Header (`X-WP-Nonce`) oder als POST-Parameter mitgesendet. **Prüfung:** - Sende eine Testanfrage mit dem aktuellen Nonce an den gewünschten Endpoint (z.B. `/wp-json/wp/v2/posts`). - Wenn der Nonce abgelaufen oder ungültig ist, gibt WordPress einen Fehler wie `rest_cookie_invalid_nonce` oder `rest_nonce_invalid` zurück. - Beispiel mit `curl`: ```bash curl -H "X-WP-Nonce: DEIN_NONCE" https://deine-domain.de/wp-json/wp/v2/posts ``` - Bei Erfolg erhältst du die gewünschten Daten, bei Fehler eine JSON-Antwort mit einer Fehlermeldung. ### 3. Nonce regelmäßig erneuern Da der Nonce abläuft, sollte er regelmäßig (z.B. per JavaScript-Timer oder nach bestimmten Aktionen) vom Server neu angefordert werden. Das geschieht meist über einen eigenen Endpoint oder durch erneutes Laden der Seite. **Typischer Ablauf:** - Über JavaScript wird ein AJAX-Request an einen eigenen Endpoint (z.B. `restNonceEndpoint`) gesendet. - Der Server gibt einen neuen Nonce zurück. - Der neue Nonce wird im Frontend gespeichert und für weitere Anfragen verwendet. **Beispiel für das Nachladen eines Nonce:** ```js fetch('/wp-admin/admin-ajax.php?action=refresh_nonce') .then(response => response.json()) .then(data => { window.restNonce = data.nonce; }); ``` ### Zusammenfassung - **admin-ajax.php** muss per HTTP erreichbar sein. - **Nonce** muss bei jeder Anfrage mitgesendet und regelmäßig erneuert werden. - Die Gültigkeit des Nonce kann durch eine Testanfrage geprüft werden. - Bei Fehlern gibt WordPress eine entsprechende Fehlermeldung zurück. **Weitere Infos:** - [WordPress Nonces](https://developer.wordpress.org/plugins/security/nonces/) - [AJAX in WordPress](https://developer.wordpress.org/plugins/javascript/ajax/) - [REST API Nonces](https://developer.wordpress.org/rest-api/using-the-rest-api/authentication/) Falls du eine konkrete Fehlermeldung erhältst, kann diese helfen, das Problem genauer einzugrenzen.

Question 13

Wie entferne ich automatisch Punkte und Leerzeichen aus einem HTML-Eingabefeld mit eigenem JavaScript?

Answer

Um automatisch Punkte und Leerzeichen aus einem HTML-Eingabefeld zu entfernen, kannst du ein kurzes JavaScript verwenden, das auf das `input`-Event reagiert. Hier ein Beispiel: ```html <input type... [mehr]

Answer

Um automatisch Punkte und Leerzeichen aus einem HTML-Eingabefeld zu entfernen, kannst du ein kurzes JavaScript verwenden, das auf das `input`-Event reagiert. Hier ein Beispiel: ```html <input type="text" id="meinFeld" placeholder="Eingabe ohne Punkte und Leerzeichen"> > document.getElementById('meinFeld').addEventListener('input', function(e) { // Entfernt alle Punkte und Leerzeichen this.value = this.value.replace(/[.\s]/g, ''); }); </script> ``` **Erklärung:** - Das Skript hört auf das `input`-Event des Feldes. - Mit `replace(/[.\s]/g, '')` werden alle Punkte (`.`) und Leerzeichen (`\s`) im aktuellen Wert entfernt. Das funktioniert rein clientseitig und benötigt keine weiteren Bibliotheken.

Question 14

Wie entferne ich automatisch Punkte und Leerzeichen aus einem HTML-Eingabefeld?

Answer

Um automatisch Punkte und Leerzeichen aus einem HTML-Eingabefeld zu entfernen, kannst du JavaScript verwenden. Das folgende Beispiel zeigt, wie du das beim Eintippen (oninput) erreichen kannst: ```ht... [mehr]

Answer

Um automatisch Punkte und Leerzeichen aus einem HTML-Eingabefeld zu entfernen, kannst du JavaScript verwenden. Das folgende Beispiel zeigt, wie du das beim Eintippen (oninput) erreichen kannst: ```html <input type="text" id="meinFeld" oninput="this.value = this.value.replace(/[. ]/g, '')"> ``` **Erklärung:** - `oninput` wird bei jeder Eingabe ausgelöst. - `replace(/[. ]/g, '')` entfernt alle Punkte (`.`) und Leerzeichen (` `) aus dem aktuellen Wert. **Hinweis:** Du kannst das Muster in der `replace`-Funktion anpassen, falls du noch weitere Zeichen entfernen möchtest. Weitere Infos zu [HTML input](https://developer.mozilla.org/de/docs/Web/HTML/Element/input) und [JavaScript replace](https://developer.mozilla.org/de/docs/Web/JavaScript/Reference/Global_Objects/String/replace) findest du auf MDN.

Question 15

Wie entferne ich den Blur-Effekt mit feComposite operator="out"?

Answer

Der SVG-Filter-Effekt, den du beschreibst, verwendet das `<feComposite>`-Element mit dem Operator `"out"`. Dieser Operator entfernt die Bereiche von `in2` aus `in`. In deinem Beispiel:... [mehr]

Answer

Der SVG-Filter-Effekt, den du beschreibst, verwendet das `<feComposite>`-Element mit dem Operator `"out"`. Dieser Operator entfernt die Bereiche von `in2` aus `in`. In deinem Beispiel: ```xml <feComposite operator="out" in="SourceGraphic" in2="offset-display" result="inverse"></feComposite> ``` - `in="SourceGraphic"`: Das Originalbild. - `in2="offset-display"`: Ein zweites Bild, meist ein verschobener oder bearbeiteter Bereich. - `operator="out"`: Entfernt die Bereiche von `in2` aus `in`. **Unblur** bedeutet, einen Weichzeichner (Blur) rückgängig zu machen. Das ist mit SVG-Filtern nicht direkt möglich, da ein Blur-Filter Informationen entfernt, die nicht einfach wiederhergestellt werden können. Es gibt keinen SVG-Filter, der ein Bild "ent-blurrt". **Was macht dein Filter?** Mit dem `operator="out"` schneidest du Bereiche aus dem Originalbild aus, die im `offset-display` enthalten sind. Das ist kein "Unblur", sondern ein Maskieren/Ausschneiden. **Fazit:** - Ein "Unblur" ist mit SVG-Filtern technisch nicht möglich. - Der von dir genutzte Filter schneidet Bereiche aus, entfernt aber keinen Blur. - Um einen Blur rückgängig zu machen, bräuchtest du das Originalbild ohne Blur. **Weitere Infos zu SVG-Filtern:** - [MDN: feComposite](https://developer.mozilla.org/en-US/docs/Web/SVG/Element/feComposite) - [MDN: SVG Filter Effects](https://developer.mozilla.org/en-US/docs/Web/SVG/Tutorial/Filter_effects) Falls du einen bestimmten Effekt erzielen möchtest, beschreibe bitte genauer, was du erreichen willst.