Ano ang Ginagawa ng onfocus Event sa JavaScript

Ano Ang Ginagawa Ng Onfocus Event Sa Javascript



Ang ' onfocus ” Ang kaganapan ay isang kilalang kaganapan na kadalasang ginagamit habang nagtatrabaho sa mga form sa JavaScript. Nagti-trigger ito kapag ang nauugnay na elemento ng HTML ay nakatutok. Gumagana ito sa lahat ng uri ng mga elemento ng HTML maliban sa “”, “”, “ <base>”, “<style>”, “<head>”, “ <body>”, “<script> ”, “ <iframe>”, “<meta>”, “ <br>”, “ <bdo>”, at “<param>” na mga elemento. Ang kaganapang ito i.e., ' <strong> onfocus</strong> ” ay karaniwang ginagamit sa HTML input field para sa pagpapatunay ng lahat ng uri ng mga form.<p> Ipinapaliwanag ng post na ito ang layunin, pagtatrabaho, at paggamit ng kaganapang 'onfocus' sa JavaScript.</p> <h2> <strong> Paano Gumagana ang 'onfocus Event' sa JavaScript?</strong> </h2> <p> Ang ' <strong> onfocus</strong> ” na kaganapan ay na-trigger kapag ang partikular na elemento ng HTML ay nakatutok. Bukod dito, hinihikayat nito ang pagpapatupad ng nauugnay na function ng JavaScript.</p><hr> <br /> <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-4062866992167421" crossorigin="anonymous"></script> <!-- softoban1 --> <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/q2myAEZdIsE?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 /> elemento.<span class="me1"> onfocus</span> <span class="sy0"> =</span> function<span class="br0"> (</span><span class="br0"> )</span><span class="br0"> {</span> myScript<span class="br0"> }</span><span class="sy0"> ;</span> <p> Sa itaas na 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> elemento:</strong> Kinakatawan nito ang elemento ng HTML.</li> <li> <strong> function():</strong> Ito ay tumutukoy sa function na kailangang i-invoke sa trigger ng kaganapan.</li> <li> <strong> myScript:</strong> Ito ay tumutugma sa kahulugan ng function upang maisagawa ang partikular na gawain kapag nangyari ang kaganapang 'onfocus'.</li> </ul> <h2> <strong> Paano Gumamit ng 'onfocus Event' sa JavaScript?</strong> </h2> <p> Ang ' <strong> onfocus</strong> ” na kaganapan ay maaaring magamit sa iba't ibang paraan sa JavaScript. Ang seksyong ito ay nagdadala ng iba't ibang mga taktikal na halimbawa upang ilarawan ang paggamit nito.</p><hr> <br /> <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-4062866992167421" crossorigin="anonymous"></script> <!-- softoban2 --> <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> Halimbawa 1: Pagti-trigger ng</strong> “ <strong> onfocus Kaganapan</strong> ” <strong> sa pamamagitan ng Pagbabago sa Input Field na Kulay ng Background</strong> </h2> <p> Ang halimbawang ito ay nagpapalitaw ng ' <strong> onfocus</strong> ” kaganapan sa pamamagitan ng pagpapalit ng kulay ng background ng field ng input ng text sa tulong ng function ng JavaScript na tinukoy ng user.</p> <h3> <strong> HTML Code</strong> </h3> <p> Una, pangkalahatang-ideya ng sumusunod na HTML code:</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> onfocus <a href="https://www.google.com/search?hl=en&q=allinurl%3Adocs.oracle.com+javase+docs+api+event"><span class="kw3"> Kaganapan</span></a> Sa JavaScript<span class="sy0"> </</span> h2<span class="sy0"> ></span> <br> <br> <span class="sy0"> <</span> p<span class="sy0"> ></span> Mag-click sa loob ng input field para makakuha ng focus<span class="br0"> (</span> onfocus<span class="br0"> )</span> .<span class="sy0"> </</span> p<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"> Pangalan</span></a> <span class="sy0"> :</span> <span class="sy0"> <</span> uri ng input<span class="sy0"> =</span><span class="st0"> 'text'</span> id<span class="sy0"> =</span><span class="st0"> 'demo'</span> placeholder<span class="sy0"> =</span><span class="st0"> 'Ilagay ang iyong pangalan'</span> onfocus<span class="sy0"> =</span><span class="st0"> 'func()'</span><span class="sy0"> ></span> <p> Sa code sa itaas:</p> <ul> <li> Ang ' <strong> <h2></strong> Tinutukoy ng tag na ' ang subheading at ang ' <strong> <p></strong> ” ang tag ay lumilikha ng isang talata, ayon sa pagkakabanggit.</li> <li> Pagkatapos nito, ang ' <strong> <input></strong> 'tag na kumakatawan sa input text field ay may label na ' <strong> Pangalan</strong> ”, uri ng nilalaman bilang “ <strong> text</strong> ”, nauugnay na id bilang “ <strong> demo</strong> ”, at ang nakasaad na placeholder.</li> <li> Din ang ' <strong> onfocus</strong> Ang kaganapan ay tinukoy upang i-redirect sa function na pinangalanang ' <strong> func()</strong> ”.</li> </ul> <h3> <strong> JavaScript Code</strong> </h3> <p> Susunod, dumaan sa ibinigay na JavaScript code sa ibaba:</p> <span class="sy0"> <</span> iskrip<span class="sy0"> ></span> <br> <br> function function<span class="br0"> (</span><span class="br0"> )</span> <span class="br0"> {</span> <br> <br> dokumento.<span class="me1"> getElementById</span><span class="br0"> (</span><span class="st0"> 'demo'</span><span class="br0"> )</span> .<span class="me1"> istilo</span> .<span class="me1"> background</span> <span class="sy0"> =</span> <span class="st0"> 'pink'</span><span class="sy0"> ;</span> <br> <br> <span class="br0"> }</span> <br> <br> <span class="sy0"> </</span> iskrip<span class="sy0"> ></span> <p> Sa itaas na mga linya ng code:</p> <ul> <li> Isang function na pinangalanang ' <strong> func()</strong> ” ay tinukoy.</li> <li> Sa kahulugan ng function, ang ' <strong> document.getElementById()</strong> Kinukuha ng paraan ang talata sa pamamagitan ng id nito at inilalapat ang ' <strong> istilo.background</strong> ” ari-arian.</li> <li> Ito ay tulad na ang kulay ng background ng input text field ay nagbabago sa kaganapan i.e., 'onfocus' na trigger.</li> </ul> <p> <strong> Output</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> Kinukumpirma ng output na kapag ang ' <strong> onfocus</strong> ” na nag-trigger ng kaganapan, ang kulay ng background ng ibinigay na field ng input ay nagbabago nang naaayon.</p> <h2> <strong> Halimbawa 2: Pagti-trigger ng</strong> “ <strong> onfocus Kaganapan</strong> ” <strong> Sa pamamagitan ng Alert Box</strong> </h2> <p> Sa halimbawang ito, maaaring ipakita ang isang alert box sa kaganapan i.e., ' <strong> onfocus</strong> ” trigger sa pamamagitan ng function na tinukoy ng user.</p> <h3> <strong> HTML Code</strong> </h3> <p> Una, tingnan ang sumusunod na HTML code:</p> <span class="sy0"> <</span> h2<span class="sy0"> ></span> onfocus <a href="https://www.google.com/search?hl=en&q=allinurl%3Adocs.oracle.com+javase+docs+api+event"><span class="kw3"> Kaganapan</span></a> Sa JavaScript<span class="sy0"> </</span> h2<span class="sy0"> ></span> <br> <br> <span class="sy0"> <</span> p<span class="sy0"> ></span> Mag-click sa loob mula sa field ng input upang makakuha ng focus<span class="br0"> (</span> onfocus<span class="br0"> )</span> .<span class="sy0"> </</span> p<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"> Pangalan</span></a> <span class="sy0"> :</span> <span class="sy0"> <</span> uri ng input<span class="sy0"> =</span><span class="st0"> 'text'</span> id<span class="sy0"> =</span><span class="st0"> 'pass1'</span> placeholder<span class="sy0"> =</span><span class="st0"> 'Ilagay ang iyong pangalan'</span><span class="sy0"> ></span> <p> Sa itaas na HTML code block:</p> <ul> <li> Gayundin, magdagdag ng subheading ng level 2 sa pamamagitan ng “ <strong> <h2></strong> ” tag at isama ang isang talata gamit ang “ <strong> <p></strong> ” tag.</li> <li> Katulad nito, ang isang input field ay tinukoy sa pamamagitan ng nakasaad na label, uri ng nilalaman, id, at placeholder, ayon sa pagkakabanggit.</li> </ul> <h3> <strong> JavaScript Code</strong> </h3> <p> Ngayon, isaalang-alang ang sumusunod na JavaScript code:</p> <span class="sy0"> <</span> iskrip<span class="sy0"> ></span> <br> <br> dokumento.<span class="me1"> getElementById</span><span class="br0"> (</span><span class="st0"> 'pass1'</span><span class="br0"> )</span> .<span class="me1"> onfocus</span> <span class="sy0"> =</span> function<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> function na demo<span class="br0"> (</span><span class="br0"> )</span> <span class="br0"> {</span> <br> <br> alerto<span class="br0"> (</span><span class="st0"> 'Makatuon ang field ng input.'</span><span class="br0"> )</span><span class="sy0"> ;</span> <br> <br> <span class="br0"> }</span> <br> <br> <span class="sy0"> </</span> iskrip<span class="sy0"> ></span> <p> Sa snippet ng code sa itaas:</p> <ul> <li> Ang ' <strong> document.getElementById()</strong> Kinukuha ng ” method ang input field sa pamamagitan ng id nito at iniuugnay ang event i.e., “ <strong> onfocus</strong> ' kasama.</li> <li> Ito ay tulad na ang JavaScript function na ' <strong> demo()</strong> Ang ” ay hinihingi sa trigger ng kaganapan at ipinapakita ang “ <strong> alerto</strong> ” kahon na may nakasaad na mensahe.</li> </ul> <p> <strong> Output</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> Sa output na ito, mapapansin na kapag ang mouse ay nag-click sa loob ng input field, ang elemento ay nakatutok at kaya ang 'alerto' na kahon ay nagpa-pop up na nagpapakita ng nakasaad na mensahe.</p> <h2> <strong> Konklusyon</strong> </h2> <p> Ang JavaScript ay nag-aalok ng ' <strong> onfocus</strong> ” kaganapan na na-trigger kapag ang nauugnay na elemento ng HTML ay gumagalaw sa loob nito ibig sabihin, nakakakuha ng focus. Ito ay kabaligtaran ng ' <strong> onblur</strong> ” event na nagti-trigger kapag nawalan ng focus ang elemento. Maaari itong magamit upang i-invoke ang JavaScript function para sa pagsasagawa ng nais na gawain kapag na-trigger. Ipinakita ng gabay na ito ang layunin, paggawa, at paggamit ng kaganapang 'onfocus' sa JavaScript.</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="/iba-pa/" class="tag-cloud-link">Iba pa</a> </div> </div> </div><!-- END--> </div> <div class="col-lg-4 sidebar ftco-animate bg-light pt-5"> <div class="sidebar-box ftco-animate"> <h3 class="sidebar-heading">Kategorya</h3> <ul class="categories"> <li> <a href="/raspberry-pi/">Raspberry Pi</a> </li><li> <a href="/ethernet/">Ethernet</a> </li><li> <a href="/other/">Iba Pa</a> </li><li> <a href="/nano/">Nano</a> </li><li> <a href="/zoom/">Mag-Zoom</a> </li><li> <a href="/cinnamon/">Kanela</a> </li><li> <a href="/reviews/">Mga Pagsusuri</a> </li><li> <a href="/zorinos/">Zorinos</a> </li><li> <a href="/radio/">Radyo</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/">Pagsiksik</a> </li><li> <a href="/laravel/">Laravel</a> </li><li> <a href="/aircrack/">Aircrack</a> </li><li> <a href="/office-productivity-software/">Software Ng Kakayahang Gumawa Ng Opisina</a> </li><li> <a href="/boot/">Boot</a> </li><li> <a href="/system-calls/">Mga Tawag Sa System</a> </li><li> <a href="/sysctl/">Sysctl</a> </li><li> <a href="/networking/">Networking</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/">Pantalan</a> </li><li> <a href="/firewall/">Firewall</a> </li><li> <a href="/wireshark/">Wireshark</a> </li><li> <a href="/synology/">Synology</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/">Dakila</a> </li><li> <a href="/selinux/">Selinux</a> </li><li> <a href="/hyper-v/">Hyper-V</a> </li><li> <a href="/phone/">Telepono</a> </li><li> <a href="/kodi/">Code</a> </li><li> <a href="/gnome/">Gnome</a> </li><li> <a href="/manjaro/">Napakasarap Na Pagkain</a> </li><li> <a href="/mouse/">Mouse</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/">Tablet</a> </li><li> <a href="/pycharm/">Pycharm</a> </li><li> <a href="/curl/">Kulot</a> </li><li> <a href="/kde/">Kung Saan</a> </li><li> <a href="/gcc/">Gcc</a> </li><li> <a href="/fonts/">Mga Font</a> </li><li> <a href="/ssl/">Ssl</a> </li><li> <a href="/nvidia/">Nvidia</a> </li><li> <a href="/images/">Mga Imahe</a> </li><li> <a href="/usb/">Usb</a> </li><li> <a href="/squid/">Pusit</a> </li><li> <a href="/mate/">Asawa</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/">Keyboard</a> </li><li> <a href="/inkscape/">Inkscape</a> </li><li> <a href="/encryption/">Naka-Encrypt</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/">Atomo</a> </li><li> <a href="/red-hat/">Pulang Sumbrero</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 Notebook</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/">Mga Manlalaro Ng Media</a> </li><li> <a href="/posix/">Posix</a> </li><li> <a href="/steam/">Singaw</a> </li><li> <a href="/jenkins/">Jenkins</a> </li><li> <a href="/power/">Kapangyarihan</a> </li><li> <a href="/oracle-linux/">Oracle Linux</a> </li><li> <a href="/netstat/">Netstat</a> </li><li> <a href="/kvm/">Sqm</a> </li><li> <a href="/bluetooth/">Bluetooth</a> </li><li> <a href="/ssd/">Ssd</a> </li><li> <a href="/grep/">Mahigpit Na Pagkakahawak</a> </li><li> <a href="/gentoo/">Gentoo</a> </li><li> <a href="/odyssey/">Odyssey</a> </li><li> <a href="/audio/">Audio</a> </li><li> <a href="/cpu/">Cpu</a> </li><li> <a href="/tensorflow/">Tenorflow</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 (Pamana)</a> </li><li> <a href="/internet-explorer/">Internet Explorer</a> </li><li> <a href="/office/">Opisina</a> </li><li> <a href="/iba-pa/">Iba pa</a> </li><li> <a href="/webcam/">Webcam</a> </li><li> <a href="/media-player/">media player</a> </li><li> <a href="/cpanel/">cPanel</a> </li><li> <a href="/haproxy/">haproxy</a> </li><li> <a href="/dakila/">dakila</a> </li><li> <a href="/ubuntu-24-04-cat/">Ubuntu 24.04</a> </li> </ul> </div> <div class="sidebar-box ftco-animate"> <h3 class="sidebar-heading">Patok Na Mga Post</h3> <div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/F9/scipy-imshow-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/scipy-imshow">SciPy Imshow</a> </h3> <div class="meta"> <div> <a href="/iba-pa/"><span class="icon-chat"></span> Iba pa</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/0E/how-to-apply-double-spacing-in-microsoft-word-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/paano-mag-apply-ng-double-spacing-sa-microsoft-word">Paano Mag-apply ng Double Spacing sa Microsoft Word</a> </h3> <div class="meta"> <div> <a href="/iba-pa/"><span class="icon-chat"></span> Iba pa</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/08/docker-architecture-1.jpg);"></a> <div class="text"> <h3 class="heading"> <a href="/arkitektura-ng-docker">Arkitektura ng Docker</a> </h3> <div class="meta"> <div> <a href="/iba-pa/"><span class="icon-chat"></span> Iba pa</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/E9/how-to-case-insensitive-string-comparison-in-javascript-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/paano-kaso-insensitive-string-paghahambing-sa-javascript">Paano Kaso Insensitive String Paghahambing sa JavaScript</a> </h3> <div class="meta"> <div> <a href="/iba-pa/"><span class="icon-chat"></span> Iba pa</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/0E/how-to-run-chatgpt-on-raspberry-pi-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/paano-patakbuhin-ang-chatgpt-sa-raspberry-pi">Paano Patakbuhin ang ChatGPT sa Raspberry Pi</a> </h3> <div class="meta"> <div> <a href="/iba-pa/"><span class="icon-chat"></span> Iba pa</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/8C/how-to-start-service-on-boot-on-ubuntu-22-04-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/paano-simulan-ang-serbisyo-sa-boot-sa-ubuntu-22-04">Paano Simulan ang Serbisyo sa Boot sa Ubuntu 22.04</a> </h3> <div class="meta"> <div> <a href="/iba-pa/"><span class="icon-chat"></span> Iba pa</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/54/how-to-remove-characters-from-a-string-in-arduino-using-string-remove-function-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/paano-mag-alis-ng-mga-character-mula-sa-isang-string-sa-arduino-gamit-ang-string-remove-function">Paano Mag-alis ng Mga Character mula sa isang String sa Arduino Gamit ang String.remove() Function</a> </h3> <div class="meta"> <div> <a href="/iba-pa/"><span class="icon-chat"></span> Iba pa</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/9C/how-to-concatenate-lists-in-python-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/paano-pagsamahin-ang-mga-listahan-sa-python">Paano Pagsamahin ang Mga Listahan sa Python</a> </h3> <div class="meta"> <div> <a href="/iba-pa/"><span class="icon-chat"></span> Iba pa</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/how-to-use-preg-match-all-function-in-php-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/paano-gamitin-ang-preg-match-all-function-sa-php">Paano Gamitin ang Preg_match_all() Function sa PHP</a> </h3> <div class="meta"> <div> <a href="/iba-pa/"><span class="icon-chat"></span> Iba pa</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/F4/select-the-top-10-rows-in-sql-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/piliin-ang-top-10-rows-sa-sql">Piliin ang Top 10 Rows sa SQL</a> </h3> <div class="meta"> <div> <a href="/iba-pa/"><span class="icon-chat"></span> Iba pa</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/42/how-to-git-log-from-all-branches-for-the-author-at-once-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/paano-mag-log-ng-git-mula-sa-lahat-ng-mga-sangay-para-sa-may-akda-nang-sabay-sabay">Paano Mag-log ng Git mula sa Lahat ng Mga Sangay para sa May-akda nang Sabay-sabay</a> </h3> <div class="meta"> <div> <a href="/iba-pa/"><span class="icon-chat"></span> Iba pa</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/7D/what-does-window-innerheight-property-do-in-javascript-1.gif);"></a> <div class="text"> <h3 class="heading"> <a href="/ano-ang-ginagawa-ng-window-innerheight-property-sa-javascript">Ano ang Ginagawa ng Window innerHeight Property sa JavaScript</a> </h3> <div class="meta"> <div> <a href="/iba-pa/"><span class="icon-chat"></span> Iba pa</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/C0/what-is-memset-in-c-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/ano-ang-memset-sa-c">Ano ang memset() sa C++</a> </h3> <div class="meta"> <div> <a href="/iba-pa/"><span class="icon-chat"></span> Iba pa</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/F1/what-is-trim-feature-for-ssd-and-how-to-enable-it-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/ano-ang-trim-feature-para-sa-ssd-at-paano-ito-paganahin">Ano ang TRIM Feature para sa SSD at Paano ito Paganahin?</a> </h3> <div class="meta"> <div> <a href="/iba-pa/"><span class="icon-chat"></span> Iba pa</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/B0/what-are-typing-arrays-in-typescript-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/ano-ang-mga-pag-type-ng-array-sa-typescript">Ano ang Mga Pag-type ng Array sa TypeScript</a> </h3> <div class="meta"> <div> <a href="/iba-pa/"><span class="icon-chat"></span> Iba pa</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-create-hanging-indents-in-microsoft-word-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/paano-gumawa-ng-hanging-indents-sa-microsoft-word">Paano Gumawa ng Hanging Indents sa Microsoft Word?</a> </h3> <div class="meta"> <div> <a href="/iba-pa/"><span class="icon-chat"></span> Iba pa</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/BD/how-to-get-the-latest-video-screen-share-updates-on-discord-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/paano-kunin-ang-pinakabagong-video-at-mga-update-sa-pagbabahagi-ng-screen-sa-discord">Paano Kunin ang Pinakabagong Video at Mga Update sa Pagbabahagi ng Screen sa Discord</a> </h3> <div class="meta"> <div> <a href="/iba-pa/"><span class="icon-chat"></span> Iba pa</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/23/how-to-use-css-to-convert-uppercase-text-to-title-case-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/paano-gamitin-ang-css-upang-i-convert-ang-malaking-titik-na-teksto-sa-title-case">Paano Gamitin ang CSS upang I-convert ang Malaking titik na Teksto sa Title Case?</a> </h3> <div class="meta"> <div> <a href="/iba-pa/"><span class="icon-chat"></span> Iba pa</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-install-falkon-browser-on-raspberry-pi-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/paano-mag-install-ng-falkon-browser-sa-raspberry-pi">Paano Mag-install ng Falkon Browser sa Raspberry Pi</a> </h3> <div class="meta"> <div> <a href="/iba-pa/"><span class="icon-chat"></span> Iba pa</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/75/get-kubernetes-ingress-log-for-debugging-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/kumuha-ng-kubernetes-ingress-log-para-sa-pag-debug">Kumuha ng Kubernetes Ingress Log para sa Pag-debug</a> </h3> <div class="meta"> <div> <a href="/iba-pa/"><span class="icon-chat"></span> Iba pa</a> </div> </div> </div> </div> </div> </div> </div><!-- END COL --> </div> </section> </div><!-- END COLORLIB-MAIN --> </div><!-- END COLORLIB-PAGE --> <!-- loader --> <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>