Dieser Artikel wurde Peer von Martín Martínez und Chris Perry überprüft. Vielen Dank an alle Peer -Rezensenten von SitePoint, die SitePoint -Inhalte so gut wie m?glich gemacht haben!

Haben Sie jemals an einem Projekt gearbeitet, und es schien, als w?re etwas visuell ausgeschaltet? Vielleicht war das Projekt fast abgeschlossen, aber einige Elemente sahen nicht so gut aus? Dies m?gen kleine Details sein, aber sie machen einen Unterschied.

Wenn Ihr Projekt unattraktive Auswahlfelder enth?lt und Sie ihnen weitere Funktionen hinzufügen m?chten, finden Sie ausgew?hlt und w?hlen 2 nützlich. Hier

In diesem Artikel werde ich diese beiden Plugins von Kopf an Kopf einsetzen und ihre Funktionen und ihre Anwendungsf?lle vergleichen, damit Sie eine fundierte Wahl treffen k?nnen, welche für Sie am besten ist.

Key Takeaways

ausgew?hlt und select2 sind JQuery-Plugins, die die Funktionalit?t von ausgew?hlten Feldern verbessern und ihr Aussehen und ihre Benutzerfreundlichkeit verbessern. W?hrend dies ein zuverl?ssiges und robustes Plugin ausgew?hlt wird, wird es nicht so aktiv gepflegt wie Select2, was regelm??ig neue Funktionen und Integrationen hinzufügt.
Beide Plugins unterstützen Platzhaltertext, erm?glichen die Suche in den Optionen und bieten die M?glichkeit, die Anzahl der Auswahlm?glichkeiten zu begrenzen. SELECT2 bietet jedoch auch die Option, Optionen zu deaktivieren.
• select2 f?llt mit seinen zus?tzlichen Funktionen ab, einschlie?lich programmatischer Zugriff, Tagging, Tokenisierung und Vorlagen. Es unterstützt auch AJAX und bietet erweiterte Anpassungsoptionen, wodurch es zu einem leistungsf?higeren Tool für ausgew?hlte K?stchen ist.
• W?hrend ausgew?hlt wird eine gute Option für die grundlegende Select -Box -Verbesserung, wird SELECT2 für erweiterte Funktionen und regelm??ige Updates empfohlen. Select2 bietet auch eine umfassende Dokumentation und erleichtert die Implementierung und Verwendung in Projekten.
Installation

Sowohl ausgew?hlt als auch select2 sind über GitHub erh?ltlich. Dies bedeutet, dass Sie das jeweilige Repository klonen und die ben?tigten Dateien erhalten k?nnen.

Andernfalls k?nnen Sie beide Plugins mit Bower installieren (was als Schnittstelle zu GitHub dient). Wenn Bower Ihre bevorzugte Route ist, k?nnen Sie JQuery genauso gut schnappen, w?hrend Sie dabei sind.

<span>git clone https://github.com/harvesthq/chosen.git
</span><span>git clone https://github.com/select2/select2.git
</span>

Nehmen Sie ansonsten die Dateien von Ihrem CDN Ihrer Wahl (z. B. CDNJs) und fügen Sie sie auf die übliche Weise in Ihre Seite ein. Dies habe ich in den Vorlagen getan, unter denen Sie dies verwenden k?nnen, um die Beispiele im Tutorial zu folgen.

bower <span>install jquery
</span>bower <span>install select2
</span>bower <span>install chosen
</span>

gew?hlt

<span>git clone https://github.com/harvesthq/chosen.git
</span><span>git clone https://github.com/select2/select2.git
</span>

select2

bower <span>install jquery
</span>bower <span>install select2
</span>bower <span>install chosen
</span>

Sind die Projekte aktiv aufrechterhalten?

Wie Sie anhand der Github -Seite erkennen k?nnen verlassen - weit davon entfernt! Vielmehr haben die Entwickler es an den Ort gebracht, an dem sie es sein wollen, und es bleibt ein zuverl?ssiges und robustes Plugin.

