Какво прави събитието onfocus в JavaScript

„ на фокус ” е събитие с добра репутация, което се използва най-вече при работа с формулярите в JavaScript. Той се задейства, когато свързаният с него HTML елемент се фокусира. Работи с всички типове HTML елементи с изключение на “”, “”, “ <base>”, “<style>”, “<head>”, “ <body>”, “<script> ”, “ <iframe>”, “<meta>”, “ <br>”, “ <bdo>” и “<param>” елементи. Това събитие, т.е. <strong> на фокус</strong> ” обикновено се използва в полето за въвеждане на HTML за валидиране на всички видове формуляри.<p> Тази публикация обяснява целта, работата и използването на събитието „onfocus“ в JavaScript.</p> <h2> <strong> Как работи „събитието onfocus“ в JavaScript?</strong> </h2> <p> „ <strong> на фокус</strong> ” се задейства, когато конкретният HTML елемент се фокусира. Освен това, той извиква изпълнението на свързаната JavaScript функция.</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/q2myAEZdIsE?modestbranding=1" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe></div> <br /> <p> <strong> Синтаксис</strong> </p> <br /> <ins class="staticpubads89354" data-sizes-desktop="728x90,750x100,750x200,750x300" data-sizes-mobile="300x250,336x280,360x300" data-slot="3"></ins><br /> елемент.<span class="me1"> на фокус</span> <span class="sy0"> =</span> функция<span class="br0"> (</span><span class="br0"> )</span><span class="br0"> {</span> myScript<span class="br0"> }</span><span class="sy0"> ;</span> <p> В горния синтаксис:</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> елемент:</strong> Той представлява HTML елемента.</li> <li> <strong> функция():</strong> Отнася се до функцията, която трябва да бъде извикана при задействане на събитие.</li> <li> <strong> myScript:</strong> Съответства на дефиницията на функцията за изпълнение на конкретна задача, когато възникне събитието „onfocus“.</li> </ul> <h2> <strong> Как да използвам „събитие onfocus“ в JavaScript?</strong> </h2> <p> „ <strong> на фокус</strong> ” може да се използва по различни начини в JavaScript. Този раздел съдържа различни тактически примери, за да илюстрира използването му.</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> Пример 1: Задействане на</strong> “ <strong> onfocus събитие</strong> ” <strong> чрез промяна на цвета на фона на полето за въвеждане</strong> </h2> <p> Този пример задейства „ <strong> на фокус</strong> ” чрез промяна на цвета на фона на текстовото поле за въвеждане с помощта на дефинирана от потребителя JavaScript функция.</p> <h3> <strong> HTML код</strong> </h3> <p> Първо, преглед на следния HTML код:</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> на фокус <a href="https://www.google.com/search?hl=en&q=allinurl%3Adocs.oracle.com+javase+docs+api+event"><span class="kw3"> Събитие</span></a> В JavaScript<span class="sy0"> </</span> h2<span class="sy0"> ></span> <br> <br> <span class="sy0"> <</span> стр<span class="sy0"> ></span> Щракнете вътре в полето за въвеждане, за да получите фокус<span class="br0"> (</span> на фокус<span class="br0"> )</span> .<span class="sy0"> </</span> стр<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"> Име</span></a> <span class="sy0"> :</span> <span class="sy0"> <</span> тип вход<span class="sy0"> =</span><span class="st0"> 'текст'</span> документ за самоличност<span class="sy0"> =</span><span class="st0"> 'демонстрация'</span> контейнер<span class="sy0"> =</span><span class="st0"> 'Въведете вашето име'</span> на фокус<span class="sy0"> =</span><span class="st0"> 'func()'</span><span class="sy0"> ></span> <p> В горния код:</p> <ul> <li> „ <strong> <h2></strong> ” дефинира подзаглавието и „ <strong> <p></strong> ” създава съответно абзац.</li> <li> След това „ <strong> <вход></strong> ” тагът, представляващ полето за въвеждане на текст, е означен с „ <strong> Име</strong> “, тип съдържание като „ <strong> текст</strong> “, свързан идентификатор като „ <strong> демонстрация</strong> “, и посочения контейнер.</li> <li> Също така „ <strong> на фокус</strong> ” е посочено събитие за пренасочване към функцията с име „ <strong> функция ()</strong> ”.</li> </ul> <h3> <strong> JavaScript код</strong> </h3> <p> След това преминете през предоставения по-долу JavaScript код:</p> <span class="sy0"> <</span> сценарий<span class="sy0"> ></span> <br> <br> функция функц<span class="br0"> (</span><span class="br0"> )</span> <span class="br0"> {</span> <br> <br> документ.<span class="me1"> getElementById</span><span class="br0"> (</span><span class="st0"> 'демонстрация'</span><span class="br0"> )</span> .<span class="me1"> стил</span> .<span class="me1"> заден план</span> <span class="sy0"> =</span> <span class="st0"> 'розово'</span><span class="sy0"> ;</span> <br> <br> <span class="br0"> }</span> <br> <br> <span class="sy0"> </</span> сценарий<span class="sy0"> ></span> <p> В горните редове код:</p> <ul> <li> Функция с име „ <strong> функция ()</strong> ” е дефинирано.</li> <li> В дефиницията на функцията „ <strong> document.getElementById()</strong> ' методът извлича абзаца чрез неговия идентификатор и прилага ' <strong> стил.фон</strong> ' Имот.</li> <li> Това е така, че цветът на фона на полето за въвеждане на текст се променя при събитие, т.е. задействане на „onfocus“.</li> </ul> <p> <strong> Изход</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> Резултатът потвърждава, че когато „ <strong> на фокус</strong> ” задейства събитие, цветът на фона на даденото поле за въвеждане се променя съответно.</p> <h2> <strong> Пример 2: Задействане на</strong> “ <strong> onfocus събитие</strong> ” <strong> Чрез полето за предупреждение</strong> </h2> <p> В този пример поле за предупреждение може да се покаже при събитието, т.е. „ <strong> на фокус</strong> ” задейства чрез дефинирана от потребителя функция.</p> <h3> <strong> HTML код</strong> </h3> <p> Първо, вижте следния HTML код:</p> <span class="sy0"> <</span> h2<span class="sy0"> ></span> на фокус <a href="https://www.google.com/search?hl=en&q=allinurl%3Adocs.oracle.com+javase+docs+api+event"><span class="kw3"> Събитие</span></a> В JavaScript<span class="sy0"> </</span> h2<span class="sy0"> ></span> <br> <br> <span class="sy0"> <</span> стр<span class="sy0"> ></span> Щракнете вътре от полето за въвеждане, за да получите фокус<span class="br0"> (</span> на фокус<span class="br0"> )</span> .<span class="sy0"> </</span> стр<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"> Име</span></a> <span class="sy0"> :</span> <span class="sy0"> <</span> тип вход<span class="sy0"> =</span><span class="st0"> 'текст'</span> документ за самоличност<span class="sy0"> =</span><span class="st0"> 'пропуск1'</span> контейнер<span class="sy0"> =</span><span class="st0"> 'Въведете вашето име'</span><span class="sy0"> ></span> <p> В горния блок с HTML код:</p> <ul> <li> По същия начин добавете подзаглавие от ниво 2 чрез „ <strong> <h2></strong> ” и включете абзац с помощта на „ <strong> <p></strong> ” таг.</li> <li> По подобен начин полето за въвеждане се дефинира съответно чрез посочения етикет, тип съдържание, идентификатор и контейнер.</li> </ul> <h3> <strong> JavaScript код</strong> </h3> <p> Сега разгледайте следния JavaScript код:</p> <span class="sy0"> <</span> сценарий<span class="sy0"> ></span> <br> <br> документ.<span class="me1"> getElementById</span><span class="br0"> (</span><span class="st0"> 'пропуск1'</span><span class="br0"> )</span> .<span class="me1"> на фокус</span> <span class="sy0"> =</span> функция<span class="br0"> (</span><span class="br0"> )</span> <span class="br0"> {</span> демонстрация<span class="br0"> (</span><span class="br0"> )</span><span class="br0"> }</span><span class="sy0"> ;</span> <br> <br> демо функция<span class="br0"> (</span><span class="br0"> )</span> <span class="br0"> {</span> <br> <br> тревога<span class="br0"> (</span><span class="st0"> „Фокусиране на полето за въвеждане.“</span><span class="br0"> )</span><span class="sy0"> ;</span> <br> <br> <span class="br0"> }</span> <br> <br> <span class="sy0"> </</span> сценарий<span class="sy0"> ></span> <p> В горния кодов фрагмент:</p> <ul> <li> „ <strong> document.getElementById()</strong> ' методът извлича полето за въвеждане чрез неговия id и свързва събитието, т.е. ' <strong> на фокус</strong> ' с него.</li> <li> Това е така, че функцията на JavaScript „ <strong> демонстрация()</strong> ” се извиква при задействане на събитието и показва „ <strong> тревога</strong> ” кутия с посоченото съобщение.</li> </ul> <p> <strong> Изход</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> В този изход може да се види, че когато мишката щракне вътре в полето за въвеждане, елементът се фокусира и така полето „предупреждение“ изскача, показвайки посоченото съобщение.</p> <h2> <strong> Заключение</strong> </h2> <p> JavaScript предлага „ <strong> на фокус</strong> ”, което се задейства, когато свързаният HTML елемент се премести вътре в него, т.е. получава фокус. Това е обратното на „ <strong> onblur</strong> ” събитие, което се задейства, когато елементът загуби фокус. Може да се използва за извикване на функцията на JavaScript за изпълнение на желаната задача при задействане. Това ръководство демонстрира целта, работата и използването на събитието „onfocus“ в 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="/drugi/" class="tag-cloud-link">други</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">Категория</h3> <ul class="categories"> <li> <a href="/raspberry-pi/">Малина Пи</a> </li><li> <a href="/ethernet/">Ethernet</a> </li><li> <a href="/other/">Други</a> </li><li> <a href="/nano/">Нано</a> </li><li> <a href="/zoom/">Мащабиране</a> </li><li> <a href="/cinnamon/">Канела</a> </li><li> <a href="/reviews/">Отзиви</a> </li><li> <a href="/zorinos/">Zorinos</a> </li><li> <a href="/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/">Компресия</a> </li><li> <a href="/laravel/">Laravel</a> </li><li> <a href="/aircrack/">Самолет</a> </li><li> <a href="/office-productivity-software/">Софтуер За Продуктивност На Office</a> </li><li> <a href="/boot/">Зареждане</a> </li><li> <a href="/system-calls/">Системни Обаждания</a> </li><li> <a href="/sysctl/">Sysctl</a> </li><li> <a href="/networking/">Работа В Мрежа</a> </li><li> <a href="/gpu/">Gpu</a> </li><li> <a href="/gimp/">Gimp</a> </li><li> <a href="/plex/">Плекс</a> </li><li> <a href="/uefi/">Uefi</a> </li><li> <a href="/docker/">Докер</a> </li><li> <a href="/firewall/">Защитна Стена</a> </li><li> <a href="/wireshark/">Кабелна Акула</a> </li><li> <a href="/synology/">Синология</a> </li><li> <a href="/pdf/">Pdf</a> </li><li> <a href="/ethereum/">Етериум</a> </li><li> <a href="/parrot-os/">Os На Папагал</a> </li><li> <a href="/sublime/">Възвишен</a> </li><li> <a href="/selinux/">Selinux</a> </li><li> <a href="/hyper-v/">Хипер-V</a> </li><li> <a href="/phone/">Телефон</a> </li><li> <a href="/kodi/">Код</a> </li><li> <a href="/gnome/">Гном</a> </li><li> <a href="/manjaro/">Деликатес</a> </li><li> <a href="/mouse/">Мишка</a> </li><li> <a href="/nmap/">Nmap</a> </li><li> <a href="/metasploit/">Метасплоит</a> </li><li> <a href="/torrent/">Торент</a> </li><li> <a href="/tablet/">Таблет</a> </li><li> <a href="/pycharm/">Пихарм</a> </li><li> <a href="/curl/">Къдрица</a> </li><li> <a href="/kde/">Където</a> </li><li> <a href="/gcc/">Gcc</a> </li><li> <a href="/fonts/">Шрифтове</a> </li><li> <a href="/ssl/">Ssl</a> </li><li> <a href="/nvidia/">Nvidia</a> </li><li> <a href="/images/">Изображения</a> </li><li> <a href="/usb/">Usb</a> </li><li> <a href="/squid/">Калмари</a> </li><li> <a href="/mate/">Колега</a> </li><li> <a href="/vlc-media-player/">Vlc Media Player</a> </li><li> <a href="/dns/">Dns</a> </li><li> <a href="/bitcoin/">Биткойн</a> </li><li> <a href="/keyboard/">Клавиатура</a> </li><li> <a href="/inkscape/">Inkscape</a> </li><li> <a href="/encryption/">Криптиране</a> </li><li> <a href="/fedora/">Федора</a> </li><li> <a href="/owncloud/">Owncloud</a> </li><li> <a href="/scanner/">Скенер</a> </li><li> <a href="/atom/">Атом</a> </li><li> <a href="/red-hat/">Червена Шапка</a> </li><li> <a href="/teamviewer/">Teamviewer</a> </li><li> <a href="/skype/">Скайп</a> </li><li> <a href="/vpn/">Vpn</a> </li><li> <a href="/xfce/">Xfce</a> </li><li> <a href="/jupyter-notebook/">Бележник Jupyter</a> </li><li> <a href="/nfs/">Nfs</a> </li><li> <a href="/blog/">Блог</a> </li><li> <a href="/lvm/">Lvm</a> </li><li> <a href="/suse/">Suse</a> </li><li> <a href="/media-players/">Медийни Плейъри</a> </li><li> <a href="/posix/">Posix</a> </li><li> <a href="/steam/">Пара</a> </li><li> <a href="/jenkins/">Дженкинс</a> </li><li> <a href="/power/">Мощност</a> </li><li> <a href="/oracle-linux/">Oracle Linux</a> </li><li> <a href="/netstat/">Netstat</a> </li><li> <a href="/kvm/">Кв. М</a> </li><li> <a href="/bluetooth/">Bluetooth</a> </li><li> <a href="/ssd/">Ssd</a> </li><li> <a href="/grep/">Захващане</a> </li><li> <a href="/gentoo/">Gentoo</a> </li><li> <a href="/odyssey/">Одисея</a> </li><li> <a href="/audio/">Аудио</a> </li><li> <a href="/cpu/">Процесор</a> </li><li> <a href="/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 (Наследство)</a> </li><li> <a href="/internet-explorer/">Internet Explorer</a> </li><li> <a href="/office/">Офис</a> </li><li> <a href="/drugi/">други</a> </li><li> <a href="/skajp/">скайп</a> </li><li> <a href="/uebkamera/">уебкамера</a> </li><li> <a href="/medijni-plej-ri/">медийни плейъри</a> </li><li> <a href="/cpanel/">cPanel</a> </li><li> <a href="/haproksi/">хапрокси</a> </li><li> <a href="/gnom/">гном</a> </li><li> <a href="/obuvka/">обувка</a> </li><li> <a href="/v-zvisen/">възвишен</a> </li><li> <a href="/ubuntu-24-04-cat/">Ubuntu 24.04</a> </li><li> <a href="/nextcloud/">nextcloud</a> </li><li> <a href="/dobrodetelta/">добродетелта</a> </li><li> <a href="/usb-preminavane/">usb-преминаване</a> </li><li> <a href="/sigurno-zarezdane/">#сигурно зареждане</a> </li><li> <a href="/preminavane-na-ustrojstvoto/">преминаване на устройството</a> </li><li> <a href="/sdn/">SDN</a> </li><li> <a href="/drajver-instalacia/">драйвер-инсталация</a> </li> </ul> </div> <div class="sidebar-box ftco-animate"> <h3 class="sidebar-heading">Популярни Публикации</h3> <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="/kak-da-iztria-ekzemplar-v-ec2">Как да изтрия екземпляр в EC2?</a> </h3> <div class="meta"> <div> <a href="/drugi/"><span class="icon-chat"></span> други</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/BF/what-do-discord-mods-do-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/kakvo-pravat-modovete-na-discord">Какво правят модовете на Discord</a> </h3> <div class="meta"> <div> <a href="/drugi/"><span class="icon-chat"></span> други</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/13/how-to-change-vnc-port-for-remote-access-raspberry-pi-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/kak-da-promenite-vnc-port-za-otdalecen-dost-p-raspberry-pi">Как да промените VNC порт за отдалечен достъп Raspberry Pi</a> </h3> <div class="meta"> <div> <a href="/drugi/"><span class="icon-chat"></span> други</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/1F/how-to-use-torch-no-grad-in-pytorch-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/kak-da-izpolzvam-torch-no-grad-v-pytorch">Как да използвам „torch.no_grad“ в PyTorch?</a> </h3> <div class="meta"> <div> <a href="/drugi/"><span class="icon-chat"></span> други</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/26/lapis-lazuli-minecraft-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/lapis-lazuli-minecraft">Лапис Лазули Minecraft</a> </h3> <div class="meta"> <div> <a href="/drugi/"><span class="icon-chat"></span> други</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/what-is-the-process-of-creating-a-header-using-html-and-css-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/kak-v-e-proces-t-na-s-zdavane-na-zaglavka-s-pomosta-na-html-i-css">Какъв е процесът на създаване на заглавка с помощта на HTML и CSS?</a> </h3> <div class="meta"> <div> <a href="/drugi/"><span class="icon-chat"></span> други</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/25/how-to-use-date-sub-function-in-php-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/kak-da-izpolzvate-funkciata-date-sub-v-php">Как да използвате функцията date_sub() в PHP</a> </h3> <div class="meta"> <div> <a href="/drugi/"><span class="icon-chat"></span> други</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/48/fix-system-error-5-has-occurred-on-windows-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/korigirajte-sistemna-greska-5-v-zniknala-v-windows">Коригирайте системна грешка 5, възникнала в Windows</a> </h3> <div class="meta"> <div> <a href="/drugi/"><span class="icon-chat"></span> други</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/haproxy/1C/how-to-setup-haproxy-as-load-balancer-for-nginx-in-centos-8-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/kak-da-nastroite-haproxy-kato-load-balancer-za-nginx-v-centos-8">Как да настроите HAProxy като Load Balancer за Nginx в CentOS 8</a> </h3> <div class="meta"> <div> <a href="/haproksi/"><span class="icon-chat"></span> хапрокси</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="/kak-da-zadadete-castnia-ssh-kluc-kojto-da-se-izpolzva-pri-izp-lnenie-na-komanda-na-shell-na-git">Как да зададете частния SSH-ключ, който да се използва при изпълнение на команда на Shell на Git?</a> </h3> <div class="meta"> <div> <a href="/drugi/"><span class="icon-chat"></span> други</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/windows/17/show-window-menu-restore.png);"></a> <div class="text"> <h3 class="heading"> <a href="/show-window-menu-restore">Покажете менюто на прозореца (Възстановяване, минимизиране, затваряне) за иконите на лентата на задачите в Windows 7 - Winhelponline</a> </h3> <div class="meta"> <div> <a href="/windows/"><span class="icon-chat"></span> Windows</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/36/how-to-set-up-a-static-ip-address-on-wifi-network-from-the-command-line-on-linux-using-networkmanager-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/kak-da-nastroite-staticen-ip-adres-v-wifi-mreza-ot-komandnia-red-na-linux-s-pomosta-na-networkmanager">Как да настроите статичен IP адрес в WiFi мрежа от командния ред на Linux с помощта на NetworkManager</a> </h3> <div class="meta"> <div> <a href="/drugi/"><span class="icon-chat"></span> други</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/35/how-to-echo-shell-commands-as-they-are-executed-in-bash-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/kak-da-otrazite-komandite-na-shell-dokato-se-izp-lnavat-v-bash">Как да отразите командите на Shell, докато се изпълняват в Bash</a> </h3> <div class="meta"> <div> <a href="/drugi/"><span class="icon-chat"></span> други</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/6B/how-to-work-with-private-branch-of-public-repositories-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/kak-da-rabotite-s-castni-klonove-na-publicni-hranilisa">Как да работите с частни клонове на публични хранилища?</a> </h3> <div class="meta"> <div> <a href="/drugi/"><span class="icon-chat"></span> други</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/DB/what-are-static-blocks-in-java-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/kakvo-predstavlavat-staticnite-blokove-v-java">Какво представляват статичните блокове в Java</a> </h3> <div class="meta"> <div> <a href="/drugi/"><span class="icon-chat"></span> други</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/13/bash-script-include-another-bash-script-1.jpg);"></a> <div class="text"> <h3 class="heading"> <a href="/bash-skript-vklucete-drug-bash-skript">Bash скрипт Включете друг Bash скрипт</a> </h3> <div class="meta"> <div> <a href="/drugi/"><span class="icon-chat"></span> други</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/09/how-to-fix-something-went-wrong-please-try-again-later-error-in-roblox-mobile-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/kak-da-korigirate-neso-koeto-se-ob-rka-mola-opitajte-otnovo-po-k-sno-greska-v-roblox-mobile">Как да коригирате нещо, което се обърка, моля, опитайте отново по-късно Грешка в Roblox Mobile</a> </h3> <div class="meta"> <div> <a href="/drugi/"><span class="icon-chat"></span> други</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/9E/how-to-read-a-table-in-matlab-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/kak-da-cetem-tablica-v-matlab">Как да четем таблица в MATLAB?</a> </h3> <div class="meta"> <div> <a href="/drugi/"><span class="icon-chat"></span> други</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/how-to-change-image-on-hover-in-javascript-1.gif);"></a> <div class="text"> <h3 class="heading"> <a href="/kak-da-promenite-izobrazenieto-pri-zad-rzane-na-miskata-v-javascript">Как да промените изображението при задържане на мишката в JavaScript</a> </h3> <div class="meta"> <div> <a href="/drugi/"><span class="icon-chat"></span> други</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/A0/snmpwalk-command-in-linux-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/snmpwalk-komanda-v-linux">snmpwalk команда в Linux</a> </h3> <div class="meta"> <div> <a href="/drugi/"><span class="icon-chat"></span> други</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>