ماذا يفعل حدث 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 Event' في 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/1xJ8Bb0HDm8?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> func ()</strong> '.</li> </ul> <h3> <strong> كود جافا سكريبت</strong> </h3> <p> بعد ذلك ، انتقل إلى كود JavaScript الموضح أدناه:</p> <span class="sy0"> <</span> النصي<span class="sy0"> ></span> <br> <br> وظيفة func<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> func ()</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> كود جافا سكريبت</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> 'يجلب أسلوب حقل الإدخال عبر معرفه ويربط الحدث ، على سبيل المثال ،' <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> على طمس</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="/akhr/" 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/">إيثرنت</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/">ماين كرافت</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/">ارافيل</a> </li><li> <a href="/aircrack/">ايركراك</a> </li><li> <a href="/office-productivity-software/">برامج الإنتاجية المكتبية</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/">أعرج</a> </li><li> <a href="/plex/">نوع من أنواع الصفائح من نوع 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/">Wireshark</a> </li><li> <a href="/synology/">سينولوجيا</a> </li><li> <a href="/pdf/">بي دي إف</a> </li><li> <a href="/ethereum/">اثير</a> </li><li> <a href="/parrot-os/">نظام الببغاء</a> </li><li> <a href="/sublime/">سامية</a> </li><li> <a href="/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/">مجلس التعاون الخليجي</a> </li><li> <a href="/fonts/">الخطوط</a> </li><li> <a href="/ssl/">Ssl</a> </li><li> <a href="/nvidia/">نفيديا</a> </li><li> <a href="/images/">الصور</a> </li><li> <a href="/usb/">يو اس بي</a> </li><li> <a href="/squid/">حبار</a> </li><li> <a href="/mate/">رفيق</a> </li><li> <a href="/vlc-media-player/">مشغل الميديا vlc</a> </li><li> <a href="/dns/">نظام أسماء النطاقات</a> </li><li> <a href="/bitcoin/">بيتكوين</a> </li><li> <a href="/keyboard/">لوحة المفاتيح</a> </li><li> <a href="/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/">لفم</a> </li><li> <a href="/suse/">Suse</a> </li><li> <a href="/media-players/">مشغلات الوسائط</a> </li><li> <a href="/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/">أوراكل لينكس</a> </li><li> <a href="/netstat/">Netstat</a> </li><li> <a href="/kvm/">متر مربع</a> </li><li> <a href="/bluetooth/">بلوتوث</a> </li><li> <a href="/ssd/">Ssd</a> </li><li> <a href="/grep/">سيطرة</a> </li><li> <a href="/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/">أوتوديسك</a> </li><li> <a href="/lubuntu/">لوبونتو</a> </li><li> <a href="/llvm/">لفم</a> </li><li> <a href="/windows/">شبابيك</a> </li><li> <a href="/microsoft-edge/">Microsoft Edge (قديم)</a> </li><li> <a href="/internet-explorer/">متصفح الانترنت</a> </li><li> <a href="/office/">مكتب. مقر. مركز</a> </li><li> <a href="/akhr/">آخر</a> </li><li> <a href="/skayb/">سكايب</a> </li><li> <a href="/nzam-asma-alntaqat/">نظام أسماء النطاقات</a> </li><li> <a href="/ftyrt-altwt/">فطيرة التوت</a> </li><li> <a href="/kamyra-wyb/">كاميرا ويب</a> </li><li> <a href="/mshghlat-alwsayt/">مشغلات الوسائط</a> </li><li> <a href="/cpanel/">cPanel</a> </li><li> <a href="/habrwksy/">هابروكسي</a> </li><li> <a href="/jnwm/">جنوم</a> </li><li> <a href="/hdha-twyl/">حذاء طويل</a> </li><li> <a href="/samyt/">سامية</a> </li><li> <a href="/awbwntw-24-04-cat/">أوبونتو 24.04</a> </li><li> <a href="/com-nextcloud/">com.nextcloud</a> </li><li> <a href="/fdylt/">فضيلة</a> </li><li> <a href="/nfydya/">نفيديا</a> </li><li> <a href="/bwr-usb/">عبور USB</a> </li><li> <a href="/fydwra/">فيدورا</a> </li><li> <a href="/alaqla-alamn/">#الإقلاع الآمن</a> </li><li> <a href="/bwr-aljhaz/">عبور الجهاز</a> </li><li> <a href="/sdn/">SDN</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/10/how-to-fix-mouse-freezing-in-windows-11-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/kyfyt-aslah-tjmyd-almaws-fy-nzam-altshghyl-windows-11">كيفية إصلاح تجميد الماوس في نظام التشغيل Windows 11؟</a> </h3> <div class="meta"> <div> <a href="/akhr/"><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/62/how-addlock-workstationcommand-windows-xp-start-menu-winhelponline.jpg);"></a> <div class="text"> <h3 class="heading"> <a href="/how-addlock-workstationcommand-windows-xp-start-menu-winhelponline">كيفية إضافة أمر 'Lock Workstation' إلى قائمة ابدأ في نظام التشغيل Windows XP - Winhelponline</a> </h3> <div class="meta"> <div> <a href="/windows/"><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/B4/how-to-update-parrot-os-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/kyfyt-thdyth-nzam-tshghyl-albbgha">كيفية تحديث نظام تشغيل الببغاء</a> </h3> <div class="meta"> <div> <a href="/akhr/"><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/99/what-is-aws-cloud-adoption-framework-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/ma-hw-atar-a-tmad-shabt-aws">ما هو إطار اعتماد سحابة AWS؟</a> </h3> <div class="meta"> <div> <a href="/akhr/"><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/FC/how-to-use-dall-e-for-image-editing-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/kyfyt-astkhdam-dall-e-lthryr-alswr">كيفية استخدام DALL-E لتحرير الصور؟</a> </h3> <div class="meta"> <div> <a href="/akhr/"><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/49/how-to-recover-unsaved-word-documents-in-windows-10-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/kyfyt-astrdad-mstndat-word-ghyr-almhfwzt-fy-nzam-altshghyl-windows-10">كيفية استرداد مستندات Word غير المحفوظة في نظام التشغيل Windows 10؟</a> </h3> <div class="meta"> <div> <a href="/akhr/"><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/68/use-docker-compose-to-work-with-multi-containers-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/astkhdm-docker-compose-ll-ml-m-hawyat-mt-ddt">استخدم Docker Compose للعمل مع حاويات متعددة</a> </h3> <div class="meta"> <div> <a href="/akhr/"><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/9D/how-to-use-the-open-file-dialog-in-c-applications-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/kyfyt-astkhdam-mrb-alhwar-fth-almlf-fy-ttbyqat-c">كيفية استخدام مربع الحوار فتح الملف في تطبيقات C#</a> </h3> <div class="meta"> <div> <a href="/akhr/"><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/07/how-to-chain-multiple-proxies-with-proxychains-for-increased-anonymity-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/kyfyt-rbt-dt-wkla-bastkhdam-slasl-alwkla-lzyadt-akhfa-alhwyt">كيفية ربط عدة وكلاء باستخدام سلاسل الوكلاء لزيادة إخفاء الهوية</a> </h3> <div class="meta"> <div> <a href="/akhr/"><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/80/how-to-repair-windows-10-using-dism-and-sfc-utility-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/kyfyt-aslah-nzam-altshghyl-windows-10-bastkhdam-aladat-almsa-dt-dism-w-sfc">كيفية إصلاح نظام التشغيل Windows 10 باستخدام الأداة المساعدة DISM و SFC</a> </h3> <div class="meta"> <div> <a href="/akhr/"><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/43/pandas-display-all-columns-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/pandas-rd-kaft-ala-mdt">Pandas عرض كافة الأعمدة</a> </h3> <div class="meta"> <div> <a href="/akhr/"><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/7C/how-to-turn-on-bluetooth-on-windows-11-10-solved-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/kyfyt-tshghyl-bluetooth-ly-windows-11-10-mhlwl">كيفية تشغيل Bluetooth على Windows 11/10 [محلول]</a> </h3> <div class="meta"> <div> <a href="/akhr/"><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/54/xml-pretty-print-in-linux-bash-and-python-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/xml-pretty-print-fy-linux-bash-w-python">XML Pretty Print في Linux Bash و Python</a> </h3> <div class="meta"> <div> <a href="/akhr/"><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/24/how-to-increase-gpu-utilization-in-pytorch-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/kyfyt-zyadt-astkhdam-gpu-fy-pytorch">كيفية زيادة استخدام GPU في PyTorch؟</a> </h3> <div class="meta"> <div> <a href="/akhr/"><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/E6/how-to-install-timeshift-on-raspberry-pi-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/kyfyt-tthbyt-timeshift-ly-raspberry-pi">كيفية تثبيت TimeShift على Raspberry Pi</a> </h3> <div class="meta"> <div> <a href="/akhr/"><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/F2/what-chip-does-esp32-use-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/ma-hy-alshryht-alty-tstkhdmha-esp32">ما هي الشريحة التي تستخدمها ESP32؟</a> </h3> <div class="meta"> <div> <a href="/akhr/"><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/93/how-to-manipulate-and-control-data-with-bash-array-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/kyfyt-alt-aml-m-albyanat-walthkm-fyha-bastkhdam-bash-array">كيفية التعامل مع البيانات والتحكم فيها باستخدام Bash Array</a> </h3> <div class="meta"> <div> <a href="/akhr/"><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-remove-yellow-triangle-on-network-connection-in-windows-10-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/kyfyt-azalt-almthlth-alasfr-mn-atsal-alshbkt-fy-nzam-altshghyl-windows-10">كيفية إزالة المثلث الأصفر من اتصال الشبكة في نظام التشغيل Windows 10</a> </h3> <div class="meta"> <div> <a href="/akhr/"><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/37/how-to-build-a-basic-calculator-in-c-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/kyfyt-bna-alt-hasbt-asasyt-fy-c">كيفية بناء آلة حاسبة أساسية في C++</a> </h3> <div class="meta"> <div> <a href="/akhr/"><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/subscript-in-google-docs-1.jpeg);"></a> <div class="text"> <h3 class="heading"> <a href="/ashtrk-fy-mstndat-google">اشترك في مستندات Google</a> </h3> <div class="meta"> <div> <a href="/akhr/"><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>