Kontrast das mit Select2 hingegen und der Unterschied spürbar. Die Entwicklung dieser Bibliothek geht vor dem vollen Dampf und hat kürzlich ihre offizielle vierte Version (4.0.0) ver?ffentlicht. Dies bedeutet, dass neue Funktionen hinzugefügt werden, w?hrend andere veraltet und/oder entfernt werden.

Eine weitere nützliche Metrik kann die Anzahl der Fragen mit diesen Tags auf Stapelüberlauf sein. Sie k?nnen dies hier selbst versuchen: http://stackoverflow.com/tags

Wenn Sie "SELECT2" eingeben und dann den "Auserw?hlten" kontrastieren, werden Sie feststellen, dass es um das Select2 -Plugin viel mehr Aktivit?t zu geben scheint. Sie werden auch sehen, dass es eine Reihe von Integrationen hat, z. B. mit AngularJs und Ruby on Rails.

W?hlen Sie Felder und Platzhalter

select2 und ausgew?hlt wechseln, wie einfach und mehrere ausgew?hlte Felder angezeigt werden.

In mehreren Auswahlfeldern mit reinem HTML k?nnen Benutzer einige der in der Liste verfügbaren Optionen sehen. Dies ist nicht visuell ansprechend und es muss eine ?nderung dieser Ansicht vorgenommen werden. Ausgew?hlt und ausw?hlen2 Entfernen Sie die "Listenansicht" und die Liste der Optionen wird angezeigt, wenn Sie in das Feld ausgew?hlt werden. Nur dann k?nnen Sie die Auswahl treffen.

Sie k?nnen Ihre Optionen mit beiden Plugins durchsuchen. Klicken Sie einfach in das Feld und geben Sie dann die ersten Zeichen Ihrer Wahl ein, dann werden die Ergebnisse in Echtzeit gem?? Ihrer Suche angezeigt.

select2 erleichtert es einfacher, Optionen auszuw?hlen, die bereits ausgew?hlt wurden. Wenn der Dropdown -Bereich ge?ffnet ist, k?nnen Sie auf ein beliebtes Element klicken, um sie zu deaktivieren. Ausgew?hlt hat diese Funktion noch nicht implementiert.

Sowohl ausgew?hlt als auch ausgew?hlt2 Support -Platzhaltertext für einzelne und mehrere Auswahlfelder.

begrenzte Anzahl von Auswahlen

Manchmal müssen Sie in einem mehrfach ausgew?hlten Feld die Anzahl der Optionen einschr?nken, die Benutzer ausw?hlen. Der Vorteil der Verwendung von Select und Select2 besteht darin, dass Sie die Anzahl der Auswahlen sehr einfach ?ndern k?nnen.

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8">
    <title>Chosen/Select2 Template</title>
    <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/chosen/1.4.2/chosen.min.css">
  </head>
  <body>

    <script></script>
    <script src="//cdnjs.cloudflare.com/ajax/libs/chosen/1.4.2/chosen.jquery.min.js"></script>
    <script>// Additional logic goes here</script>
  </body>
</html>

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8">
    <title>Select2 Template</title>
    <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/select2/4.0.1/css/select2.min.css">
  </head>
  <body>

    <script src="https://img.php.cn/code.jquery.com/jquery-1.11.3.min.js"></script>
    <script src="//cdnjs.cloudflare.com/ajax/libs/select2/4.0.1/js/select2.min.js"></script>
    <script>// Additional logic goes here</script>
  </body>
</html>

Sie k?nnen die Anzahl der Auswahlm?glichkeiten einschr?nken, die aus einem Multi-Select-Box mit beiden Plugins ausgew?hlt werden k?nnen. Es ist jedoch erw?hnenswert, dass ausgew?hlte Version dieser Funktion fortgeschritten ist. Nachdem Sie das Limit erreicht haben, wird ein Ereignis aufgerufen, wenn Sie versuchen, eine zus?tzliche Option auszuw?hlen.

In diesem Beispiel werden die Benutzer gebeten, zwei Tage auszuw?hlen, die in ihrer Woche am produktivsten sind. Wenn sie versuchen, einen dritten Tag auszuw?hlen, wird ausgew?hlt ein Ereignis anrufen. Ich habe ausgew?hlt, um eine Warnmeldung hinzuzufügen, die zeigt, dass die Grenze erreicht wurde:

