Placeholder with jQuery

Κώδικας, πληροφορίες, ερωτήσεις και απαντήσεις σχετικές με την JavaScript.

Συντονιστές: WebDev Moderators, Super-Moderators

Απάντηση
Άβαταρ μέλους
manos2010grr
Δημοσιεύσεις: 159
Εγγραφή: 17 Ιαν 2007 18:13
Επικοινωνία:

Placeholder with jQuery

Δημοσίευση από manos2010grr » 22 Μαρ 2012 15:42

Καλησπέρα, δείτε ένα απλό κώδικα jQuery που δημιουργεί Placeholder σε ένα input πεδίο ακόμα και αν δεν είναι συμβατό.

παράδειγμα ας υποθέσουμε ότι έχουμε ενα input πεδίο με placeholder σαν και αυτό.

Κώδικας: Επιλογή όλων

<input  type="text" value="παράδειγμα" placeholder="παράδειγμα" />
Τι μπορούμε να κάνουμε? απλά εφαρμόζουμε το παρακάτω κώδικα jquery στην σελίδα μας.

Κώδικας: Επιλογή όλων

$&#40;document&#41;.ready&#40;function &#40;&#41; &#123;

$&#40;"input&#91;placeholder&#93;"&#41;.focus&#40;function&#40;&#41; &#123; <!--Σε όποιο input πεδίο υπάρχει placeholder και γίνεται focus-->
if&#40;this.value==$&#40;this&#41;.attr&#40;"placeholder"&#41;&#41; &#123; this.value = ''; &#125;<!--Ελέγχω το value του πεδίου αν ισούται με το placeholder, αν ναι αφαιρώ το value-->
&#125;&#41;.blur&#40;function&#40;&#41; &#123;<!--Όταν γίνεται blur στο πεδίο-->
if&#40;this.value == ''&#41; &#123; $&#40;this&#41;.val&#40;$&#40;this&#41;.attr&#40;"placeholder"&#41;&#41;; &#125;<!--Και το value ειναι κενό, του δίνω την τιμή του placeholder-->
&#125;&#41;;

&#125;&#41;;
Έλπιζω αν κάποιος το χρειαστεί να τον βοηθήσει.

tango
Δημοσιεύσεις: 123
Εγγραφή: 20 Σεπ 2011 05:32

Placeholder with jQuery

Δημοσίευση από tango » 22 Μαρ 2012 18:37

Χρήσιμο! Thanks :)

Απάντηση

Επιστροφή στο “JavaScript και Frameworks”

Μέλη σε σύνδεση

Μέλη σε αυτήν τη Δ. Συζήτηση: Δεν υπάρχουν εγγεγραμμένα μέλη και 0 επισκέπτες