jQuery மாற்றம்() முறை எவ்வாறு செயல்படுகிறது

ஜாவாஸ்கிரிப்ட் என்பது நன்கு அறியப்பட்ட பல்துறை மொழியாகும், இது பெரும்பாலும் இணையதளங்களில் ஊடாடும் செயல்பாடுகளைச் சேர்க்கப் பயன்படுகிறது. இந்த பணிகளை திறம்பட செய்யும் jQuery என்ற நூலகத்துடன் இது வருகிறது. jQuery முறைகள் அடிப்படையில் குறியீட்டில் அதிக ஈடுபாடு இல்லாமல் ஒரு குறிப்பிட்ட பணியைச் செய்யும் செயல்களாகும். அத்தகைய ஒரு முறை ' மாற்றம்() உள்ளீட்டு புலத்தின் மதிப்பு மாற்றப்பட்டதை உடனடியாக கவனிக்க 'மாற்றம்' நிகழ்வை செயல்படுத்தும் முறை. இது பெரும்பாலும் HTML படிவ புலங்கள் மற்றும் தேர்வுப்பெட்டிகள், ரேடியோ பொத்தான்கள் மற்றும் தேர்ந்தெடுக்கப்பட்ட பெட்டிகளில் பயன்படுத்தப்படுகிறது.

இந்த எழுதுதல் jQuery “மாற்றம்()” முறையின் வேலை மற்றும் நடைமுறைச் செயலாக்கத்தை விவரிக்கிறது.

jQuery 'மாற்றம்()' முறை எப்படி வேலை செய்கிறது?

