Mitä onfocus-tapahtuma tekee JavaScriptissä

' keskittyä Tapahtuma on hyvämaineinen tapahtuma, jota käytetään enimmäkseen JavaScript-lomakkeiden kanssa työskennellessä. Se käynnistyy, kun siihen liittyvä HTML-elementti tarkentuu. Se toimii kaikentyyppisissä HTML-elementeissä paitsi '', '', ' <base>', '<style>', '<head>', ' <body>', '<script>' , ' <iframe>', '<meta>', ' <br>', ' <bdo>' ja '<param>'. Tämä tapahtuma eli ' <strong> keskittyä</strong> ” käytetään yleensä HTML-syöttökentässä kaikentyyppisten lomakkeiden validointiin.<p> Tämä viesti selittää 'onfocus' -tapahtuman tavoitteen, toiminnan ja käytön JavaScriptissä.</p> <h2> <strong> Kuinka 'onfocus Event' toimii JavaScriptissä?</strong> </h2> <p> ' <strong> keskittyä</strong> ” -tapahtuma käynnistyy, kun tietty HTML-elementti tarkentuu. Lisäksi se käynnistää siihen liittyvän JavaScript-toiminnon.</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/TP-v0pW1c0E?modestbranding=1" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe></div> <br /> <p> <strong> Syntaksi</strong> </p> <br /> <ins class="staticpubads89354" data-sizes-desktop="728x90,750x100,750x200,750x300" data-sizes-mobile="300x250,336x280,360x300" data-slot="3"></ins><br /> elementti.<span class="me1"> keskittyä</span> <span class="sy0"> =</span> toiminto<span class="br0"> (</span><span class="br0"> )</span><span class="br0"> {</span> myScript<span class="br0"> }</span><span class="sy0"> ;</span> <p> Yllä olevassa syntaksissa:</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> elementti:</strong> Se edustaa HTML-elementtiä.</li> <li> <strong> funktio():</strong> Se viittaa toimintoon, joka on käynnistettävä tapahtumalaukaisimen yhteydessä.</li> <li> <strong> myScript:</strong> Se vastaa funktion määritelmää tietyn tehtävän suorittamiseksi, kun 'onfocus' -tapahtuma tapahtuu.</li> </ul> <h2> <strong> Kuinka käyttää 'onfocus-tapahtumaa' JavaScriptissä?</strong> </h2> <p> ' <strong> keskittyä</strong> ” -tapahtumaa voidaan hyödyntää JavaScriptissä eri tavoin. Tässä osiossa on erilaisia taktisia esimerkkejä havainnollistamaan sen käyttöä.</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> <h2> <strong> Esimerkki 1: laukaisee</strong> ' <strong> onfocus -tapahtuma</strong> ” <strong> muuttamalla syöttökentän taustaväriä</strong> </h2> <p> Tämä esimerkki käynnistää ' <strong> keskittyä</strong> ” tapahtuma muuttamalla syöttötekstikentän taustaväriä käyttäjän määrittämän JavaScript-funktion avulla.</p> <h3> <strong> HTML-koodi</strong> </h3> <p> Ensinnäkin yleiskatsaus seuraavaan HTML-koodiin:</p> <br /> <ins class="staticpubads89354" data-sizes-desktop="728x90,750x100,750x200,750x300" data-sizes-mobile="300x250,336x280,360x300" data-slot="5"></ins><br /> <span class="sy0"> <</span> h2<span class="sy0"> ></span> keskittyä <a href="https://www.google.com/search?hl=en&q=allinurl%3Adocs.oracle.com+javase+docs+api+event"><span class="kw3"> Tapahtuma</span></a> JavaScriptissä<span class="sy0"> </</span> h2<span class="sy0"> ></span> <br> <br> <span class="sy0"> <</span> s<span class="sy0"> ></span> Napsauta syöttökentän sisällä tarkentaaksesi<span class="br0"> (</span> keskittyä<span class="br0"> )</span> .<span class="sy0"> </</span> s<span class="sy0"> ></span> <br> <br> <a href="https://www.google.com/search?hl=en&q=allinurl%3Adocs.oracle.com+javase+docs+api+name"><span class="kw3"> Nimi</span></a> <span class="sy0"> :</span> <span class="sy0"> <</span> syötteen tyyppi<span class="sy0"> =</span><span class="st0"> 'teksti'</span> id<span class="sy0"> =</span><span class="st0"> 'demo'</span> paikanpitäjä<span class="sy0"> =</span><span class="st0"> 'Kirjoita nimesi'</span> keskittyä<span class="sy0"> =</span><span class="st0"> 'func()'</span><span class="sy0"> ></span> <p> Yllä olevassa koodissa:</p> <ul> <li> ' <strong> <h2></strong> ' -tunniste määrittää alaotsikon ja ' <strong> <p></strong> ” -tunniste luo vastaavasti kappaleen.</li> <li> Sen jälkeen ' <strong> <syöttö></strong> ' syöttötekstikenttää edustava tunniste on merkitty ' <strong> Nimi</strong> ”, sisältötyyppi kuin ” <strong> teksti</strong> ”, liitetty tunnus muodossa ' <strong> demo</strong> ”, ja ilmoitettu paikkamerkki.</li> <li> Myös ' <strong> keskittyä</strong> ' tapahtuma on määritetty ohjaamaan toimintoon nimeltä ' <strong> func()</strong> ”.</li> </ul> <h3> <strong> JavaScript-koodi</strong> </h3> <p> Käy seuraavaksi läpi alla toimitettu JavaScript-koodi:</p> <span class="sy0"> <</span> käsikirjoitus<span class="sy0"> ></span> <br> <br> toiminto func<span class="br0"> (</span><span class="br0"> )</span> <span class="br0"> {</span> <br> <br> asiakirja.<span class="me1"> getElementById</span><span class="br0"> (</span><span class="st0"> 'demo'</span><span class="br0"> )</span> .<span class="me1"> tyyli</span> .<span class="me1"> tausta</span> <span class="sy0"> =</span> <span class="st0"> 'vaaleanpunainen'</span><span class="sy0"> ;</span> <br> <br> <span class="br0"> }</span> <br> <br> <span class="sy0"> </</span> käsikirjoitus<span class="sy0"> ></span> <p> Yllä olevilla koodiriveillä:</p> <ul> <li> Funktio nimeltä ' <strong> func()</strong> ' on määritelty.</li> <li> Toiminnon määrittelyssä ' <strong> document.getElementById()</strong> ' -menetelmä hakee kappaleen sen tunnuksen kautta ja käyttää ' <strong> tyyli.tausta</strong> ” omaisuutta.</li> <li> Se on sellainen, että syöttötekstikentän taustaväri muuttuu tapahtuman, eli 'onfocus'-laukaisimen, yhteydessä.</li> </ul> <p> <strong> Lähtö</strong> </p> <p> <img class="wp-image-324017" src="https://softoban.com/img/other/AC/what-does-onfocus-event-do-in-javascript-1.gif"></p> <p> Tulos vahvistaa, että kun ' <strong> keskittyä</strong> ” tapahtumaliipaisi, annetun syöttökentän taustaväri muuttuu vastaavasti.</p> <h2> <strong> Esimerkki 2: Laukaise</strong> ' <strong> onfocus -tapahtuma</strong> ” <strong> Varoituslaatikon kautta</strong> </h2> <p> Tässä esimerkissä tapahtuman yhteydessä voidaan näyttää hälytysruutu, eli ' <strong> keskittyä</strong> ” laukaisu käyttäjän määrittämän toiminnon kautta.</p> <h3> <strong> HTML-koodi</strong> </h3> <p> Katso ensin seuraava HTML-koodi:</p> <span class="sy0"> <</span> h2<span class="sy0"> ></span> keskittyä <a href="https://www.google.com/search?hl=en&q=allinurl%3Adocs.oracle.com+javase+docs+api+event"><span class="kw3"> Tapahtuma</span></a> JavaScriptissä<span class="sy0"> </</span> h2<span class="sy0"> ></span> <br> <br> <span class="sy0"> <</span> s<span class="sy0"> ></span> Napsauta syöttökentän sisällä tarkentaaksesi<span class="br0"> (</span> keskittyä<span class="br0"> )</span> .<span class="sy0"> </</span> s<span class="sy0"> ></span> <br> <br> <a href="https://www.google.com/search?hl=en&q=allinurl%3Adocs.oracle.com+javase+docs+api+name"><span class="kw3"> Nimi</span></a> <span class="sy0"> :</span> <span class="sy0"> <</span> syötteen tyyppi<span class="sy0"> =</span><span class="st0"> 'teksti'</span> id<span class="sy0"> =</span><span class="st0"> 'pass1'</span> paikanpitäjä<span class="sy0"> =</span><span class="st0"> 'Kirjoita nimesi'</span><span class="sy0"> ></span> <p> Yllä olevassa HTML-koodilohkossa:</p> <ul> <li> Samoin lisää tason 2 alaotsikko ' <strong> <h2></strong> ' -tunniste ja sisällytä kappale käyttämällä ' <strong> <p></strong> ' -tunniste.</li> <li> Vastaavasti syöttökenttä määritellään ilmoitetun tunnisteen, sisältötyypin, tunnuksen ja paikkamerkin kautta.</li> </ul> <h3> <strong> JavaScript-koodi</strong> </h3> <p> Harkitse nyt seuraavaa JavaScript-koodia:</p> <span class="sy0"> <</span> käsikirjoitus<span class="sy0"> ></span> <br> <br> asiakirja.<span class="me1"> getElementById</span><span class="br0"> (</span><span class="st0"> 'pass1'</span><span class="br0"> )</span> .<span class="me1"> keskittyä</span> <span class="sy0"> =</span> toiminto<span class="br0"> (</span><span class="br0"> )</span> <span class="br0"> {</span> demo<span class="br0"> (</span><span class="br0"> )</span><span class="br0"> }</span><span class="sy0"> ;</span> <br> <br> toiminnon demo<span class="br0"> (</span><span class="br0"> )</span> <span class="br0"> {</span> <br> <br> hälytys<span class="br0"> (</span><span class="st0"> 'Syötekenttä keskittyy.'</span><span class="br0"> )</span><span class="sy0"> ;</span> <br> <br> <span class="br0"> }</span> <br> <br> <span class="sy0"> </</span> käsikirjoitus<span class="sy0"> ></span> <p> Yllä olevassa koodinpätkässä:</p> <ul> <li> ' <strong> document.getElementById()</strong> ' -menetelmä hakee syöttökentän tunnuksensa kautta ja yhdistää tapahtuman, eli ' <strong> keskittyä</strong> ' sen kanssa.</li> <li> Se on sellainen, että JavaScript-toiminto ' <strong> demo ()</strong> ' käynnistyy tapahtumalaukaisimen yhteydessä ja näyttää ' <strong> hälytys</strong> ”-ruutuun ilmoitetulla viestillä.</li> </ul> <p> <strong> Lähtö</strong> </p> <p> <strong> <img class="wp-image-324018" src="https://softoban.com/img/other/AC/what-does-onfocus-event-do-in-javascript-2.gif"></strong> </p> <p> Tässä lähdössä voidaan havaita, että kun hiiri napsauttaa syöttökentän sisällä, elementti tarkentuu ja niin 'varoitus'-ruutu ponnahtaa esiin näyttäen ilmoitetun viestin.</p> <h2> <strong> Johtopäätös</strong> </h2> <p> JavaScript tarjoaa ' <strong> keskittyä</strong> ”tapahtuma, joka laukeaa, kun siihen liittyvä HTML-elementti liikkuu sen sisällä eli saa fokuksen. Se on käänteinen ' <strong> onblur</strong> ”tapahtuma, joka laukeaa, kun elementti menettää tarkennuksen. Sitä voidaan käyttää käynnistämään JavaScript-toiminto suorittamaan haluttu tehtävä. Tämä opas esitteli 'onfocus' -tapahtuman tarkoituksen, toiminnan ja käytön JavaScriptissä.</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="/muut/" class="tag-cloud-link">Muut</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">Luokka</h3> <ul class="categories"> <li> <a href="/raspberry-pi/">Raspberry Pi</a> </li><li> <a href="/ethernet/">Ethernet</a> </li><li> <a href="/other/">Muut</a> </li><li> <a href="/nano/">Nano</a> </li><li> <a href="/zoom/">Zoomaus</a> </li><li> <a href="/cinnamon/">Kaneli</a> </li><li> <a href="/reviews/">Arvostelut</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/">Puristus</a> </li><li> <a href="/laravel/">Laravel</a> </li><li> <a href="/aircrack/">Lentokone</a> </li><li> <a href="/office-productivity-software/">Toimiston Tuottavuusohjelmisto</a> </li><li> <a href="/boot/">Saapas</a> </li><li> <a href="/system-calls/">Järjestelmäpuhelut</a> </li><li> <a href="/sysctl/">Sysctl</a> </li><li> <a href="/networking/">Verkostoitumista</a> </li><li> <a href="/gpu/">Gpu</a> </li><li> <a href="/gimp/">Linkuttaa</a> </li><li> <a href="/plex/">Plex</a> </li><li> <a href="/uefi/">Uefi</a> </li><li> <a href="/docker/">Satamatyöläinen</a> </li><li> <a href="/firewall/">Palomuuri</a> </li><li> <a href="/wireshark/">Johdotus</a> </li><li> <a href="/synology/">Synologia</a> </li><li> <a href="/pdf/">Pdf</a> </li><li> <a href="/ethereum/">Ethereum</a> </li><li> <a href="/parrot-os/">Parrot Os</a> </li><li> <a href="/sublime/">Ylevä</a> </li><li> <a href="/selinux/">Selinux</a> </li><li> <a href="/hyper-v/">Hyper-V</a> </li><li> <a href="/phone/">Puhelin</a> </li><li> <a href="/kodi/">Koodi</a> </li><li> <a href="/gnome/">Gnome</a> </li><li> <a href="/manjaro/">Herkku</a> </li><li> <a href="/mouse/">Hiiri</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/">Tabletti</a> </li><li> <a href="/pycharm/">Pycharm</a> </li><li> <a href="/curl/">Kiemura</a> </li><li> <a href="/kde/">Missä</a> </li><li> <a href="/gcc/">Gcc</a> </li><li> <a href="/fonts/">Fontit</a> </li><li> <a href="/ssl/">Ssl</a> </li><li> <a href="/nvidia/">Nvidia</a> </li><li> <a href="/images/">Kuvia</a> </li><li> <a href="/usb/">Usb</a> </li><li> <a href="/squid/">Kalmari</a> </li><li> <a href="/mate/">Toveri</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/">Näppäimistö</a> </li><li> <a href="/inkscape/">Inkcape</a> </li><li> <a href="/encryption/">Salaus</a> </li><li> <a href="/fedora/">Fedora</a> </li><li> <a href="/owncloud/">Owncloud</a> </li><li> <a href="/scanner/">Skanneri</a> </li><li> <a href="/atom/">Atomi</a> </li><li> <a href="/red-hat/">Punainen Hattu</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 -Muistikirja</a> </li><li> <a href="/nfs/">Nfs</a> </li><li> <a href="/blog/">Blogi</a> </li><li> <a href="/lvm/">Lvm</a> </li><li> <a href="/suse/">Suse</a> </li><li> <a href="/media-players/">Mediasoittimet</a> </li><li> <a href="/posix/">Posix</a> </li><li> <a href="/steam/">Höyryä</a> </li><li> <a href="/jenkins/">Jenkins</a> </li><li> <a href="/power/">Tehoa</a> </li><li> <a href="/oracle-linux/">Oracle Linux</a> </li><li> <a href="/netstat/">Netstat</a> </li><li> <a href="/kvm/">Neliömetriä</a> </li><li> <a href="/bluetooth/">Bluetooth</a> </li><li> <a href="/ssd/">Ssd</a> </li><li> <a href="/grep/">Pito</a> </li><li> <a href="/gentoo/">Gentoo</a> </li><li> <a href="/odyssey/">Odysseia</a> </li><li> <a href="/audio/">Audio</a> </li><li> <a href="/cpu/">Prosessori</a> </li><li> <a href="/tensorflow/">Tensorflow</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 (Vanha)</a> </li><li> <a href="/internet-explorer/">Internet Explorer</a> </li><li> <a href="/office/">Toimisto</a> </li><li> <a href="/muut/">Muut</a> </li><li> <a href="/muu/">muu</a> </li><li> <a href="/web-kamera/">web-kamera</a> </li><li> <a href="/mediasoittimet/">mediasoittimet</a> </li><li> <a href="/cpanel/">cPanel</a> </li><li> <a href="/haproxy/">haproxy</a> </li><li> <a href="/tonttu/">tonttu</a> </li><li> <a href="/saapas/">saapas</a> </li><li> <a href="/yleva/">ylevä</a> </li><li> <a href="/ubuntu-24-04-cat/">Ubuntu 24.04</a> </li><li> <a href="/seuraava-pilvi/">seuraava pilvi</a> </li><li> <a href="/hyve/">hyve</a> </li><li> <a href="/usb-lapivienti/">usb-läpivienti</a> </li><li> <a href="/suojattu-kaynnistys/">#suojattu käynnistys</a> </li><li> <a href="/laite-lapivienti/">laite-läpivienti</a> </li><li> <a href="/sdn/">SDN</a> </li> </ul> </div> <div class="sidebar-box ftco-animate"> <h3 class="sidebar-heading">Suosittu Viestiä</h3> <div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/17/practical-uses-of-git-reset-8211-soft-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/git-resetin-kaytannon-kaytot-soft">Git Resetin käytännön käytöt – Soft</a> </h3> <div class="meta"> <div> <a href="/muu/"><span class="icon-chat"></span> muu</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/03/how-to-find-a-directory-in-linux-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/kuinka-loytaa-hakemisto-linuxissa">Kuinka löytää hakemisto Linuxissa</a> </h3> <div class="meta"> <div> <a href="/muut/"><span class="icon-chat"></span> Muut</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/16/isnumber-in-c-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/on-numero-c-ssa">On numero C++:ssa</a> </h3> <div class="meta"> <div> <a href="/muut/"><span class="icon-chat"></span> Muut</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/6E/how-to-write-a-caption-under-an-image-8211-css-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/kuinka-kirjoittaa-kuvateksti-kuvan-alle-css">Kuinka kirjoittaa kuvateksti kuvan alle? – CSS</a> </h3> <div class="meta"> <div> <a href="/muu/"><span class="icon-chat"></span> muu</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/C9/imagemagick-8211-reducing-file-sizes-1.jpg);"></a> <div class="text"> <h3 class="heading"> <a href="/imagemagick-tiedostojen-koon-pienentaminen">ImageMagick – Tiedostojen koon pienentäminen</a> </h3> <div class="meta"> <div> <a href="/muu/"><span class="icon-chat"></span> muu</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/4B/how-to-use-locate-command-to-find-biomes-in-minecraft-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/kuinka-kayttaa-locate-komentoa-biomien-etsimiseen-minecraftissa">Kuinka käyttää /locate-komentoa biomien etsimiseen Minecraftissa</a> </h3> <div class="meta"> <div> <a href="/muut/"><span class="icon-chat"></span> Muut</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/AA/how-to-check-if-string-contains-question-mark-in-javascript-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/kuinka-tarkistaa-sisaltaako-merkkijono-kysymysmerkin-javascriptissa">Kuinka tarkistaa, sisältääkö merkkijono kysymysmerkin JavaScriptissä</a> </h3> <div class="meta"> <div> <a href="/muut/"><span class="icon-chat"></span> Muut</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/9F/what-does-mean-in-matlab-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/mita-tarkoittaa-matlabissa">Mitä ~= tarkoittaa MATLABissa</a> </h3> <div class="meta"> <div> <a href="/muut/"><span class="icon-chat"></span> Muut</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/3F/where-is-mysql-server-used-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/missa-mysql-palvelinta-kaytetaan">Missä MySQL-palvelinta käytetään?</a> </h3> <div class="meta"> <div> <a href="/muut/"><span class="icon-chat"></span> Muut</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/0A/how-to-resolve-bash-terminal-error-bash-syntax-error-near-unexpected-token-newline-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/kuinka-ratkaista-bash-paatevirhe-bash-syntaksivirhe-lahella-odottamatonta-merkkia-newline">Kuinka ratkaista Bash-päätevirhe: 'Bash: Syntaksivirhe lähellä odottamatonta merkkiä 'Newline'</a> </h3> <div class="meta"> <div> <a href="/muut/"><span class="icon-chat"></span> Muut</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/47/how-to-git-push-to-remote-branch-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/kuinka-saada-push-etakonttoriin">Kuinka saada Push etäkonttoriin</a> </h3> <div class="meta"> <div> <a href="/muut/"><span class="icon-chat"></span> Muut</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/E4/how-to-use-java-lang-class-getmethod-method-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/miten-java-lang-class-getmethod-menetelmaa-kaytetaan">Miten Java.lang.Class.getMethod() -menetelmää käytetään?</a> </h3> <div class="meta"> <div> <a href="/muut/"><span class="icon-chat"></span> Muut</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/44/how-to-use-c-header-file-quick-guide-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/c-otsikkotiedoston-kayttaminen-pikaopas">C++-otsikkotiedoston käyttäminen – Pikaopas</a> </h3> <div class="meta"> <div> <a href="/muut/"><span class="icon-chat"></span> Muut</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/A9/how-to-use-the-abs-method-in-javascript-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/abs-menetelman-kayttaminen-javascriptissa">Abs()-menetelmän käyttäminen JavaScriptissä</a> </h3> <div class="meta"> <div> <a href="/muut/"><span class="icon-chat"></span> Muut</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/FA/how-to-stop-javascript-foreach-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/kuinka-pysayttaa-javascript-foreach">Kuinka pysäyttää JavaScript forEach?</a> </h3> <div class="meta"> <div> <a href="/muut/"><span class="icon-chat"></span> Muut</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/A5/how-to-install-flasharch-8211-adobe-flash-swf-player-on-linux-mint-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/kuinka-asentaa-flasharch-adobe-flash-swf-player-linux-mintiin">Kuinka asentaa FlashArch - Adobe Flash SWF Player Linux Mintiin</a> </h3> <div class="meta"> <div> <a href="/muu/"><span class="icon-chat"></span> muu</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/46/how-to-manage-windows-power-plans-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/kuinka-hallita-windowsin-virrankayttosuunnitelmia">Kuinka hallita Windowsin virrankäyttösuunnitelmia?</a> </h3> <div class="meta"> <div> <a href="/muut/"><span class="icon-chat"></span> Muut</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/51/how-to-combine-local-repository-changes-using-git-merge-command-in-git-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/kuinka-yhdistaa-paikallisen-arkiston-muutokset-kayttamalla-git-merge-komentoa-gitissa">Kuinka yhdistää paikallisen arkiston muutokset käyttämällä 'git merge' -komentoa Gitissä?</a> </h3> <div class="meta"> <div> <a href="/muu/"><span class="icon-chat"></span> muu</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/FB/how-to-specify-the-private-ssh-key-to-use-when-executing-shell-command-on-git-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/kuinka-maarittaa-yksityinen-ssh-avain-jota-kaytetaan-suoritettaessa-shell-komentoa-gitissa">Kuinka määrittää yksityinen SSH-avain, jota käytetään suoritettaessa Shell-komentoa Gitissä?</a> </h3> <div class="meta"> <div> <a href="/muut/"><span class="icon-chat"></span> Muut</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/3E/how-to-uninstall-git-on-windows-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/kuinka-poistaa-git-windowsissa">Kuinka poistaa Git Windowsissa</a> </h3> <div class="meta"> <div> <a href="/muu/"><span class="icon-chat"></span> muu</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> </body> </html>