Siehe die begrenzte Anzahl von Auswahlen: Ausgew?hlt gegen Select2 von SitePoint (@sinepoint) auf CodePen.

reaktionsschnelles Design

Personen sehen Ihre Seiten auf allen m?glichen Ger?ten. W?hlen Sie also die W?hlen Sie wie andere Komponenten Ihrer Website reaktionsschnell. Sowohl ausgew?hlt als auch Select2 unterstützen die Einstellungsbreite mit einem Prozentsatz und die Funktion ist bei beiden nahezu gleich. Dies erstellt reaktionsschnelle Auswahlfelder, die die Bildschirmgr??e oder die Browserfensterbreite berücksichtigen.

Der einzige Unterschied, den ausgew?hlt und select2 zu dieser Funktion haben, ist der Code. Sie k?nnen die Breite von Select2 in HTML aus Select Tag in HTML deklarieren. Siehe es unten, um zu verstehen, wie praktisch es ist, ausgew?hlte Felder reaktionsschnell und visuell besser mit auserw?hlter und auszuw?hlen2.

<span>git clone https://github.com/harvesthq/chosen.git
</span><span>git clone https://github.com/select2/select2.git
</span>

bower <span>install jquery
</span>bower <span>install select2
</span>bower <span>install chosen
</span>

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8">
    <title>Chosen/Select2 Template</title>
    <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/chosen/1.4.2/chosen.min.css">
  </head>
  <body>

    <script src="https://img.php.cn/code.jquery.com/jquery-1.11.3.min.js"></script>
    <script src="//cdnjs.cloudflare.com/ajax/libs/chosen/1.4.2/chosen.jquery.min.js"></script>
    <script>// Additional logic goes here</script>
  </body>
</html>

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8">
    <title>Select2 Template</title>
    <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/select2/4.0.1/css/select2.min.css">
  </head>
  <body>

    <script src="https://img.php.cn/code.jquery.com/jquery-1.11.3.min.js"></script>
    <script src="//cdnjs.cloudflare.com/ajax/libs/select2/4.0.1/js/select2.min.js"></script>
    <script>// Additional logic goes here</script>
  </body>
</html>

andere ?hnliche Funktionen

ausgew?hlt und select2 haben andere h?ufige Funktionen, aber ich m?chte drei Funktionen ansehen, die ich interessant fand: Behinderte Ergebnisse, Hidden-Suchbox und RTL-Unterstützung (rechts nach links).

deaktivierte Ergebnisse

Die interessantesten davon sind deaktivierte Ergebnisse. Mit dieser Option Set Set, Select2 Highlights Aktivierungsoptionen ausgew?hlt und ausgew?hlt. Sie k?nnen deaktivierte Auswahlm?glichkeiten sehen, k?nnen sie jedoch nicht ausw?hlen. Normalerweise werden deaktivierte Ergebnisse festgelegt, um zu verhindern, dass ein Benutzer die Option ausw?hlt, bis eine andere Bedingung erfüllt wurde. Diese Funktion verwandelt Ihre ausgew?hlten Felder in ein leistungsstarkes Tool und erh?ht das Engagement mit dem Benutzer, wenn Sie lernen, wie Sie es entsprechend Ihren Anforderungen verwenden.

Um die Plugins mitzuteilen, dass Sie deaktivierte Ergebnisse aktiviert haben, fügen Sie das Attribut deaktiviert = "deaktiviert" zum Options -Tag, in dem Sie diese Funktion verwenden.

<span>max_selected_options: 2 // Chosen Plugin
</span>

In diesem ausgew?hlten Beispiel kann der Benutzer nur Optionen ausw?hlen, die in seinem geografischen Standort verfügbar sind, aber er kann auch die anderen Optionen sehen, obwohl sie nicht verfügbar sind:

Siehe den ausgew?hlten Stift gegen Select2: Deaktivierte Ergebnisse von SitePoint (@sinepoint) auf CodePen.

versteckt das Suchfeld

