Category: Tipps

Copy to clipboard in JavaScript

Ziele des Blogs

Nach dem Lesen dieses Blogs können Sie mithilfe von Java-Skript wissen, wie Daten in die Zwischenablage kopiert werden können.

Nutzen der Kopierfunktion in die Zwischenablage

In der aktuellen Webwelt dreht sich alles um die Benutzererfahrung, die Sie mit Ihrer Website gemacht haben. Während unserer Arbeit an einer beliebigen Site kopieren wir Inhalte von einer Stelle und fügen sie an einer anderen Stelle ein. Es ist für den Benutzer sehr hilfreich, wenn eine Site eine Funktion zum Kopieren per Mausklick bietet. Dies erspart dem Benutzer Zeit und Mühe, den Inhalt auszuwählen und zu kopieren.

Implementierung der Funktion zum Kopieren in die Zwischenablage

Mal sehen, wie wir diese Funktionalität hinzufügen können:

Schritt 1:

Erstellen Sie einen HTML-Code mit einem Absatz, der Inhalt und eine Schaltfläche zum Klicken enthält. Sie können jedes relevante Element anstelle eines Absatzes verwenden, z. B. Textfeld, Textbereich, ausgeblendete Felder usw.

<body> <p id = "txt_knoband"> KnowBand bietet die branchenweit besten Plugins für E-Commerce-Systeme und verfügt über langjährige Erfahrung in der Arbeit mit E-Commerce-Websites. </ p> <button onclick = "onClickCopy ()"> Text kopieren < / button> </ body>

Schritt 2:

Sie müssen eine Funktion onClickCopy () erstellen, die die Daten des Absatzes kopiert. Die Funktion führt einfach "document.execCommand (" copy ")" aus, um die Daten in die Zwischenablage zu kopieren.

Funktion copyOnClick () {var tempInput = document.createElement ("input"); tempInput.value = document.getElementById ("txt_knoband"). innerHTML; document.body.appendChild (tempInput); tempInput.select (); document.execCommand ("copy"); document.body.removeChild (tempInput); alert ("Wert kopiert"); }

In the last line of the script, we have simply added an alert action to inform the user that the data has been copied.

So finally when you click on the button “Copy Text”, data will be copied to the clipboard and you can simply paste by using CRTL + V.

Related Article: So setzen Sie Cookies mit JavaScript


How to set Cookie using JavaScript

Ziel: Erfahren Sie, wie Sie das Cookie mit JavaScript erstellen und lesen. Cookie ist ein kleines Datenelement, das von der Website auf dem Benutzergerät gespeichert wird. Es ist hilfreich, Daten zu speichern, um den Benutzer zu identifizieren oder den Benutzer zu verfolgen. Wenn der Benutzer die Website erneut besucht, können gespeicherte Daten leicht gelesen werden.

Schritt 1: Setzen des Cookies auf dem Benutzergerät

Mit der Funktion createCookie () können Sie das Cookie einfach erstellen, indem Sie den Namen, den Wert (die Daten, die Sie speichern möchten) und das Ablaufdatum übergeben.

