T&R splet blog o spletnih storitvah. Razgaljamo tehnologijo!

reference spletnih strani
17th April

Textarea defaultValute – Javascript string replace – uidatepicker onClose

Pisal sem že, da sem uporabil jQuery UI Datepicker za prikaz koledarčka. Sedaj je bilo potrebno še dodati funkcijo, ki se izvede ko uporabnik zaključi z izbiro datuma. Poklicana funkcija spremeni tekst iz textarea elementa tako, da poišče prejšnji datum in ga nadomesti s trenutno izbranim datumom.

Najprej definirajmo funkcijo, ki se bo klicala na onClose dogodek pri datePicker komponenti:

JAVASCRIPT:
  1. jQuery(function($){
  2.     $("#date").datepicker({
  3.         dateFormat: 'dd.mm.yy',
  4.         onClose: replaceDate
  5.     });
  6.  
  7.     $("#date").datepicker();
  8. });

V Javascript funkciji replaceDate nato dobimo novi datum (polje date), preberemo vsebino textarea HTML elementa, nato pa stari datum nadomestimo z novim. Trik tukaj je, da beremo defaultValue vrednost od textarea, ki hrani prvotno nastavljeno vsebino, kar pomeni, da lahko uporabnik večkrat spremeni datum in se bo datum vsakič pravilno nadomestil (replace), saj vedno preberemo prvotno (staro) vsebino, kjer je prisoten star datum katerega vrednost poznamo in ga zato lahko zamenajmo.

JAVASCRIPT:
  1. function replaceDate() {
  2.     var text    = document.getElementById('text').defaultValue;
  3.     var newDate = document.getElementById('date').value;
  4.     var oldDate = '20.06.1987';
  5.  
  6.     document.getElementById('text').value = text.replace(oldDate, newDate);
  7. }

... namesto, da v funkciji beremo vrednost polja bi lahko generirali anonimno funkcijo, ki bi parameter date funkciji že podala:

JAVASCRIPT:
  1. onClose: function(date) { replaceDate(date); }

Oglejte si kako deluje testni primerek.

Dodatne informacije:

Deli s skupnostjo:

  • Print
  • Digg
  • Sphinn
  • del.icio.us
  • Facebook
  • Mixx
  • Google Bookmarks

Podobni članki:

  1. Javascript koledar – izbira datuma – jQuery date picker
  2. Javascript search in replace string funkcije
  3. Javascript – delci uporabne kode
  4. Operacije nad seznami – Javascript DOM – HTML select – HTML option
  5. PHP funkcije v Javascript jeziku – isset
  6. Javascript – scrolling – jQuery.scrollTo – jQuery.SerialScroll
  7. Spreminanje input type text v input type password – Javascript
  8. Javascript – avtomatsko osveževanje strani – refresh page – reload page
  9. Javascript – print – tiskanje – document – onload
  10. Javascript – fade efekt – jQuery – fadeIn – fadeOut – setTimeout – removeChild

1 komentar na “Textarea defaultValute – Javascript string replace – uidatepicker onClose”

  1. Roky je napisal:

    Upam, da je dovolj nazorno pokazano kaj je finta tukaj ... (pri nadomestitvi).

Dodaj komentar