Wenn Sie in der Liste der Optionen in einzelnen Auswahlfeldern nicht viele Auswahlm?glichkeiten haben, ist es ratsam, das Suchfeld auszublenden. Um das Suchfeld auszublenden, sollten Sie disable_search_threshold verwenden und einen gr??eren Wert als die Anzahl der Optionen in Ihrem Auswahlfeld einstellen.

<span>maximumSelectionLength: 2 // Select2 Plugin
</span>

<!-- Chosen - HTML -->
<select >
  ...
</select>

Die gleiche Logik gilt für SELECT2, aber die einzige ?nderung ist die Terminologie, anstatt Disable_Search_threshold zu diskutieren.

<span>// Chosen - JavaScript
</span><span>$(".responsiveChosen").chosen({width: "50%"});
</span>

Eine Sache, die ich zu Select2 hinzufügen sollte, ist, dass Sie das Suchfeld dauerhaft ausblenden k?nnen, ohne sich über die Anzahl der Optionen zu besorgen, die Sie in Ihrem Auswahlfeld haben. Sie k?nnen dies tun, indem Sie minimumResultsForSearch in Infinity einstellen.

<span>git clone https://github.com/harvesthq/chosen.git
</span><span>git clone https://github.com/select2/select2.git
</span>

RTL-Unterstützung von rechts nach links

Eine gro?e Anzahl von Websites ist in verschiedenen Sprachen mit unterschiedlichen Alphabeten geschrieben, und abgesehen davon werden einige dieser Sprachen aus einer anderen Richtung gelesen. Es ist ratsam, dass ausgew?hlte Felder mit den Regeln dieser Sprachen anpassen und ihre Richtung von LTR (links nach rechts) auf RTL verschieben sollten. Dies verbessert die Benutzererfahrung und erh?ht die Verwendbarkeit Ihrer Website für Benutzer dieser Region.

Sowohl ausgew?hlt als auch ausgew?hlt2 unterstützt von der rechts nach links in ausgew?hlten Feldern. Der einzige Unterschied, den sie haben, ist, dass Select2 Sie ben?tigen, um die RTL-Unterstützung in der JavaScript-Datei zu deklarieren. In der Zwischenzeit fügen Sie in der ausgew?hlten Auswahl nur die ausgew?hlte RTL-Klasse neben der ausgew?hlten Klasse in HTML hinzu.

Warum w?hlen Sie Select2 über ausgew?hlt

W?hrend Select2 von Auserw?hlten inspiriert wurde und die meisten Merkmale von Auserw?hlten enth?lt, h?rten seine Mitwirkenden hier nicht auf. Sie haben einige der coolsten Funktionen für ausgew?hlte K?stchen eingebaut, einschlie?lich programmatischer Zugriff, Templating, deaktiviertem Modus, Tagging und Tokenisierung. Es hat auch Unterstützung für Ajax.

programmatischer Zugriff

programmatischer Zugriff bringt ausgew?hlte Felder auf eine andere Ebene. Sie sind sehr nützlich mit mehreren Auswahlfeldern. Sie k?nnen Schaltfl?chen hinzufügen, die mit JavaScript auf diese Auswahlfelder entsprechend Ihren Regeln hinzufügen.

Wenn einige der Optionen im mehrfachen Feld mehreren Auswahl eine Logik haben, die miteinander verknüpft ist und diese ?verknüpften“ Optionen nach Ihren Beobachtungen von vielen Benutzern ausgew?hlt werden müssen, ist es nützlich, diese auszuw?hlen Auswahl mit einem einzigen Klick.

bower <span>install jquery
</span>bower <span>install select2
</span>bower <span>install chosen
</span>

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8">
    <title>Chosen/Select2 Template</title>
    <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/chosen/1.4.2/chosen.min.css">
  </head>
  <body>

    <script src="https://img.php.cn/code.jquery.com/jquery-1.11.3.min.js"></script>
    <script src="//cdnjs.cloudflare.com/ajax/libs/chosen/1.4.2/chosen.jquery.min.js"></script>
    <script>// Additional logic goes here</script>
  </body>
</html>

