Πώς λειτουργεί η μέθοδος jQuery change().

Η JavaScript είναι μια φημισμένη ευέλικτη γλώσσα που χρησιμοποιείται κυρίως για την προσθήκη διαδραστικών λειτουργιών σε ιστότοπους. Έρχεται με μια βιβλιοθήκη που ονομάζεται jQuery που εκτελεί αυτές τις εργασίες αποτελεσματικά. Οι μέθοδοι jQuery είναι βασικά οι ενέργειες που εκτελούν μια συγκεκριμένη εργασία χωρίς μεγάλη συμμετοχή του κώδικα. Μια τέτοια μέθοδος είναι η « αλλαγή() ' μέθοδος που ενεργοποιεί το συμβάν 'αλλαγή' για να παρατηρήσετε αμέσως ότι η τιμή του πεδίου εισαγωγής έχει αλλάξει. Χρησιμοποιείται κυρίως στα πεδία φόρμας HTML καθώς και στα πλαίσια ελέγχου, τα κουμπιά επιλογής και τα πλαίσια επιλογής.

Αυτή η εγγραφή επεξεργάζεται την εργασία και την πρακτική εφαρμογή της μεθόδου 'change()' του jQuery.

Πώς λειτουργεί η μέθοδος 'change()' του jQuery;

