كيف يعمل أسلوب jQuery ()

JavaScript هي لغة متعددة الاستخدامات وذات سمعة طيبة تُستخدم في الغالب لإضافة وظائف تفاعلية إلى مواقع الويب. يأتي مع مكتبة تسمى jQuery تؤدي هذه المهام بكفاءة. طرق jQuery هي في الأساس الإجراءات التي تؤدي مهمة محددة دون مشاركة كبيرة في الكود. إحدى هذه الطرق هي ' يتغير() 'التي تطلق حدث' التغيير 'لتلاحظ على الفور أن قيمة حقل الإدخال قد تغيرت. يتم استخدامه غالبًا في حقول نموذج HTML بالإضافة إلى مربعات الاختيار وأزرار الاختيار ومربعات التحديد.

تشرح هذه الكتابة بالتفصيل التطبيق العملي والتنفيذ العملي لأسلوب jQuery “change ()”.

كيف تعمل طريقة jQuery 'change ()'؟

مسج ' يتغير() 'الطريقة' يتغير معالج الحدث. حدث 'change' هو نوع خاص من أحداث JavaScript التي تحدث عندما يتم تغيير قيمة عنصر HTML المحدد (' ' ، '' ، '<select>').</p> <br /> <ins class="staticpubads89354" data-sizes-desktop="728x90,750x100,750x200,750x300" data-sizes-mobile="300x250,336x280,360x300" data-slot="3"></ins><br /> <p> <strong> بناء الجملة</strong> </p> <br /> <ins class="staticpubads89354" data-sizes-desktop="728x90,750x100,750x200,750x300" data-sizes-mobile="300x250,336x280,360x300" data-slot="4"></ins><br /> <span class="co4"> $</span><span class="br0"> (</span> محدد<span class="br0"> )</span> .يتغير<span class="br0"> (</span><span class="kw1"> وظيفة</span><span class="br0"> )</span> <p> <br> في النحو أعلاه:</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> <ul> <li> <ul> <li> <strong> المحدد:</strong> يسمح بمعالجة عنصر HTML.</li> <li> <strong> وظيفة:</strong> إنها معلمة اختيارية تحدد الوظيفة المطلوب تنفيذها باستخدام طريقة 'change ()'.</li> </ul> </li> </ul> <p> <strong> مثال 1: تطبيق طريقة 'change ()' للحصول على قيمة تغيير حقل الإدخال</strong> </p> <p> في هذا المثال ، ' <strong> يتغير()</strong> يتم تطبيق طريقة 'لإرجاع قيمة تم تغييرها في عنصر' <input> 'معين في HTML.</p> <br /> <ins class="staticpubads89354" data-sizes-desktop="728x90,750x100,750x200,750x300" data-sizes-mobile="300x250,336x280,360x300" data-slot="5"></ins><br /> <p> <strong> كود HTML</strong> </p> <p> أولاً ، نظرة عامة على كود HTML التالي:</p> <span class="sy0"> <</span> h2<span class="sy0"> ></span> تغيير مسج<span class="br0"> (</span><span class="br0"> )</span> طريقة<span class="sy0"> </</span> h2<span class="sy0"> ></span> <br> <span class="sy0"> <</span> ص<span class="sy0"> ></span> غيّر قيمة حقل الإدخال:<span class="sy0"> </</span> ص<span class="sy0"> ></span> <br> حقل الادخال:<span class="sy0"> <</span> مدخل<span class="re2"> يكتب</span> =<span class="st0"> 'نص'</span> <span class="re2"> قيمة</span> =<span class="st0"> 'Linux'</span> <span class="re2"> على التغيير</span> =<span class="st0"> 'تنبيه (this.value)'</span><span class="sy0"> ></span> <br> <span class="sy0"> <</span> ص<span class="sy0"> ></span> انقر فوق الزر المحدد لإطلاق ملف<span class="st0"> 'على التغيير'</span> حدث:<span class="sy0"> </</span> ص<span class="sy0"> ></span> <br> <span class="sy0"> <</span> زر<span class="sy0"> ></span> انقر هنا<span class="sy0"> </</span> زر<span class="sy0"> ></span> <p> <br> في كتلة التعليمات البرمجية هذه:</p> <ul> <li> <ul> <li> حدد عنوانًا فرعيًا للمستوى 2 باستخدام ' <strong> <h2></strong> ' بطاقة شعار.</li> <li> بعد ذلك ، حدد الفقرة بمساعدة ' <strong> <p></strong> ' بطاقة شعار.</li> <li> بعد ذلك ، أضف حقل إدخال عبر ' <strong> <إدخال></strong> 'العلامة المسماة' <strong> حقل الادخال</strong> '، من النوع' <strong> نص</strong> '، والقيمة كـ' <strong> لينكس</strong> '، على التوالى.</li> <li> كما أنه يقرن بـ ' <strong> على التغيير()</strong> 'الذي ينبثق مربع تنبيه عندما تتغير قيمة الإدخال المحددة.</li> <li> ال ' <strong> <p></strong> ”تقوم العلامة بإنشاء فقرة أخرى بالعبارة المذكورة.</li> <li> أخيرًا ، أضف زرًا باستخدام الزر ' <strong> <زر></strong> ' بطاقة شعار.</li> </ul> </li> </ul> <p> <strong> كود jQuery</strong> </p> <p> الآن ، ضع في اعتبارك كود jQuery التالي:</p> <span class="sy0"> <</span><span class="kw2"> رأس</span><span class="sy0"> ></span> <br> <span class="sy0"> <</span> النصي<span class="re2"> src</span> =<span class="st0"> 'https://ajax.googleapis.com/ajax/libs/jquery/3.6.4/jquery.min.js'</span><span class="sy0"> > </</span> النصي<span class="sy0"> ></span> <br> <span class="sy0"> <</span> النصي<span class="sy0"> ></span> <br> $<span class="br0"> (</span> وثيقة<span class="br0"> )</span> .مستعد<span class="br0"> (</span><span class="kw1"> وظيفة</span><span class="br0"> (</span><span class="br0"> )</span><span class="br0"> {</span> <br> $<span class="br0"> (</span><span class="st0"> 'زر'</span><span class="br0"> )</span> .انقر<span class="br0"> (</span><span class="kw1"> وظيفة</span><span class="br0"> (</span><span class="br0"> )</span><span class="br0"> {</span> <br> $<span class="br0"> (</span><span class="st0"> 'مدخل'</span><span class="br0"> )</span> .يتغير<span class="br0"> (</span><span class="br0"> )</span> ؛ <br> <span class="br0"> }</span><span class="br0"> )</span> ؛ <br> <span class="br0"> }</span><span class="br0"> )</span> ؛ <br> <span class="sy0"> </</span> النصي<span class="sy0"> ></span> <br> <span class="sy0"> </</span><span class="kw2"> رأس</span><span class="sy0"> ></span> <p> <br> في سطور الكود أعلاه:</p> <ul> <li> <ul> <li> حدد ال ' <strong> <script></strong> 'في قسم' head 'الذي يتضمن مسار CDN لـ jQuery من الموقع الرسمي' <a href="https://jquery.com/"></a> '.</li> <li> بعد ذلك ، يتوافق رمز jQuery أولاً مع ' <strong> وثيقة</strong> 'لتحديد عنصر DOM المستهدف وإقران' <strong> مستعد()</strong> 'الذي يستدعي الوظيفة المحددة () بمجرد تحميل المستند.</li> <li> بعد ذلك ، ' <strong> زر</strong> 'المحدد يضاف ويرتبط بـ' <strong> انقر()</strong> ”التي ستسمح بتنفيذ وظيفة عند النقر فوق الزر.</li> <li> في تعريف الوظيفة ، قم بتطبيق ' <strong> يتغير()</strong> 'على' <strong> مدخل</strong> 'الذي يطلق حدث' onchange 'عندما تتغير قيمته.</li> </ul> </li> </ul> <p> <strong> انتاج |</strong> </p> <p> <img alt="" class="alignnone size-full wp-image-327916" src="https://softoban.com/img/other/3E/how-does-the-jquery-change-method-work-1.gif"> <br> يعرض الإخراج مربع تنبيه بالقيمة المتغيرة لحقل الإدخال عند تشغيل حدث 'onchange'.</p> <p> <strong> مثال 2: تطبيق طريقة 'change ()' لتغيير لون الخلفية لحقل الإدخال</strong> </p> <p> يشرح هذا المثال الخاص عمل ' <strong> يتغير()</strong> 'طريقة لتغيير لون الخلفية لحقل الإدخال عند تغيير القيمة.</p> <p> <strong> كود HTML</strong> </p> <p> اتبع كود HTML المحدد:</p> <span class="sy0"> <</span> h2<span class="sy0"> ></span> تغيير مسج<span class="br0"> (</span><span class="br0"> )</span> طريقة<span class="sy0"> </</span> h2<span class="sy0"> ></span> <br> <span class="sy0"> <</span> ص<span class="sy0"> ></span> غيّر قيمة حقل الإدخال:<span class="sy0"> </</span> ص<span class="sy0"> ></span> <br> حقل الادخال:<span class="sy0"> <</span> مدخل<span class="re2"> يكتب</span> =<span class="st0"> 'نص'</span> <span class="re2"> قيمة</span> =<span class="st0"> 'Linux'</span><span class="sy0"> > </</span> ص<span class="sy0"> ></span> <p> <br> هنا ، يحدد العنصر ' <input>' نوعه وقيمته فقط.</p> <p> <strong> كود jQuery</strong> </p> <p> الآن ، انتقل إلى كود jQuery:</p> <span class="sy0"> <</span><span class="kw2"> رأس</span><span class="sy0"> ></span> <br> <span class="sy0"> <</span> النصي<span class="re2"> src</span> =<span class="st0"> 'https://ajax.googleapis.com/ajax/libs/jquery/3.6.4/jquery.min.js'</span><span class="sy0"> > </</span> النصي<span class="sy0"> ></span> <br> <span class="sy0"> <</span> النصي<span class="sy0"> ></span> <br> $<span class="br0"> (</span> وثيقة<span class="br0"> )</span> .مستعد<span class="br0"> (</span><span class="kw1"> وظيفة</span><span class="br0"> (</span><span class="br0"> )</span><span class="br0"> {</span> <br> $<span class="br0"> (</span><span class="st0"> 'مدخل'</span><span class="br0"> )</span> .يتغير<span class="br0"> (</span><span class="kw1"> وظيفة</span><span class="br0"> (</span><span class="br0"> )</span><span class="br0"> {</span> <br> $<span class="br0"> (</span> هذا<span class="br0"> )</span> .css<span class="br0"> (</span><span class="st0"> 'لون الخلفية'</span> و<span class="st0"> 'أصفر'</span><span class="br0"> )</span> ؛ <br> <span class="br0"> }</span><span class="br0"> )</span> ؛ <br> <span class="br0"> }</span><span class="br0"> )</span> ؛ <br> <span class="sy0"> </</span> النصي<span class="sy0"> ></span> <br> <span class="sy0"> </</span><span class="kw2"> رأس</span><span class="sy0"> ></span> <p> <br> في سطور الرمز أعلاه ، ' <strong> يتغير ()</strong> 'طريقة إرفاق' <strong> وظيفة()</strong> 'التي تطبق خاصية التصميم' CSS '' <strong> لون الخلفية</strong> 'على عنصر HTML المحدد ، أي' إدخال 'عند تغيير قيمة الإدخال.</p> <p> <strong> انتاج |</strong> </p> <p> <img alt="" class="alignnone size-full wp-image-327917" src="https://softoban.com/img/other/3E/how-does-the-jquery-change-method-work-2.gif"> <br> يؤكد الإخراج أن لون الخلفية لحقل الإدخال المحدد يتغير عندما تتغير قيمته.</p> <h2> خاتمة</h2> <p> يقدم jQuery ' <strong> يتغير()</strong> 'الأسلوب الذي يطلق حدث' التغيير 'عندما يغير المستخدم قيمة حقل الإدخال. يمكن أن يرتبط أيضًا بحدث إضافي لدعم وظائفه ، فهو يعمل فقط على عناصر HTML ' <input>' و '<select>' و '<textarea>'. قدمت هذه الكتابة عرضًا تفصيليًا للطريقة 'change ()' في jQuery.</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><li> <a href="/tthbyt-brnamj-altshghyl/">تثبيت برنامج التشغيل</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/14/how-to-style-table-with-css-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/kyf-tsmm-aljdwl-bastkhdam-css">كيف تصمم الجدول باستخدام CSS</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/D8/how-to-install-windows-10-on-oracle-vm-virtualbox-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/kyfyt-tthbyt-windows-10-ly-oracle-vm-virtualbox">كيفية تثبيت Windows 10 على Oracle VM VirtualBox</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/14/solutions-to-the-problems-of-chapter-3-of-the-full-online-computer-science-database-and-internet-career-course-from-the-beginning-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/hlwl-lmshakl-alfsl-3-mn-qa-dt-byanat-lwm-alkmbywtr-alkamlt-br-alantrnt-wdwrt-altwzyf-br-alantrnt-mn-albdayt">حلول لمشاكل الفصل 3 من قاعدة بيانات علوم الكمبيوتر الكاملة عبر الإنترنت ودورة التوظيف عبر الإنترنت من البداية</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/91/kubectl-annotate-command-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/amr-kubectl-annotate">أمر Kubectl Annotate</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/60/how-to-fix-rtc-connecting-error-on-discord-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/kyfyt-aslah-khta-atsal-rtc-ly-discord">كيفية إصلاح خطأ اتصال RTC على Discord</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/use-raspberry-pi-as-a-crypto-coin-price-checker-using-coinmon-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/astkhdm-raspberry-pi-kmdqq-las-ar-al-mlat-almshfrt-bastkhdam-coinmon">استخدم Raspberry Pi كمدقق لأسعار العملات المشفرة باستخدام Coinmon</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/34/setting-up-columns-in-microsoft-word-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/a-dad-ala-mdt-fy-microsoft-word">إعداد الأعمدة في Microsoft Word</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/1E/how-to-randomize-a-value-in-matlab-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/kyfyt-trtyb-alqymt-shwayya-a-fy-matlab">كيفية ترتيب القيمة عشوائيًا في MATLAB؟</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/A9/how-to-secure-kali-linux-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/kyfyt-tamyn-kaly-lynks">كيفية تأمين كالي لينكس</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/15/what-is-serverless-workflow-orchestration-1.gif);"></a> <div class="text"> <h3 class="heading"> <a href="/ma-hw-tnsyq-syr-al-ml-bdwn-khadm">ما هو تنسيق سير العمل بدون خادم؟</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/39/how-to-disable-click-event-using-css-1.gif);"></a> <div class="text"> <h3 class="heading"> <a href="/kyfyt-t-tyl-hdth-alnqr-bastkhdam-css">كيفية تعطيل حدث النقر باستخدام CSS</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/77/all-about-profile-customization-in-roblox-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/kl-shy-n-tkhsys-almlf-alshkhsy-fy-roblox">كل شيء عن تخصيص الملف الشخصي في Roblox</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/6F/how-to-install-mysql-on-macos-with-zsh-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/kyfyt-tthbyt-mysql-ly-macos-bastkhdam-zsh">كيفية تثبيت MySQL على macOS باستخدام Zsh</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/F5/how-do-negative-margins-in-css-work-and-why-is-margin-top-5-margin-bottom-5-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/kyf-t-ml-alhwamsh-alslbyt-fy-css-wlmadha-margin-top-5-margin-bottom-5">كيف تعمل الهوامش السلبية في CSS ولماذا (margin-top: -5! = margin-bottom: 5)؟</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/35/what-are-the-load-balancer-types-in-amazon-ecs-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/ma-anwa-mwazn-althmyl-fy-amazon-ecs">ما أنواع موازن التحميل في Amazon ECS؟</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/45/converting-pyspark-dataframe-to-csv-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/thwyl-pyspark-dataframe-aly-csv">تحويل PySpark DataFrame إلى CSV</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/84/how-to-fix-new-portainer-installation-error-your-portainer-instance-timed-out-for-security-purposes-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/kyfyt-aslah-khta-tthbyt-portainer-aljdyd-antht-mhlt-mthyl-portainer-alkhas-bk-laghrad-amnyt">كيفية إصلاح خطأ تثبيت Portainer الجديد 'انتهت مهلة مثيل Portainer الخاص بك لأغراض أمنية'</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/5B/how-to-resolve-the-is-not-in-the-sudoers-file-this-incident-will-be-reported-error-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/kyfyt-hl-mshklt-lys-mwjwda-a-fy-mlf-sudoers-sytm-alablagh-n-hdha-alhadth-khta">كيفية حل مشكلة 'ليس موجودًا في ملف Sudoers. سيتم الإبلاغ عن هذا الحادث 'خطأ</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/0F/how-to-find-yesterday-date-in-bash-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/kyfyt-albhth-n-tarykh-alams-fy-bash">كيفية البحث عن تاريخ الأمس في باش</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/C9/how-to-install-cmake-on-fedora-linux-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/kyfyt-tthbyt-cmake-ly-fydwra-lynks">كيفية تثبيت CMake على فيدورا لينكس</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>