In diesem Beispiel k?nnen Sie schnell die "Swift" und "Objective-C" festlegen, indem Sie auf die Schaltfl?che "iOS Technologies" klicken:

Siehe Stift Select2 - Programmatische Methoden von SitePoint (@sinepoint) auf CodePen.

Tagging

Tagging ist ein weiteres der Funktionen von Select2, mit der Auswahlfelder leistungsf?higer werden und die Grenze der normalen Auswahlfelder erweitert. Dadurch k?nnen Benutzer neue Auswahlm?glichkeiten hinzufügen, die noch nicht in der Optionsliste enthalten sind.

Tagging ist auch in F?llen sehr praktisch, wenn die Auswahlbereichs sehr gro? ist und Sie nicht alle Auswahlm?glichkeiten in die Optionsliste eingeben k?nnen. Wenn das Tagging aktiviert ist und Benutzer ihre Auswahl in der Liste nicht finden, "schieben" sie sie, um ein Tag ihrer Wahl zu erstellen.

Seien Sie vorsichtig, wenn Sie das Tagging verwenden, da es von "b?swilligen" Benutzern missbraucht werden kann, die ungültige Tags eingeben, die dem Ziel des SELECT -Felds nicht entsprechen.

Um das Markieren zu aktivieren, sollten Sie die Tags -Option auf True festlegen.

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8">
    <title>Select2 Template</title>
    <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/select2/4.0.1/css/select2.min.css">
  </head>
  <body>

    <script src="https://img.php.cn/code.jquery.com/jquery-1.11.3.min.js"></script>
    <script src="//cdnjs.cloudflare.com/ajax/libs/select2/4.0.1/js/select2.min.js"></script>
    <script>// Additional logic goes here</script>
  </body>
</html>

Siehe den ausgew?hlten Stift gegen Select2: Tagging nach SitePoint (@sinepoint) auf CodePen.

Tokenisierung

Sobald Tags auf true gesetzt sind, ist die Option, Token -Separatoren einzuschlie?en. Geben Sie nach Eingabe des Namens des Tags einfach eins der angegebenen Token -Separatoren ein. Dann wird das Tag als Wahl in der Optionsliste eingegeben. Token -Separatoren dienen als Verknüpfung für das Erstellen von Tags, indem sie Zeichen von Ihrer Tastatur eingeben.

Mit Hilfe von Select2 k?nnen Sie Token -Separatoren mit jedem gewünschten Zeichen erstellen. Im folgenden Beispiel werden vier Token -Separatoren verwendet: /,,; und "" (Raum).

<span>git clone https://github.com/harvesthq/chosen.git
</span><span>git clone https://github.com/select2/select2.git
</span>

Versuchen Sie es, indem Sie eine neue Option eingeben, gefolgt von einem der Trennzeichen, um sie auszuw?hlen und der Optionsliste hinzuzufügen:

Siehe Stift Select2 - Tokenization von SitePoint (@sinepoint) auf CodePen.

templating

Eine der leistungsst?rksten Merkmale von Select2 ist die Vorlagen. Durch Vorlagen k?nnen wir das von Select2 angezeigte Aussehen von Komponenten anpassen. Diese Funktion kann verwendet werden, um die minimale Eingabe zusammenzuführen, die durch das Options -Tag mit Bildern oder anderen Komponenten bereitgestellt wird, um eine visuelle Anzeige für den Benutzer zu erstellen.

Diese Beispielkombininen Select2 -Vorlagen mit den Glyphicons von Bootstrap:

Siehe die SELECT2 -Templatierung von SitePoint (@sitepoint) auf CodePen.

Schlussfolgerung

Obwohl ausgew?hlt wurde, bietet Select2 Select2 eher in Bezug auf die verfügbaren Funktionen für die Verwendung mit ausgew?hlten K?stchen. Ausgew?hlt ist eine gute Option, wenn Sie sie innerhalb des ?Flusses“ Ihrer Website kombinieren. Wenn Sie jedoch auf fortgeschrittenere Funktionen zugreifen m?chten, ist Select2 die bessere Wahl.