Το jQuery ' αλλαγή() 'η μέθοδος πυροδοτεί το ' αλλαγή ” χειριστής συμβάντων. Το συμβάν 'αλλαγή' είναι ένα ειδικό είδος συμβάντος JavaScript που εμφανίζεται όταν αλλάζει η τιμή του καθορισμένου στοιχείου HTML (' ', '', '<επιλογή>').</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> <!-- softoban2 --> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-4062866992167421" data-ad-slot="9858463164" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script><br /> <hr> <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> ' εφαρμόζεται η μέθοδος για την επιστροφή μιας συγκεκριμένης αλλαγής τιμής στοιχείου 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"> 'Linux'</span> <span class="re2"> onchange</span> =<span class="st0"> 'alert(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> Linux</strong> », αντίστοιχα.</li> <li> Συνδέει επίσης ένα « <strong> onchange()</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> <σενάριο></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> Αλλαγή 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"> '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, π.χ. 'input' στην αλλαγμένη τιμή εισόδου.</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="/alla/" class="tag-cloud-link">Αλλα</a> </div> </div> </div><!-- END--> </div> <div class="col-lg-4 sidebar ftco-animate bg-light pt-5"> <div class="sidebar-box ftco-animate"> <h3 class="sidebar-heading">Κατηγορία</h3> <ul class="categories"> <li> <a href="/raspberry-pi/">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/">Λαραβελ</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/">Σειρήτι</a> </li><li> <a href="/plex/">Plex</a> </li><li> <a href="/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/">Pdf</a> </li><li> <a href="/ethereum/">Αιθέριο</a> </li><li> <a href="/parrot-os/">Parrot 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/">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/">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/">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/">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/">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/">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/">Παράθυρα</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="/alla/">Αλλα</a> </li><li> <a href="/kamera-web/">κάμερα web</a> </li><li> <a href="/syskeues-anaparagoges-polymeson/">συσκευές αναπαραγωγής πολυμέσων</a> </li><li> <a href="/cpanel/">cPanel</a> </li><li> <a href="/aproxia/">απροξία</a> </li><li> <a href="/nanos/">νάνος</a> </li><li> <a href="/mpota/">μπότα</a> </li><li> <a href="/megaleio/">μεγαλείο</a> </li><li> <a href="/ubuntu-24-04-cat/">Ubuntu 24.04</a> </li><li> <a href="/nextcloud/">nextcloud</a> </li><li> <a href="/arete/">αρετή</a> </li><li> <a href="/usb-passthrough/">usb-passthrough</a> </li><li> <a href="/malako-kapello/">μαλακό καπέλλο</a> </li><li> <a href="/secure-boot/">#secure-boot</a> </li><li> <a href="/syskeue-dieleuse/">συσκευή-διέλευση</a> </li><li> <a href="/sdn/">SDN</a> </li><li> <a href="/programma-odegeses-enkatastase/">πρόγραμμα οδήγησης-εγκατάσταση</a> </li><li> <a href="/wakeonlan/">wakeonlan</a> </li><li> <a href="/dsm7-cat/">dsm7</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/BE/how-to-install-mousepad-text-editor-on-linux-mint-21-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/pos-na-enkatastesete-to-mousepad-text-editor-sto-linux-mint-21">Πώς να εγκαταστήσετε το Mousepad Text Editor στο Linux Mint 21</a> </h3> <div class="meta"> <div> <a href="/alla/"><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/F0/how-to-set-the-list-style-type-in-tailwind-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/pos-na-orisete-ton-typo-styl-listas-sto-tailwind">Πώς να ορίσετε τον τύπο στυλ λίστας στο Tailwind</a> </h3> <div class="meta"> <div> <a href="/alla/"><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-ssh-from-the-linux-command-line-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/pos-na-kanete-ssh-apo-te-gramme-entolon-tou-linux">Πώς να κάνετε SSH από τη γραμμή εντολών του Linux</a> </h3> <div class="meta"> <div> <a href="/alla/"><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/5C/how-to-add-xbox-live-to-discord-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/pos-na-prosthesete-to-xbox-live-sto-discord">Πώς να προσθέσετε το Xbox Live στο Discord</a> </h3> <div class="meta"> <div> <a href="/alla/"><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/internet-explorer/58/how-disable-adobe-flash-animations.gif);"></a> <div class="text"> <h3 class="heading"> <a href="/how-disable-adobe-flash-animations">Πώς να απενεργοποιήσετε τα κινούμενα σχέδια Adobe Flash για όλες τις τοποθεσίες εκτός από τις λευκές λίστες στον Internet Explorer 8 - Winhelponline</a> </h3> <div class="meta"> <div> <a href="/internet-explorer/"><span class="icon-chat"></span> Internet Explorer</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/9B/is-esp32-better-than-arduino-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/einai-to-esp32-kalytero-apo-to-arduino">Είναι το ESP32 καλύτερο από το Arduino</a> </h3> <div class="meta"> <div> <a href="/alla/"><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/74/how-to-push-docker-image-to-amazon-ecr-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/pos-na-proothesete-ten-eikona-docker-sto-amazon-ecr">Πώς να προωθήσετε την εικόνα Docker στο Amazon ECR;</a> </h3> <div class="meta"> <div> <a href="/alla/"><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/5A/apt-get-in-ubuntu-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/apt-get-sto-ubuntu">APT-GET στο Ubuntu</a> </h3> <div class="meta"> <div> <a href="/alla/"><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/38/how-to-get-let-s-encrypt-ssl-certificates-using-certbot-cloudflare-dns-validation-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/pos-na-apoktesete-let-s-encrypt-certificates-ssl-chresimopoiontas-certbot-cloudflare-dns-validation">Πώς να αποκτήσετε Let's Encrypt Certificates SSL χρησιμοποιώντας Certbot CloudFlare DNS Validation</a> </h3> <div class="meta"> <div> <a href="/alla/"><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/81/how-to-calculate-time-difference-in-python-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/pos-na-ypologisete-te-diaphora-oras-sten-python">Πώς να υπολογίσετε τη διαφορά ώρας στην Python</a> </h3> <div class="meta"> <div> <a href="/alla/"><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/FA/what-is-the-use-of-table-column-group-and-table-row-group-in-css-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/poia-einai-e-chrese-tes-omadas-table-column-kai-table-row-group-sto-css">Ποια είναι η χρήση της ομάδας Table-Column και Table-Row Group στο CSS</a> </h3> <div class="meta"> <div> <a href="/alla/"><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/8A/how-to-apply-text-decoration-thickness-with-tailwind-breakpoints-and-media-queries-1.gif);"></a> <div class="text"> <h3 class="heading"> <a href="/pos-na-epharmosete-to-pachos-diakosmeses-keimenou-me-semeia-diakopes-tou-ouranou-anemou-kai-erotemata-polymeson">Πώς να εφαρμόσετε το πάχος διακόσμησης κειμένου με σημεία διακοπής του ουρανού ανέμου και ερωτήματα πολυμέσων</a> </h3> <div class="meta"> <div> <a href="/alla/"><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/8C/sql-subquery-join-with-outer-query-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/sql-subquery-syndetheite-me-to-outer-query">SQL Subquery Συνδεθείτε με το Outer Query</a> </h3> <div class="meta"> <div> <a href="/alla/"><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/5A/understanding-linux-file-permissions-how-to-secure-your-system-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/katanoese-ton-dikaiomaton-archeion-linux-pos-na-asphalisete-to-systema-sas">Κατανόηση των δικαιωμάτων αρχείων Linux: Πώς να ασφαλίσετε το σύστημά σας</a> </h3> <div class="meta"> <div> <a href="/alla/"><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/how-to-instantiate-an-object-in-java-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/pos-na-demiourgesete-ena-antikeimeno-sten-java">Πώς να δημιουργήσετε ένα αντικείμενο στην Java</a> </h3> <div class="meta"> <div> <a href="/alla/"><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/90/how-to-use-strcat-function-in-c-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/pos-na-chresimopoiesete-te-synartese-strcat-sten-c">Πώς να χρησιμοποιήσετε τη συνάρτηση strcat() στην C++</a> </h3> <div class="meta"> <div> <a href="/alla/"><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/java-syntax-for-print-and-println-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/java-syntax-for-print-kai-println">Java Syntax for print() και println()</a> </h3> <div class="meta"> <div> <a href="/alla/"><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/5A/nested-if-in-c-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/entheto-ean-se-c">Ένθετο Εάν σε C++</a> </h3> <div class="meta"> <div> <a href="/alla/"><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/sprintf-function-in-c-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/leitourgia-sprintf-sto-c">Λειτουργία sprintf στο C</a> </h3> <div class="meta"> <div> <a href="/alla/"><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/C3/how-to-enable-virtualization-in-windows-10-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/pos-na-energopoiesete-ten-eikonikopoiese-sta-windows-10">Πώς να ενεργοποιήσετε την εικονικοποίηση στα Windows 10</a> </h3> <div class="meta"> <div> <a href="/alla/"><span class="icon-chat"></span> Αλλα</a> </div> </div> </div> </div> </div> </div> </div><!-- END COL --> </div> </section> </div><!-- END COLORLIB-MAIN --> </div><!-- END COLORLIB-PAGE --> <!-- loader --> <div id="ftco-loader" class="show fullscreen"><svg class="circular" width="48px" height="48px"><circle class="path-bg" cx="24" cy="24" r="22" fill="none" stroke-width="4" stroke="#eeeeee"/><circle class="path" cx="24" cy="24" r="22" fill="none" stroke-width="4" stroke-miterlimit="10" stroke="#F96D00"/></svg></div> <script src="https://softoban.com/template/js/jquery.min.js"></script> <script src="https://softoban.com/template/js/jquery-migrate-3.0.1.min.js"></script> <script src="https://softoban.com/template/js/popper.min.js"></script> <script src="https://softoban.com/template/js/bootstrap.min.js"></script> <script src="https://softoban.com/template/js/jquery.easing.1.3.js"></script> <script src="https://softoban.com/template/js/jquery.waypoints.min.js"></script> <script src="https://softoban.com/template/js/jquery.stellar.min.js"></script> <script src="https://softoban.com/template/js/owl.carousel.min.js"></script> <script src="https://softoban.com/template/js/jquery.magnific-popup.min.js"></script> <script src="https://softoban.com/template/js/aos.js"></script> <script src="https://softoban.com/template/js/jquery.animateNumber.min.js"></script> <script src="https://softoban.com/template/js/scrollax.min.js"></script> <script src="https://softoban.com/template/js/main.js"></script> <script async="" defer="" src="//www.instagram.com/embed.js"></script> <script async="" src="https://platform.twitter.com/widgets.js"></script> <script> window.onload = function(){ for(i in document.images) { if(document.images[i].naturalWidth==0){ if(window.location.pathname.length > 1){ document.images[i].style="display:none" } else { document.images[i].src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=" } } } } $(document).ready(() => { $('nav').find('a').each(function(){ if($(this).attr('href') == window.location.pathname){ $(this).parent('li').addClass('active') } }) var wrapper = '<div class="embeded-video"></div>'; if($('iframe[width="560"]').length > 1){ $('.m_v').remove(); }else{ } $('iframe[src^="https://www.youtube.com/embed/"]').wrap(wrapper); let loc = window.location.pathname; if(loc == '/privacy-policy'){ $('div.embeded-video').remove(); $('blockquote').remove(); } }) </script> <script type="text/javascript" src="https://s.skimresources.com/js/192355X1670518.skimlinks.js"></script></body> </html>