Was macht das onmouseover-Ereignis in JavaScript?

Der ' onmouseover Das Ereignis führt die gewünschte Aufgabe aus, wenn der Benutzer mit der Maus über ein HTML-Element fährt. Es unterstützt alle Arten von HTML-Elementen außer „“, „“, „ <base>“, „<style>“, „<head>“, „ <body>“, „<script>“. , „ <iframe>“, „<meta>“, „ <br>“, „ <bdo>“ und „<param>“ Elemente. In JavaScript wird es hauptsächlich zum Aufrufen und Ausführen der Funktion zum Ausführen einer bestimmten Aufgabe bei einem Ereignisauslöser verwendet.<p> Dieser Leitfaden demonstriert das Ziel und die Funktionsweise des „onmouseover“-Ereignisses in JavaScript.</p> <h2> <strong> Wie funktioniert „onmouseover Event“ in JavaScript?</strong> </h2> <p> Der ' <strong> onmouseover</strong> Das Ereignis „Ermöglicht die Ausführung der JavaScript-Funktion, indem der Mauszeiger über das angegebene Element bewegt wird.</p><hr> <br /> <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-4062866992167421" crossorigin="anonymous"></script>  <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-4062866992167421" data-ad-slot="3660419154" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script><br /> <hr><br /><div class="embeded-video"><iframe src="https://www.youtube.com/embed/OsgKPvmcPAo?modestbranding=1" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe></div> <br /> <p> <strong> Syntax</strong> </p> <br /> <ins class="staticpubads89354" data-sizes-desktop="728x90,750x100,750x200,750x300" data-sizes-mobile="300x250,336x280,360x300" data-slot="3"></ins><br /> Element.<span class="me1"> onmouseover</span> <span class="sy0"> =</span> Funktion<span class="br0"> (</span><span class="br0"> )</span><span class="br0"> {</span> myScript<span class="br0"> }</span><span class="sy0"> ;</span> <p> In der obigen Syntax:</p> <br /> <ins class="staticpubads89354" data-sizes-desktop="728x90,750x100,750x200,750x300" data-sizes-mobile="300x250,336x280,360x300" data-slot="4"></ins><br /> <ul> <li> <strong> Element:</strong> Es spezifiziert das jeweilige HTML-Element wie „<p>“, „<h2>“, „<h3>“ usw.</li> <li> <strong> Funktion():</strong> Es stellt die definierte Funktion dar, die beim Auslösen des Ereignisses aufgerufen wird.</li> <li> <strong> myScript:</strong> Es bezieht sich auf die Funktionsdefinition, um die spezifische Aufgabe auszuführen, wenn das „onmouseover“-Ereignis auftritt.</li> </ul> <p> <strong> Syntax (Mit der Methode „addEventListener()“)</strong> </p><hr> <br /> <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-4062866992167421" crossorigin="anonymous"></script>  <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-4062866992167421" data-ad-slot="9858463164" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script><br /> <hr> Element.<span class="me1"> addEventListener</span><span class="br0"> (</span><span class="st0"> „Mouse Over“</span> , myScript<span class="br0"> )</span><span class="sy0"> ;</span> <p> In der obigen Syntax ist das „ <strong> addEventListner()</strong> ”-Methode fügt das „ <strong> onmouseover</strong> ”-Ereignis für die Ausführung der JavaScript-Funktion, um einige Aufgaben auszuführen.</p> <h3> <strong> Beispiel 1: Anwenden des „onmouseover“-Ereignisses auf die Anzeige einer Warnbox basierend auf der Basissyntax</strong> </h3> <p> In diesem Szenario wird ein „ <strong> onmouseover</strong> „Ereignis kann mit „ verknüpft werden <strong> <p></strong> ”, d. h. ein Absatz-HTML-Element, um das Warnfeld mit der bereitgestellten Nachricht beim Auslösen des Ereignisses anzuzeigen.</p> <br /> <ins class="staticpubads89354" data-sizes-desktop="728x90,750x100,750x200,750x300" data-sizes-mobile="300x250,336x280,360x300" data-slot="5"></ins><br /> <h3> <strong> HTML Quelltext</strong> </h3> <p> Schauen Sie sich zunächst den folgenden HTML-Code an:</p> <span class="sy0"> <</span> h2 ausrichten<span class="sy0"> =</span><span class="st0"> 'Center'</span><span class="sy0"> ></span> Warnung anzeigen <a href="https://www.google.com/search?hl=en&q=allinurl%3Adocs.oracle.com+javase+docs+api+box"><span class="kw3"> Kasten</span></a> Benutzen<span class="st0"> „onmouseover“</span> Fall<span class="sy0"> </</span> h2<span class="sy0"> ></span> <br> <br> <span class="sy0"> <</span> p onmouseover<span class="sy0"> =</span><span class="st0"> 'Probe()'</span><span class="sy0"> ></span> Schweben Sie weiter<span class="kw1"> Das</span> Absatz, um ein Warnfeld einzublenden.<span class="sy0"> </</span> P<span class="sy0"> ></span> <p> Im obigen Code:</p> <ul> <li> Fügen Sie zunächst eine Unterüberschrift der Ebene 2 über das „ <strong> <h2></strong> ”-Tag und setzen Sie seine Ausrichtung auf „center“.</li> <li> Fügen Sie als Nächstes einen Absatz mit einem zugehörigen „ <strong> onmouseover</strong> „Ereignis, das auf die Funktion mit dem Namen „umleitet“ <strong> Probe()</strong> ”, das ausgelöst wird, wenn Sie mit der Maus über diesen Absatz fahren.</li> </ul> <h3> <strong> JavaScript-Code</strong> </h3> <p> Sehen Sie sich nun den unten bereitgestellten JavaScript-Code an:</p> <span class="sy0"> <</span> Skript<span class="sy0"> ></span> <br> <br> Funktionsbeispiel<span class="br0"> (</span><span class="br0"> )</span> <span class="br0"> {</span> <br> <br> Alarm<span class="br0"> (</span><span class="st0"> „Onmouseover-Ereignis ausgelöst“</span><span class="br0"> )</span><span class="sy0"> ;</span> <br> <br> <span class="br0"> }</span> <br> <br> <span class="sy0"> </</span> Skript<span class="sy0"> ></span> <p> Im obigen Codeausschnitt ist die Funktion „ <strong> Probe()</strong> ” wird deklariert, um das „ <strong> Alarm</strong> ”-Feld mit der angegebenen Meldung, wenn das „onmouseover“-Ereignis ausgelöst wird.</p> <p> <strong> Ausgang</strong> </p> <p> <strong> <img class="wp-image-324019" src="https://softoban.com/img/other/72/what-does-onmouseover-event-do-in-javascript-1.gif"></strong> </p> <p> Diese Ausgabe zeigt an, dass beim Bewegen der Maus über den Absatz das Feld „Warnung“ mit der angegebenen Meldung angezeigt wird.</p> <h3> <strong> Beispiel 2: Anwenden des „onmouseover“-Ereignisses zum Ändern der Hintergrundfarbe basierend auf der Methodensyntax „addEventListener()“.</strong> </h3> <p> In diesem Beispiel wird das Ereignis „onmouseover“ mit der Methode „addEventListener()“ angewendet, um den Absatz „ <strong> Hintergrundfarbe</strong> ” beim Auslösen des Ereignisses.</p> <h3> <strong> HTML Quelltext</strong> </h3> <p> Der HTML-Code ist unten angegeben:</p> <span class="sy0"> <</span> h2 ausrichten<span class="sy0"> =</span><span class="st0"> 'Center'</span><span class="sy0"> ></span> Hintergrund ändern <a href="https://www.google.com/search?hl=en&q=allinurl%3Adocs.oracle.com+javase+docs+api+color"><span class="kw3"> Farbe</span></a> Benutzen<span class="st0"> „onmouseover“</span> Fall<span class="sy0"> </</span> h2<span class="sy0"> ></span> <br> <br> <span class="sy0"> <</span> p-ID<span class="sy0"> =</span><span class="st0"> 'prüfen'</span><span class="sy0"> ></span> Schweben Sie weiter<span class="kw1"> Das</span> Absatz, um seine Hintergrundfarbe zu ändern.<span class="sy0"> </</span> P<span class="sy0"> ></span> <p> In den obigen Codezeilen:</p> <ul> <li> Ebenso die „ <strong> <h2></strong> Das Element „erstellt eine Unterüberschrift der Ebene 2, ausgerichtet an „ <strong> Center</strong> “.</li> <li> Danach wird das „ <strong> <p></strong> Das Element stellt den Absatz mit der ID „test“ dar.</li> </ul> <h3> <strong> JavaScript-Code</strong> </h3> <p> Fahren Sie nun mit dem folgenden JavaScript-Code fort:</p> <span class="sy0"> <</span> Skript<span class="sy0"> ></span> <br> <br> dokumentieren.<span class="me1"> getElementById</span><span class="br0"> (</span><span class="st0"> 'prüfen'</span><span class="br0"> )</span> .<span class="me1"> addEventListener</span><span class="br0"> (</span><span class="st0"> „Mouse Over“</span> , Demo<span class="br0"> )</span><span class="sy0"> ;</span> <br> <br> Funktionsdemo<span class="br0"> (</span><span class="br0"> )</span> <span class="br0"> {</span> <br> <br> dokumentieren.<span class="me1"> getElementById</span><span class="br0"> (</span><span class="st0"> 'prüfen'</span><span class="br0"> )</span> .<span class="me1"> Stil</span> .<span class="me1"> Hintergrund</span> <span class="sy0"> =</span> <span class="st0"> 'Rosa'</span><span class="sy0"> ;</span> <br> <br> <span class="br0"> }</span> <br> <br> <span class="sy0"> </</span> Skript<span class="sy0"> ></span> <p> Im obigen Codeblock:</p> <ul> <li> Der ' <strong> getElementById()</strong> Die Methode wird in Kombination mit der Methode „ <strong> addEventListener()</strong> ”-Methode, um den Absatz über die zugehörige ID „test“ abzurufen und das „mouseover“-Ereignis mit der angegebenen Funktion als Argument zu verknüpfen.</li> <li> Definieren Sie nun die Funktion „ <strong> myfunc()</strong> “.</li> <li> In der Funktionsdefinition ist das „ <strong> document.getElementById()</strong> Die Methode verwendet die Methode „ <strong> Stil.Hintergrund</strong> ”-Eigenschaft, um die Hintergrundfarbe des Absatzes beim Auslösen des Ereignisses zu ändern.</li> </ul> <p> <strong> Ausgang</strong> </p> <p> <strong> <img class="wp-image-324020" src="https://softoban.com/img/other/72/what-does-onmouseover-event-do-in-javascript-2.gif"></strong> </p> <p> Wie man sieht, ist das „ <strong> Hintergrundfarbe</strong> „des Absatzes wurde bei dem ausgelösten Ereignis, also „Mouseover“, geändert.</p> <h2> <strong> Abschluss</strong> </h2> <p> JavaScript bietet das integrierte „ <strong> onmouseover</strong> ”-Ereignis, das eine gewünschte Aktion auslöst, wenn der Mauszeiger über das HTML-Element bewegt wird. Es ruft die JavaScript-Funktion auf, um die angegebene Aktion beim Ereignisauslöser auszuführen. Es kann mit dem „ <button>“ oder einem anderen HTML-Element wie „<p>“, „<h>“ usw. implementiert werden. In diesem Beitrag wurde die Verwendung und Funktionalität des „onmouseover“-Ereignisses in JavaScript erläutert.</p> </article> <div class="d-flex justify-content-center"> <script type="text/javascript">(function() { if (window.pluso)if (typeof window.pluso.start == "function") return; if (window.ifpluso==undefined) { window.ifpluso = 1; var d = document, s = d.createElement('script'), g = 'getElementsByTagName'; s.type = 'text/javascript'; s.charset='UTF-8'; s.async = true; s.src = ('https:' == window.location.protocol ? 'https' : 'http') + '://share.pluso.ru/pluso-like.js'; var h=d[g]('body')[0]; h.appendChild(s); }})();</script> <div class="pluso" data-background="transparent" data-options="big,round,line,horizontal,nocounter,theme=06" data-services="facebook,twitter,email,print"></div> </div> <div class="tag-widget post-tag-container mb-5 mt-5"> <div class="tagcloud"> <a href="/andere/" class="tag-cloud-link">Andere</a> </div> </div> </div> </div> <div class="col-lg-4 sidebar ftco-animate bg-light pt-5"> <div class="sidebar-box ftco-animate"> <h3 class="sidebar-heading">Kategorie</h3> <ul class="categories"> <li> <a href="/raspberry-pi/">Himbeer-Pi</a> </li><li> <a href="/ethernet/">Ethernet</a> </li><li> <a href="/other/">Sonstiges</a> </li><li> <a href="/nano/">Nano</a> </li><li> <a href="/zoom/">Zoomen</a> </li><li> <a href="/cinnamon/">Zimt</a> </li><li> <a href="/reviews/">Bewertungen</a> </li><li> <a href="/zorinos/">Zorinos</a> </li><li> <a href="/radio/">Radio</a> </li><li> <a href="/minecraft/">Minecraft</a> </li><li> <a href="/ssh/">Ssh</a> </li><li> <a href="/openvas/">Openvas</a> </li><li> <a href="/compression/">Kompression</a> </li><li> <a href="/laravel/">Laravel</a> </li><li> <a href="/aircrack/">Luftriss</a> </li><li> <a href="/office-productivity-software/">Office-Produktivitätssoftware</a> </li><li> <a href="/boot/">Stiefel</a> </li><li> <a href="/system-calls/">Systemaufrufe</a> </li><li> <a href="/sysctl/">Sysctl</a> </li><li> <a href="/networking/">Vernetzung</a> </li><li> <a href="/gpu/">Gpu</a> </li><li> <a href="/gimp/">Gimp</a> </li><li> <a href="/plex/">Plex</a> </li><li> <a href="/uefi/">Uefi</a> </li><li> <a href="/docker/">Docker</a> </li><li> <a href="/firewall/">Firewall</a> </li><li> <a href="/wireshark/">Drahthai</a> </li><li> <a href="/synology/">Synologie</a> </li><li> <a href="/pdf/">Pdf</a> </li><li> <a href="/ethereum/">Äther</a> </li><li> <a href="/parrot-os/">Papagei Os</a> </li><li> <a href="/sublime/">Sublimieren</a> </li><li> <a href="/selinux/">Selinux</a> </li><li> <a href="/hyper-v/">Hyper-V</a> </li><li> <a href="/phone/">Telefon</a> </li><li> <a href="/kodi/">Code</a> </li><li> <a href="/gnome/">Gnom</a> </li><li> <a href="/manjaro/">Delikatesse</a> </li><li> <a href="/mouse/">Maus</a> </li><li> <a href="/nmap/">Nmap</a> </li><li> <a href="/metasploit/">Metasploit</a> </li><li> <a href="/torrent/">Torrent</a> </li><li> <a href="/tablet/">Tablette</a> </li><li> <a href="/pycharm/">Pycharm</a> </li><li> <a href="/curl/">Locken</a> </li><li> <a href="/kde/">Wo</a> </li><li> <a href="/gcc/">Gcc</a> </li><li> <a href="/fonts/">Schriftarten</a> </li><li> <a href="/ssl/">Ssl</a> </li><li> <a href="/nvidia/">Nvidia</a> </li><li> <a href="/images/">Bilder</a> </li><li> <a href="/usb/">Usb</a> </li><li> <a href="/squid/">Tintenfisch</a> </li><li> <a href="/mate/">Kamerad</a> </li><li> <a href="/vlc-media-player/">Vlc Media Player</a> </li><li> <a href="/dns/">Dns</a> </li><li> <a href="/bitcoin/">Bitcoin</a> </li><li> <a href="/keyboard/">Klaviatur</a> </li><li> <a href="/inkscape/">Inkscape</a> </li><li> <a href="/encryption/">Verschlüsselung</a> </li><li> <a href="/fedora/">Fedora</a> </li><li> <a href="/owncloud/">Owncloud</a> </li><li> <a href="/scanner/">Scanner</a> </li><li> <a href="/atom/">Atom</a> </li><li> <a href="/red-hat/">Roter Hut</a> </li><li> <a href="/teamviewer/">Teamviewer</a> </li><li> <a href="/skype/">Skype</a> </li><li> <a href="/vpn/">Vpn</a> </li><li> <a href="/xfce/">Xfce</a> </li><li> <a href="/jupyter-notebook/">Jupyter-Notizbuch</a> </li><li> <a href="/nfs/">Nfs</a> </li><li> <a href="/blog/">Blog</a> </li><li> <a href="/lvm/">Lvm</a> </li><li> <a href="/suse/">Suse</a> </li><li> <a href="/media-players/">Mediaplayer</a> </li><li> <a href="/posix/">Posix</a> </li><li> <a href="/steam/">Dampf</a> </li><li> <a href="/jenkins/">Jenkins</a> </li><li> <a href="/power/">Energie</a> </li><li> <a href="/oracle-linux/">Oracle Linux</a> </li><li> <a href="/netstat/">Netstat</a> </li><li> <a href="/kvm/">Qm</a> </li><li> <a href="/bluetooth/">Bluetooth</a> </li><li> <a href="/ssd/">Ssd</a> </li><li> <a href="/grep/">Griff</a> </li><li> <a href="/gentoo/">Gentoo</a> </li><li> <a href="/odyssey/">Odyssee</a> </li><li> <a href="/audio/">Audio</a> </li><li> <a href="/cpu/">Zentralprozessor</a> </li><li> <a href="/tensorflow/">Tensorfluss</a> </li><li> <a href="/autodesk/">Autodesk</a> </li><li> <a href="/lubuntu/">Lubuntu</a> </li><li> <a href="/llvm/">Llvm</a> </li><li> <a href="/windows/">Windows</a> </li><li> <a href="/microsoft-edge/">Microsoft Edge (Legacy)</a> </li><li> <a href="/internet-explorer/">Internet Explorer</a> </li><li> <a href="/office/">Büro</a> </li><li> <a href="/sonstiges/">Sonstiges</a> </li><li> <a href="/skypen/">skypen</a> </li><li> <a href="/himbeer-pi/">Himbeer-Pi</a> </li><li> <a href="/webcam/">Webcam</a> </li><li> <a href="/media-player/">Media-Player</a> </li><li> <a href="/andere/">Andere</a> </li><li> <a href="/cpanel/">cPanel</a> </li><li> <a href="/glucklich/">glücklich</a> </li><li> <a href="/gnom/">Gnom</a> </li><li> <a href="/stiefel/">Stiefel</a> </li><li> <a href="/sublimieren/">sublimieren</a> </li><li> <a href="/tutorial/">Lernprogramm</a> </li><li> <a href="/linux/">Linux</a> </li><li> <a href="/ubuntu-24-04-cat/">Ubuntu 24.04</a> </li><li> <a href="/nextcloud/">nextcloud</a> </li><li> <a href="/tugend/">Tugend</a> </li><li> <a href="/usb-passthrough/">USB-Passthrough</a> </li><li> <a href="/sicherer-startvorgang/">#Sicherer Startvorgang</a> </li><li> <a href="/gerate-passthrough/">Geräte-Passthrough</a> </li><li> <a href="/sdn/">SDN</a> </li><li> <a href="/treiberinstallation/">Treiberinstallation</a> </li> </ul> </div> <div class="sidebar-box ftco-animate"> <h3 class="sidebar-heading">Beliebte Beiträge</h3> <div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/E2/mastering-backticks-in-linux-bash-scripts-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/beherrschung-von-backticks-in-linux-bash-skripten">Beherrschung von Backticks in Linux-Bash-Skripten</a> </h3> <div class="meta"> <div> <a href="/sonstiges/"><span class="icon-chat"></span> Sonstiges</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/12/discord-automatically-determines-input-sensitivity-of-mic-feature-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/discord-bestimmt-automatisch-die-eingangsempfindlichkeit-der-mikrofonfunktion">Discord bestimmt automatisch die Eingangsempfindlichkeit der Mikrofonfunktion</a> </h3> <div class="meta"> <div> <a href="/sonstiges/"><span class="icon-chat"></span> Sonstiges</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/76/how-to-install-nvm-on-debian-12-installing-multiple-node-js-versions-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/so-installieren-sie-nvm-unter-debian-12-installieren-mehrerer-node-js-versionen">So installieren Sie NVM unter Debian 12 – Installieren mehrerer Node.js-Versionen</a> </h3> <div class="meta"> <div> <a href="/andere/"><span class="icon-chat"></span> Andere</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/7B/how-to-use-php-date-parse-function-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/so-verwenden-sie-die-php-funktion-date-parse">So verwenden Sie die PHP-Funktion date_parse()</a> </h3> <div class="meta"> <div> <a href="/andere/"><span class="icon-chat"></span> Andere</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/30/c-coroutines-examples-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/beispiele-fur-c-coroutinen">Beispiele für C++-Coroutinen</a> </h3> <div class="meta"> <div> <a href="/andere/"><span class="icon-chat"></span> Andere</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/C1/how-to-run-batch-job-on-remote-raspberry-pi-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/so-fuhren-sie-einen-batch-job-auf-einem-remote-raspberry-pi-aus">So führen Sie einen Batch-Job auf einem Remote-Raspberry-Pi aus</a> </h3> <div class="meta"> <div> <a href="/andere/"><span class="icon-chat"></span> Andere</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/A4/pickle-dictionary-in-python-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/pickle-worterbuch-in-python">Pickle-Wörterbuch in Python</a> </h3> <div class="meta"> <div> <a href="/sonstiges/"><span class="icon-chat"></span> Sonstiges</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/66/how-to-accept-input-from-the-command-line-in-node-js-1.gif);"></a> <div class="text"> <h3 class="heading"> <a href="/wie-akzeptiere-ich-eingaben-von-der-befehlszeile-in-node-js">Wie akzeptiere ich Eingaben von der Befehlszeile in Node.js?</a> </h3> <div class="meta"> <div> <a href="/andere/"><span class="icon-chat"></span> Andere</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/C5/an-introduction-to-available-triggers-to-invoke-a-lambda-function-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/eine-einfuhrung-in-verfugbare-trigger-zum-aufrufen-einer-lambda-funktion">Eine Einführung in verfügbare Trigger zum Aufrufen einer Lambda-Funktion</a> </h3> <div class="meta"> <div> <a href="/sonstiges/"><span class="icon-chat"></span> Sonstiges</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/5E/how-to-deploy-django-project-on-aws-ec2-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/so-stellen-sie-das-django-projekt-auf-aws-ec2-bereit">So stellen Sie das Django-Projekt auf AWS EC2 bereit</a> </h3> <div class="meta"> <div> <a href="/andere/"><span class="icon-chat"></span> Andere</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/E6/how-to-set-the-dynamodb-partition-keys-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/so-legen-sie-die-dynamodb-partitionsschlussel-fest">So legen Sie die DynamoDB-Partitionsschlüssel fest</a> </h3> <div class="meta"> <div> <a href="/andere/"><span class="icon-chat"></span> Andere</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/04/how-to-initialize-and-declare-dictionary-in-typescript-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/so-initialisieren-und-deklarieren-sie-das-worterbuch-in-typescript">So initialisieren und deklarieren Sie das Wörterbuch in TypeScript</a> </h3> <div class="meta"> <div> <a href="/andere/"><span class="icon-chat"></span> Andere</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/7A/adding-an-image-from-a-url-8211-html-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/hinzufugen-eines-bildes-von-einer-url-html">Hinzufügen eines Bildes von einer URL – HTML</a> </h3> <div class="meta"> <div> <a href="/andere/"><span class="icon-chat"></span> Andere</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/5A/how-to-enable-cors-for-a-rest-api-resource-in-amazon-api-gateway-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/wie-aktiviere-ich-cors-fur-eine-rest-api-ressource-in-amazon-api-gateway">Wie aktiviere ich CORS für eine REST-API-Ressource in Amazon API Gateway?</a> </h3> <div class="meta"> <div> <a href="/andere/"><span class="icon-chat"></span> Andere</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/B5/how-to-delete-instance-in-ec2-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/wie-losche-ich-eine-instanz-in-ec2">Wie lösche ich eine Instanz in EC2?</a> </h3> <div class="meta"> <div> <a href="/andere/"><span class="icon-chat"></span> Andere</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/17/how-to-install-onlyoffice-on-linux-mint-21-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/so-installieren-sie-onlyoffice-unter-linux-mint-21">So installieren Sie OnlyOffice unter Linux Mint 21</a> </h3> <div class="meta"> <div> <a href="/andere/"><span class="icon-chat"></span> Andere</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/4F/how-to-block-or-allow-pop-ups-in-chrome-on-android-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/so-blockieren-oder-zulassen-sie-pop-ups-in-chrome-auf-android">So blockieren oder zulassen Sie Pop-ups in Chrome auf Android</a> </h3> <div class="meta"> <div> <a href="/andere/"><span class="icon-chat"></span> Andere</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/D4/can-an-arduino-run-a-camera-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/kann-ein-arduino-eine-kamera-betreiben">Kann ein Arduino eine Kamera betreiben?</a> </h3> <div class="meta"> <div> <a href="/andere/"><span class="icon-chat"></span> Andere</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/85/how-to-set-the-kubernetes-tolerations-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/so-legen-sie-die-kubernetes-toleranzen-fest">So legen Sie die Kubernetes-Toleranzen fest</a> </h3> <div class="meta"> <div> <a href="/andere/"><span class="icon-chat"></span> Andere</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/18/how-to-install-and-setup-google-drive-on-fedora-linux-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/so-installieren-und-richten-sie-google-drive-unter-fedora-linux-ein">So installieren und richten Sie Google Drive unter Fedora Linux ein</a> </h3> <div class="meta"> <div> <a href="/andere/"><span class="icon-chat"></span> Andere</a> </div> </div> </div> </div> </div> </div> </div> </div> </section> </div> </div>  <div id="ftco-loader" class="show fullscreen"><svg class="circular" width="48px" height="48px"><circle class="path-bg" cx="24" cy="24" r="22" fill="none" stroke-width="4" stroke="#eeeeee"/><circle class="path" cx="24" cy="24" r="22" fill="none" stroke-width="4" stroke-miterlimit="10" stroke="#F96D00"/></svg></div> <script src="https://softoban.com/template/js/jquery.min.js"></script> <script src="https://softoban.com/template/js/jquery-migrate-3.0.1.min.js"></script> <script src="https://softoban.com/template/js/popper.min.js"></script> <script src="https://softoban.com/template/js/bootstrap.min.js"></script> <script src="https://softoban.com/template/js/jquery.easing.1.3.js"></script> <script src="https://softoban.com/template/js/jquery.waypoints.min.js"></script> <script src="https://softoban.com/template/js/jquery.stellar.min.js"></script> <script src="https://softoban.com/template/js/owl.carousel.min.js"></script> <script src="https://softoban.com/template/js/jquery.magnific-popup.min.js"></script> <script src="https://softoban.com/template/js/aos.js"></script> <script src="https://softoban.com/template/js/jquery.animateNumber.min.js"></script> <script src="https://softoban.com/template/js/scrollax.min.js"></script> <script src="https://softoban.com/template/js/main.js"></script> <script async="" defer="" src="//www.instagram.com/embed.js"></script> <script async="" src="https://platform.twitter.com/widgets.js"></script> <script> window.onload = function(){ for(i in document.images) { if(document.images[i].naturalWidth==0){ if(window.location.pathname.length > 1){ document.images[i].style="display:none" } else { document.images[i].src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=" } } } } $(document).ready(() => { $('nav').find('a').each(function(){ if($(this).attr('href') == window.location.pathname){ $(this).parent('li').addClass('active') } }) var wrapper = '<div class="embeded-video"></div>'; if($('iframe[width="560"]').length > 1){ $('.m_v').remove(); }else{ } $('iframe[src^="https://www.youtube.com/embed/"]').wrap(wrapper); let loc = window.location.pathname; if(loc == '/privacy-policy'){ $('div.embeded-video').remove(); $('blockquote').remove(); } }) </script> <script type="text/javascript" src="https://s.skimresources.com/js/192355X1670518.skimlinks.js"></script></body> </html>