Ich würde dringend empfehlen, Select2 zu verwenden. Es wird ?fter als ausgew?hlt und hat weniger Fehler. Eine Sache, die ich an Select2 sehr hilfreich fand, ist die Dokumentation. W?hrend Sie es lesen, k?nnen Sie Select2 -Komponenten in Ihrem Projekt im laufenden Flug verwenden.

Wenn Sie gute oder schlechte Erfahrungen mit Auserw?hlten oder Select2 gemacht haben, lassen Sie es mich im Kommentarbereich unten wissen.

h?ufig gestellte Fragen (FAQs) zu jQuery ausw?hlen Boxkomponenten: Ausgew?hlt gegen Select2

Was sind die wichtigsten Unterschiede zwischen ausgew?hlten und select2? Die wichtigsten Unterschiede zwischen ihnen liegen in ihren Merkmalen und ihrer Benutzerfreundlichkeit. Select2 unterstützt AJAX, wodurch es mit gro?en Datens?tzen funktioniert, indem sie im laufenden Fliegen als Benutzertyp geladen werden. Es unterstützt auch Tagging und unendliches Scrollen. Andererseits unterstützt Ajax oder Tagging nicht, bietet jedoch eine benutzerfreundliche Suchfunktion und eine einfachere Oberfl?che.

Wie implementiere ich Select2 in meinem Projekt? Anschlie?end k?nnen Sie SELECT2 in einem beliebigen Select -Feld initialisieren, indem Sie die $ (". MySelectBox"). Select2 () verwenden; Befehl. Sie k?nnen das Verhalten von Select2 auch anpassen, indem Sie Optionen an die Funktion Select2 () übergeben. Im selben Projekt wird es im Allgemeinen nicht empfohlen. Beide Plugins zielen darauf ab, die Funktionalit?t von ausgew?hlten Feldern zu verbessern, und sie k?nnen zusammen zu Konflikten und unerwarteten Verhaltensweisen führen. W?hlen Sie am besten die aus, die Ihren Anforderungen am besten entspricht.

Wie kann ich das Erscheinungsbild von Select2 anpassen und ausgew?hlt? Sie k?nnen die Farben, Schriftarten, Gr??en und andere Aspekte ihres Aussehens ?ndern, indem Sie ihre Standardstile in Ihrer eigenen CSS -Datei überschreiben. Dank seiner AJAX-Unterstützung gut geeignet, um gro?e Datens?tze zu bearbeiten. Sie k?nnen Select2 so konfigurieren, dass Daten im laufenden Flug als Benutzertypen abgerufen werden. Dies verhindert, dass alle Daten im Voraus geladen werden müssen. Dies kann die Leistung bei der Arbeit mit gro?en Datens?tzen erheblich verbessern. oder reagieren. M?glicherweise müssen Sie jedoch zus?tzliche Wrapper oder Bibliotheken verwenden, um die Kompatibilit?t zu gew?hrleisten. Wenn Sie in einem in einem Feld ausgew?hlten Feld initialisieren, wird automatisch ein Suchfeld hinzugefügt. Benutzer k?nnen dieses Feld in dieses Feld eingeben, um die Optionen im Feld Ausw?hlen zu filtern. Sie k?nnen diese Funktion aktivieren, indem Sie das Mehrfachattribut zu Ihrem Auswahlfeld hinzufügen. Wenn mehrere Auswahlen aktiviert sind, k?nnen Benutzer im Feld Ausw?hlen mehr als eine Option ausw?hlen. Browser, aber sie bieten auch nur begrenzte Unterstützung für mobile Ger?te. Aufgrund der Vielzahl von mobilen Browsern und Ger?ten funktionieren einige Funktionen jedoch m?glicherweise nicht wie erwartet. von Ereignissen, auf die Sie zuh?ren und darauf reagieren k?nnen. Sie k?nnen beispielsweise das Change -Ereignis anh?ren, um eine Funktion auszuführen, wenn der Benutzer eine Auswahl trifft. Sie k?nnen Ereignish?rer mit der .on () -Methode in jQuery anh?ngen.

Das obige ist der detaillierte Inhalt vonJQuery ausw?hlen Boxkomponenten - ausgew?hlt VS SELECT2. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!