Funktion createCookie (Name, Wert, Tage) {if (Tage) {var date = new Date (); date.setTime (date.getTime () + (Tage * 24 * 60 * 60 * 1000)); var expires = '; expires =' + date.toGMTString (); } else {var expires = ''; } // Cookie setzen document.cookie = name + '=' + value + expires + '; Pfad = / '; }

Step2: Zum Lesen des Cookies

Sie können das Cookie mithilfe der folgenden Funktion einfach lesen, indem Sie den Namen des Cookies eingeben.

Funktion readCookie (name) {var nameEQ = name + '='; // Lesen des Cookies var ca = document.cookie.split (';'); // Verarbeitung, um den Inhalt für (var i = 0; i <ca. Länge; i ++) zu erhalten {var c = ca [i]; while (c.charAt (0) == '') {c = cSubstring (1, c.Länge); } if (c.indexOf (nameEQ) == 0) {// Rückgabe des tatsächlichen Inhalts return c.substring (nameEQ.length, c.length); }} return null; }

Beispiel: Beispiel zum Speichern des Benutzernamens im Cookie.

if (cookies == 'yes') {jQuery ('document'). ready (function () {// reding cookie var cook = readCookie ('YourWebsite'); if (cook! = 'true') {// aufrufen um das Cookie zu erstellen, wenn es nicht gefunden wird createCookie ('YourWebsite', 'user_name = akash', 30);}}); }

Sie können das gespeicherte Cookie in der Konsole des Browsers sehen:

So setzen Sie Cookies mit JavaScript

Abhängigkeit: Sie müssen die jquery min js-Datei einschließen, um das Beispiel auszuführen. Hierfür können Sie die folgende Codezeile verwenden.

<script src = "https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js"> </ script>


HubBox Error: Bad Response Code

Problemstellung: In der Antwort der Authentifizierungs-API der HubBox ist ein Fehler aufgetreten. "HubBox-API-Fehler: Ungültiger Antwortcode”

Lösung:? If you are facing issue as shown below while you are checking Authentication API, it may be because of Authentication API is verifying SSL certificate for connection.

Zu diesem Zweck können Sie die SSL-Überprüfung in der CURL-Anforderung deaktivieren, indem Sie die folgenden Zeilen hinzufügen.

curl_setopt ($ ch, CURLOPT_SSL_VERIFYPEER, false); curl_setopt ($ ch, CURLOPT_SSL_VERIFYHOST, false);

Nehmen Sie in der Funktion refreshToken () unter HubBox / PHP / HubBox / Authentication.php die folgenden Änderungen an der Curl-Anforderung der Authentifizierungs-API vor:

$ ch = curl_init (); $ post_string = http_build_query ($ fields); curl_setopt ($ ch, CURLOPT_URL, $ endpoint); curl_setopt ($ ch, CURLOPT_RETURNTRANSFER, 1); curl_setopt ($ ch, CURLOPT_POST, 1); curl_setopt ($ ch, CURLOPT_POSTFIELDS, $ post_string); curl_setopt ($ ch, CURLOPT_HTTPHEADER, Array ('Inhaltstyp: application / x-www-form-urlencoded')); curl_setopt ($ ch, CURLOPT_USERPWD, $ this -> _ magento_user. ":". $ this -> _ magento_key); curl_setopt ($ ch, CURLOPT_VERBOSE, 1); curl_setopt ($ ch, CURLOPT_HEADER, 1); curl_setopt ($ ch, CURLOPT_SSL_VERIFYPEER, false); curl_setopt ($ ch, CURLOPT_SSL_VERIFYHOST, false); $ output = curl_exec ($ ch); $ header_size = curl_getinfo ($ ch, CURLINFO_HEADER_SIZE); $ httpcode = curl_getinfo ($ ch, CURLINFO_HTTP_CODE); $ body = substr ($ output, $ header_size); curl_close ($ ch);

Wenn dies das Problem war, müssen Sie diese Zeilen in allen APIs von HubBox-APIs zum Erstellen von Paketen, Abbrechen von Paketen, Hinzufügen von Verfolgungs- und Sammelpunkten wie unten beschrieben hinzufügen.

Paket-API erstellen: Nehmen Sie in der Funktion sendOrder () unter HubBox / PHP / HubBox / Parcel.php die folgenden Änderungen an der Curl-Anforderung der Create Parcel API vor:

$ ch = curl_init (); curl_setopt ($ ch, CURLOPT_URL, $ this-> getOrderUrl ()); curl_setopt ($ ch, CURLOPT_RETURNTRANSFER, 1); curl_setopt ($ ch, CURLOPT_CUSTOMREQUEST, "POST"); curl_setopt ($ ch, CURLOPT_POSTFIELDS, $ body); curl_setopt ($ ch, CURLOPT_HTTPHEADER, Array ('Inhaltstyp: application / json', 'Autorisierung: Inhaber'. $ token, 'Inhaltslänge:'. strlen ($ body))); curl_setopt ($ ch, CURLOPT_VERBOSE, 1); curl_setopt ($ ch, CURLOPT_HEADER, 1); curl_setopt ($ ch, CURLOPT_SSL_VERIFYPEER, false); curl_setopt ($ ch, CURLOPT_SSL_VERIFYHOST, false); $ output = curl_exec ($ ch); $ header_size = curl_getinfo ($ ch, CURLINFO_HEADER_SIZE); $ body = substr ($ output, $ header_size); $ httpCode = curl_getinfo ($ ch, CURLINFO_HTTP_CODE); curl_close ($ ch);

Paket-API abbrechen: Nehmen Sie in der Funktion cancelOrder () unter HubBox / PHP / HubBox / Parcel.php die folgenden Änderungen an der Curl-Anforderung der Cancel Parcel-API vor:

$ ch = curl_init (); curl_setopt ($ ch, CURLOPT_URL, $ this-> getCancelUrl ($ hubBoxParcelId)); curl_setopt ($ ch, CURLOPT_RETURNTRANSFER, 1); curl_setopt ($ ch, CURLOPT_CUSTOMREQUEST, "POST"); curl_setopt ($ ch, CURLOPT_POSTFIELDS, $ postBody); curl_setopt ($ ch, CURLOPT_HTTPHEADER, Array ('Inhaltstyp: application / json', 'Autorisierung: Inhaber'. $ token, 'Inhaltslänge:'. strlen ($ postBody))); curl_setopt ($ ch, CURLOPT_VERBOSE, 1); curl_setopt ($ ch, CURLOPT_HEADER, 1); curl_setopt ($ ch, CURLOPT_SSL_VERIFYPEER, false); curl_setopt ($ ch, CURLOPT_SSL_VERIFYHOST, false); $ output = curl_exec ($ ch); $ header_size = curl_getinfo ($ ch, CURLINFO_HEADER_SIZE); $ body = substr ($ output, $ header_size); $ httpCode = curl_getinfo ($ ch, CURLINFO_HTTP_CODE); curl_close ($ ch);

Tracking-API hinzufügen: Nehmen Sie in der Funktion addTracking () unter HubBox / PHP / HubBox / Parcel.php die folgenden Änderungen an der Curl-Anforderung der Add Tracking-API vor:

$ ch = curl_init (); curl_setopt ($ ch, CURLOPT_URL, $ this-> getTrackingUrl ($ hubBoxParcelId)); curl_setopt ($ ch, CURLOPT_RETURNTRANSFER, 1); curl_setopt ($ ch, CURLOPT_CUSTOMREQUEST, "POST"); curl_setopt ($ ch, CURLOPT_POSTFIELDS, $ postBody); curl_setopt ($ ch, CURLOPT_HTTPHEADER, Array ('Inhaltstyp: application / json', 'Autorisierung: Inhaber'. $ token, 'Inhaltslänge:'. strlen ($ postBody))); curl_setopt ($ ch, CURLOPT_VERBOSE, 1); curl_setopt ($ ch, CURLOPT_HEADER, 1); curl_setopt ($ ch, CURLOPT_SSL_VERIFYPEER, false); curl_setopt ($ ch, CURLOPT_SSL_VERIFYHOST, false); $ output = curl_exec ($ ch); $ header_size = curl_getinfo ($ ch, CURLINFO_HEADER_SIZE); $ body = substr ($ output, $ header_size); $ httpCode = curl_getinfo ($ ch, CURLINFO_HTTP_CODE); curl_close ($ ch);

Collectpoint API: Nehmen Sie in der Funktion getCollectPoint () unter HubBox / PHP / HubBox / CollectPoints.php die folgenden Änderungen an der Curl-Anforderung der Collectpoint-API vor:

$ ch = curl_init (); curl_setopt ($ ch, CURLOPT_URL, $ this-> getCollectPointUrl (). '/'. $ id); curl_setopt ($ ch, CURLOPT_RETURNTRANSFER, 1); curl_setopt ($ ch, CURLOPT_HTTPHEADER, Array ('Inhaltstyp: application / json')); curl_setopt ($ ch, CURLOPT_VERBOSE, 1); curl_setopt ($ ch, CURLOPT_HEADER, 1); curl_setopt ($ ch, CURLOPT_SSL_VERIFYPEER, false); curl_setopt ($ ch, CURLOPT_SSL_VERIFYHOST, false); // Wenn wir private Sammelpunkte haben, müssen wir die Anfrage authentifizieren, wenn ($ this -> _ config-> hasPrivateCps ()) {$ header [] = "Authorization: Bearer". $ this -> _ auth-> getAccessToken (); curl_setopt ($ ch, CURLOPT_HTTPHEADER, $ header); } $ output = curl_exec ($ ch); $ header_size = curl_getinfo ($ ch, CURLINFO_HEADER_SIZE); $ body = substr ($ output, $ header_size); $ httpCode = curl_getinfo ($ ch, CURLINFO_HTTP_CODE); curl_close ($ ch);

Weitere verwandte Artikel finden Sie hier: HubBox-Fehler: Falsche Produktdaten in der Antwort der Create Parcel API


HubBox-Fehler: Falsche Produktdaten in der Antwort der Create Parcel API

Problemstellung:? Wrong product data coming in the response of Create Parcel API of HubBox Sandbox account.

Lösung: Wenn dieses Problem im HubBox-Sandbox-Konto auftritt (siehe unten), können Sie es im Sandbox-Konto ignorieren, da es im Produktionskonto von HubBox problemlos funktioniert. Gesendete Produktdaten in der Anfrage der Create Parcel API:

[order] => Array ([id] => 1234 [products] => Array ([0] => Array ([name] => Test Item1 [sku] => TEST [price] => 1) [1] => Array ([Name] => Test Item2 [Artikelnummer] => TEST2 [Preis] => 12) [2] => Array ([Name] => Test Item3 [Artikelnummer] => TEST3 [Preis] => 13 )))

Erhaltene Produktdaten in der Antwort der Create Parcel API:

[order] =&amp;gt; stdClass Object
        (
            [id] =&amp;gt; 1234
            [products] =&amp;gt; Array
                (
                    [0] =&amp;gt; stdClass Object
                        (
                            [sku] =&amp;gt; TEST
                            [name] =&amp;gt; Test Item
                            [price] =&amp;gt; 1
                            [qty] =&amp;gt;  
                            [challenge18] =&amp;gt;  
                            [challenge21] =&amp;gt;  
                            [challenge25] =&amp;gt;  
                            [perishable] =&amp;gt;  
                            [flammable] =&amp;gt;  
                        )
 
                    [1] =&amp;gt; stdClass Object
                        (
                            [sku] =&amp;gt;  
                            [name] =&amp;gt;  
                            [price] =&amp;gt;  
                            [qty] =&amp;gt;  
                            [challenge18] =&amp;gt;  
                            [challenge21] =&amp;gt;  
                            [challenge25] =&amp;gt;  
                            [perishable] =&amp;gt;  
                            [flammable] =&amp;gt;  
                        )
 
                )
 
        )

For related blog please visit here: <a href="https://www.knowband.com/blog/tips/hubbox-error-bad-response-code/" target="_blank">HubBox Error: Bad Response Code</a>


HubBox-Fehler: Falsche Produktdaten in der Antwort der Create Parcel API

Problemstellung:? Wrong product data coming in the response of Create Parcel API of HubBox Sandbox account.

Lösung: Wenn dieses Problem im HubBox-Sandbox-Konto auftritt (siehe unten), können Sie es im Sandbox-Konto ignorieren, da es im Produktionskonto von HubBox problemlos funktioniert. Gesendete Produktdaten in der Anfrage der Create Parcel API:

[order] => Array ([id] => 1234 [products] => Array ([0] => Array ([name] => Test Item1 [sku] => TEST [price] => 1) [1] => Array ([Name] => Test Item2 [Artikelnummer] => TEST2 [Preis] => 12) [2] => Array ([Name] => Test Item3 [Artikelnummer] => TEST3 [Preis] => 13 )))

Erhaltene Produktdaten in der Antwort der Create Parcel API:

[order] => stdClass Object ([id] => 1234 [products] => Array ([0] => stdClass Object ([sku] => TEST [name] => Test Item [price] => 1 [qty ] => [challenge18] => [challenge21] => [challenge25] => [verderblich] => [entflammbar] =>) [1] => stdClass Object ([sku] => [name] => [price] => [Menge] => [Herausforderung18] => [Herausforderung21] => [Herausforderung25] => [verderblich] => [entzündlich] =>))


Wie lösche ich Produkte vom MercadoLibre Marketplace?

Ziel des Blogs

Nachdem Sie diesen Blog gelesen haben, können Sie verstehen, wie der Verkäufer die Produkte vom MercadoLibre-Marktplatz löschen kann.

Methode zum Löschen von Produkten vom MercadoLibre Marketplace:

Sie können Produkte vom MercadoLibre-Marktplatz auf zwei Arten löschen:

  • Manuell aus dem Händlerkonto löschen
  • CSV-Datei verwenden.

1. Manuell aus dem Händlerkonto löschen

1. Einloggen in

3. Anschließend müssen Sie die Produkt-SKUs in das Textfeld eingeben und auf die Schaltfläche zum Senden klicken, um sie zu löschen (siehe Abbildung unten):

2. Verwenden der CSV-Datei

Sie können Produkte in großen Mengen mithilfe einer CSV-Datei vom Mercadolibre-Marktplatz löschen. 1) Erstelle ein "CSV"Datei mit einem Spaltennamen:"mpidmsgstr "und addiere alle MPID.

Beispiel:

2) Gehen Sie zum Händlerportal -> Einfachdateien -> Dateien hochladen

  • Wählen "SKUs löschen" Möglichkeit
  • Hier können Sie eine CSV-Datei hochladen, die Sie in Schritt 1 erstellt haben, um die Produkte wie in der folgenden Abbildung gezeigt zu löschen:

Ich hoffe es hilft. Lassen Sie es mich in den Kommentaren wissen, falls Sie verwirrt sind.


JavaScript Desktop Notification

Ziele des Blogs

Nachdem Sie diesen Blog gelesen haben, können Sie die Desktop-Benachrichtigung für Ihre Site einrichten. Sie können Ihre Benachrichtigung auch über Ihre eigene Nachricht, Ihr eigenes Bild, Ihr eigenes Symbol usw. anpassen.

Nutzen der Desktop-Benachrichtigung

Angenommen, Sie möchten Ihren Kunden außerhalb der Webseite benachrichtigen, dann können wir die Desktop-Benachrichtigung verwenden, als ob Sie die Desktop-Benachrichtigung für E-Mails aktiviert hätten und Sie nicht regelmäßig E-Mails abrufen müssen. In jeder E-Mail erhalten Sie eine Benachrichtigung.

Code für die Desktop-Benachrichtigung

Fügen Sie die folgende Funktion in das Skript-Tag im Kopf des HTML ein.

Funktion showNotification () {// Überprüfe, ob der Browser des Benutzers Benachrichtigungen unterstützt oder nicht if (! ("Benachrichtigung" im Fenster)) {alert ("Ihr Browser unterstützt die Desktop-Benachrichtigung nicht"); } // Überprüfen Sie, ob die Berechtigungen der Benachrichtigung bereits erteilt wurden oder nicht, wenn (Notification.permission === "grant") {// Create Notification var options = {body: 'Einfache Benachrichtigungsnachrichtenzeile 1. \ NZweite Benachrichtigungsnachrichtenzeile . ', // Nachrichtentext dir:' ltr ', // Nachrichtenrichtung ltr: von links nach rechts. rtl: von rechts nach links. Bild: 'https://www.knowband.com/blog/wp-content/uploads/2016/09/cropped-knowband_logo-v2.png', // Fügen Sie bei Bedarf ein Bild hinzu, um das Symbol anzuzeigen: 'https: // www .knowband.com / blog / wp-content / uploads / 2016 / 09 / cropped-knowband_logo-v2.png ', // Symbol hinzufügen, falls erforderlich, um anzuzeigen} var title = "Knowband Blog"; var notification = new Benachrichtigung (Titel, Optionen); // Den Benachrichtigungs-Klicklink hinzufügen notification.onclick = function (event) {event.preventDefault (); // Verhindern, dass der Browser das Registerfenster der Benachrichtigung fokussiert.open ('https://www.knowband.com/blog/', '_blank'); notification.close (); // Schließen Sie die Benachrichtigung nach dem Klicken.}} // Wenn keine Berechtigungen vorhanden sind, fragen Sie den Benutzer nach weiteren Berechtigungen. if (Notification.permission! == "denied") {Notification.requestPermission (). then (function ( permission) {// Wenn der Benutzer zustimmt, erstellen wir eine Benachrichtigung if (permission === "grant") {var notification = new Benachrichtigung ("Hi there!");}}); }}

Sie können diese Funktion durch Ereignis auslösen, wie Sie möchten. Zu Testzwecken können Sie dies überprüfen, indem Sie eine Schaltfläche hinzufügen. Verwenden Sie den folgenden Code für den Knopf im Körper

<button onclick = "showNotification ()"> Benachrichtigung anzeigen! </ button>

Hinweis: Wenn Sie diesen Code auf dem lokalen System ausführen, verwenden Sie den lokalen Server, dh localhost.

Ausgabebildschirm


Spring Global (Spring Omni) Fehler: Der Versand wird nicht registriert

Problemstellung:

Die Sendung wird im gesendeten Zeitstempel nicht registriert und es wird auch kein Fehler in der Antwort gemeldet.

Lösung:

Wir haben ein Ticket für dasselbe ausgestellt und sie haben geantwortet, dass dieses Problem aufgetreten ist, weil der E-Mail-Parameter des Empfängers nicht in der Versand-API gesendet wurde https://api.myparcel.com/shipments

Laut der Spring Omni-Dokumentation ist diese E-Mail ein optionaler Parameter:


Also haben wir diesbezüglich erneut ein Ticket für Spring Omni gesammelt und sie haben geantwortet: Die Sendung kann nicht erstellt werden, da die E-Mail-Adresse des Empfängers nicht ausgefüllt ist. Das Schema zeigt dies zwar als optional an, Spring benötigt jedoch die E-Mail-Adresse, damit die Netzbetreiber Benachrichtigungen an den Empfänger senden können (sofern sie diesen Service anbieten)

Die Empfänger-E-Mail ist in Spring Omni ein erforderlicher Parameter und muss in der Versand-API gesendet werden. Weitere verwandte Blogs finden Sie hier:

Spring Global (Spring Omni) Fehler: Die Eigenschaft phone_number ist erforderlich

Spring Omni Manifest

Spring Global (Spring Omni): Abrechnungskonzept

Spring Global (Spring Omni) -Fehler: Ressource nicht gefunden

Spring Global (Spring Omni) -Fehler: Leere Antwort beim Abrufen des Etiketts


Spring Global (Spring Omni) Fehler: Die Eigenschaft phone_number ist erforderlich

Fehler in der Antwort:

Die Eigenschaft phone_number ist erforderlich während der Registrierung der Sendung.

Lösung:

Dieser Fehler tritt auf, wenn der Parameter phone_number des Empfängers nicht in der Versand-API gesendet wird https://api.myparcel.com/shipments

Laut der Spring Omni-Dokumentation ist phone_number ein optionaler Parameter:

Wir haben ein Ticket für Spring Omni gekauft und sie haben geantwortet: Die Sendung kann nicht erstellt werden, da die Telefonnummer des Empfängers nicht ausgefüllt ist. Das Schema zeigt dies jedoch als optional an
Phone_number ist daher ein erforderlicher Parameter und muss in der Versand-API gesendet werden.

Weitere verwandte Blogs finden Sie hier:

Spring Global (Spring Omni) Fehler: Der Versand wird nicht registriert

Spring Omni Manifest

Spring Global (Spring Omni): Abrechnungskonzept

Spring Global (Spring Omni) -Fehler: Ressource nicht gefunden

Spring Global (Spring Omni) -Fehler: Leere Antwort beim Abrufen des Etiketts


Spring Omni Manifest

Wie erhalte ich den Manifestbericht der Spring Omni-Sendungen?

LÖSUNG: Wir haben eine Abfrage an spring Omni gesendet, wenn diese über eine API verfügen, mit der das Manifest der an einem bestimmten Tag erstellten Sendungen generiert werden kann.

Sie antworteten:

“Derzeit stellen wir kein Manifest zur VerfügungAlso versuchten wir, ein Manifest zu erstellen und bestätigten mit dem Abholjungen von Spring Omni, ob ein Manifestbericht für die Abholung der Pakete erforderlich ist nur die Anzahl der an sie übergebenen Etiketten (Pakete) Weitere verwandte Blogs finden Sie hier:

Spring Global (Spring Omni) Fehler: Die Eigenschaft phone_number ist erforderlich

Spring Global (Spring Omni) Fehler: Der Versand wird nicht registriert

Spring Global (Spring Omni): Abrechnungskonzept

Spring Global (Spring Omni) -Fehler: Ressource nicht gefunden

Spring Global (Spring Omni) -Fehler: Leere Antwort beim Abrufen des Etiketts