jQuery' மாற்றம்() 'முறை சுடுகிறது' மாற்றம் ” நிகழ்வு நடத்துபவர். “மாற்றம்” நிகழ்வு என்பது குறிப்பிட்ட (“ ”, “”, “<select>”) HTML உறுப்பின் மதிப்பு மாற்றப்படும்போது ஏற்படும் ஒரு சிறப்பு வகையான JavaScript நிகழ்வாகும்.</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> இது ஒரு விருப்ப அளவுருவாகும், இது 'மாற்றம்()' முறையுடன் செயல்படுத்துவதற்கான செயல்பாட்டைக் குறிப்பிடுகிறது.</li> </ul> </li> </ul> <p> <strong> எடுத்துக்காட்டு 1: உள்ளீட்டு புலம் மாற்றப்பட்ட மதிப்பைப் பெற “மாற்றம்()” முறையைப் பயன்படுத்துதல்</strong> </p> <p> இந்த எடுத்துக்காட்டில், ' <strong> மாற்றம்()</strong> ஒரு குறிப்பிட்ட HTML “ <input>” உறுப்பு மாற்றப்பட்ட மதிப்பை வழங்க “முறை பயன்படுத்தப்படுகிறது.</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> jQuery மாற்றம்<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"> 'லினக்ஸ்'</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> அதிகாரப்பூர்வ இணையதளத்தில் இருந்து jQuery இன் CDN பாதையை உள்ளடக்கிய 'தலை' பிரிவில் 'குறிச்சொல்' <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> ”உறுப்பு அதன் மதிப்பு மாறும்போது “மாற்றம்” நிகழ்வை இயக்குகிறது.</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> வெளியீடு தூண்டப்பட்ட 'மாற்றம்' நிகழ்வில் உள்ளீட்டு புலத்தின் மாற்றப்பட்ட மதிப்புடன் ஒரு எச்சரிக்கை பெட்டியைக் காட்டுகிறது.</p> <p> <strong> எடுத்துக்காட்டு 2: உள்ளீட்டு புலத்தின் பின்னணி நிறத்தை மாற்ற “மாற்றம்()” முறையைப் பயன்படுத்துதல்</strong> </p> <p> இந்த குறிப்பிட்ட எடுத்துக்காட்டு 'இன் செயல்பாட்டை விளக்குகிறது <strong> மாற்றம்()</strong> ” மதிப்பை மாற்றும்போது உள்ளீட்டு புலத்தின் பின்னணி நிறத்தை மாற்றும் முறை.</p> <p> <strong> HTML குறியீடு</strong> </p> <p> கொடுக்கப்பட்ட HTML குறியீட்டைப் பின்பற்றவும்:</p> <span class="sy0"> <</span> h2<span class="sy0"> ></span> jQuery மாற்றம்<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"> 'லினக்ஸ்'</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> பயனர் உள்ளீட்டு புலத்தின் மதிப்பை மாற்றும்போது 'மாற்றம்' நிகழ்வை செயல்படுத்தும் முறை. அதன் செயல்பாடுகளை ஆதரிப்பதற்காக இது ஒரு கூடுதல் நிகழ்வுடன் தொடர்புபடுத்தப்படலாம், இது ' <input>', '<select>' மற்றும் '<textarea>' HTML உறுப்புகளில் மட்டுமே செயல்படும். இந்த பதிவு 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="/marravai/" 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/">ஜோரினோஸ்</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/">திறந்தவெளி</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/">அலுவலக உற்பத்தி மென்பொருள்</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/">வயர்ஷார்க்</a> </li><li> <a href="/synology/">சினாலஜி</a> </li><li> <a href="/pdf/">Pdf</a> </li><li> <a href="/ethereum/">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/">ஹைப்பர்-வி</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/">எஸ்எஸ்எல்</a> </li><li> <a href="/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 மீடியா பிளேயர்</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/">இன்க்ஸ்கேப்</a> </li><li> <a href="/encryption/">குறியாக்கம்</a> </li><li> <a href="/fedora/">ஃபெடோரா</a> </li><li> <a href="/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/">டீம் வியூவர்</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/">ஜூபிட்டர் நோட்புக்</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/">நெட்ஸ்டாட்</a> </li><li> <a href="/kvm/">சதுர மீட்டர்</a> </li><li> <a href="/bluetooth/">புளூடூத்</a> </li><li> <a href="/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/">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/">Llvm</a> </li><li> <a href="/windows/">விண்டோஸ்</a> </li><li> <a href="/microsoft-edge/">மைக்ரோசாஃப்ட் எட்ஜ் (மரபு)</a> </li><li> <a href="/internet-explorer/">இன்டர்நெட் எக்ஸ்ப்ளோரர்</a> </li><li> <a href="/office/">அலுவலகம்</a> </li><li> <a href="/marravai/">மற்றவை</a> </li><li> <a href="/skaip/">ஸ்கைப்</a> </li><li> <a href="/ti-enes/">டிஎன்எஸ்</a> </li><li> <a href="/rasperri-pai/">ராஸ்பெர்ரி பை</a> </li><li> <a href="/vepkem/">வெப்கேம்</a> </li><li> <a href="/mitiya-pileyarkal/">மீடியா பிளேயர்கள்</a> </li><li> <a href="/cpanel/">cPanel</a> </li><li> <a href="/hapraksi/">ஹாப்ராக்ஸி</a> </li><li> <a href="/knom/">க்னோம்</a> </li><li> <a href="/tuvakka/">துவக்க</a> </li><li> <a href="/uyarntatu/">உயர்ந்தது</a> </li><li> <a href="/upuntu-24-04-cat/">உபுண்டு 24.04</a> </li><li> <a href="/atutta-mekam/">அடுத்த மேகம்</a> </li><li> <a href="/aram/">அறம்</a> </li><li> <a href="/envitiya/">என்விடியா</a> </li><li> <a href="/usb-passthrough/">usb-passthrough</a> </li><li> <a href="/hpetora/">ஃபெடோரா</a> </li><li> <a href="/patukappana-totakkam/">#பாதுகாப்பான தொடக்கம்</a> </li><li> <a href="/catanam-pastru/">சாதனம்-பாஸ்த்ரூ</a> </li><li> <a href="/sdn/">SDN</a> </li><li> <a href="/iyakki-niruval/">இயக்கி-நிறுவல்</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/01/getting-started-with-agents-in-langchain-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/langchain-il-mukavarkalutan-totankukirirkala">LangChain இல் முகவர்களுடன் தொடங்குகிறீர்களா?</a> </h3> <div class="meta"> <div> <a href="/marravai/"><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/FE/how-to-share-audio-on-discord-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/tiskartil-atiyovaip-pakirvatu-eppati">டிஸ்கார்டில் ஆடியோவைப் பகிர்வது எப்படி</a> </h3> <div class="meta"> <div> <a href="/marravai/"><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/32/how-to-list-serial-ports-on-linux-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/linaksil-ciriyal-portkalai-pattiyalituvatu-eppati">லினக்ஸில் சீரியல் போர்ட்களை பட்டியலிடுவது எப்படி</a> </h3> <div class="meta"> <div> <a href="/marravai/"><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/DA/how-to-install-msonline-via-powershell-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/pavarsel-valiyaka-msonline-ai-evvaru-niruvuvatu">பவர்ஷெல் வழியாக MSOnline ஐ எவ்வாறு நிறுவுவது</a> </h3> <div class="meta"> <div> <a href="/marravai/"><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/BB/mount-drive-in-linux-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/linaksil-iyakki-erravum">லினக்ஸில் இயக்கி ஏற்றவும்</a> </h3> <div class="meta"> <div> <a href="/marravai/"><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/how-to-check-if-virtualization-is-enabled-in-windows-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/vintosil-meynikarakkam-iyakkappattullata-enpatai-evvaru-cariparkkalam">விண்டோஸில் மெய்நிகராக்கம் இயக்கப்பட்டுள்ளதா என்பதை எவ்வாறு சரிபார்க்கலாம்</a> </h3> <div class="meta"> <div> <a href="/marravai/"><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/EB/what-is-javascript-number-max-safe-integer-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/javascript-en-max-safe-integer-enral-enna">JavaScript எண்.MAX_SAFE_INTEGER என்றால் என்ன?</a> </h3> <div class="meta"> <div> <a href="/marravai/"><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/8D/tableau-word-cloud-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/attavanai-varttai-mekam">அட்டவணை வார்த்தை மேகம்</a> </h3> <div class="meta"> <div> <a href="/marravai/"><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/AD/docker-invalide-reference-format-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/tokkar-tavarana-kurippu-vativam">டோக்கர் தவறான குறிப்பு வடிவம்</a> </h3> <div class="meta"> <div> <a href="/marravai/"><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/F7/how-to-install-webmin-on-linux-mint-21-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/linux-mint-21-il-webmin-ai-evvaru-niruvuvatu">Linux Mint 21 இல் Webmin ஐ எவ்வாறு நிறுவுவது</a> </h3> <div class="meta"> <div> <a href="/marravai/"><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/67/how-to-use-onchange-event-in-javascript-1.gif);"></a> <div class="text"> <h3 class="heading"> <a href="/javaskiriptil-marrum-nikalvai-evvaru-payanpatuttuvatu">ஜாவாஸ்கிரிப்டில் மாற்றும் நிகழ்வை எவ்வாறு பயன்படுத்துவது</a> </h3> <div class="meta"> <div> <a href="/marravai/"><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-install-gnu-debugger-gdb-on-linux-mint-21-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/linux-mint-21-il-gnu-debugger-gdb-ai-evvaru-niruvuvatu">Linux Mint 21 இல் GNU Debugger GDB ஐ எவ்வாறு நிறுவுவது</a> </h3> <div class="meta"> <div> <a href="/marravai/"><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">விண்டோஸ் 7 - வின்ஹெல்போன்லைனில் பணிப்பட்டி சின்னங்களுக்கான சாளர மெனுவைக் காண்பி (மீட்டமை, குறைத்தல், மூடு)</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/43/how-to-find-the-snowy-tundra-biome-in-minecraft-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/minecraft-il-pani-tantra-payomai-evvaru-kantupitippatu">Minecraft இல் பனி டன்ட்ரா பயோமை எவ்வாறு கண்டுபிடிப்பது</a> </h3> <div class="meta"> <div> <a href="/marravai/"><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/B8/event-loop-in-node-js-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/munai-js-il-nikalvu-valaiyam">முனை js இல் நிகழ்வு வளையம்</a> </h3> <div class="meta"> <div> <a href="/marravai/"><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/B0/depth-strider-minecraft-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/tept-straitar-minecraft">டெப்த் ஸ்ட்ரைடர் Minecraft</a> </h3> <div class="meta"> <div> <a href="/marravai/"><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/E1/how-to-change-image-color-in-css-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/css-il-patattin-nirattai-marruvatu-eppati">CSS இல் படத்தின் நிறத்தை மாற்றுவது எப்படி</a> </h3> <div class="meta"> <div> <a href="/marravai/"><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/06/how-to-use-stats-isdirectory-method-in-node-js-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/node-js-il-stats-isdirectory-muraiyai-evvaru-payanpatuttuvatu">Node.js இல் stats.isDirectory() முறையை எவ்வாறு பயன்படுத்துவது?</a> </h3> <div class="meta"> <div> <a href="/marravai/"><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/E2/how-to-list-all-running-services-under-systemd-in-linux-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/linux-il-systemd-in-kil-iyankum-anaittu-cevaikalaiyum-pattiyalituvatu-eppati">Linux இல் Systemd இன் கீழ் இயங்கும் அனைத்து சேவைகளையும் பட்டியலிடுவது எப்படி</a> </h3> <div class="meta"> <div> <a href="/marravai/"><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/A8/how-to-tag-your-aws-resources-for-better-organization-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/ciranta-niruvanattirkana-unkal-aws-valankalai-evvaru-kuriyituvatu">சிறந்த நிறுவனத்திற்கான உங்கள் AWS வளங்களை எவ்வாறு குறியிடுவது?</a> </h3> <div class="meta"> <div> <a href="/marravai/"><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>