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

reference spletnih strani
« Iskalni rezultati – statistika – Google Analytic – trsplet
Kako preveriti ali že obstaja določena MySQL tabela »
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:

PLAIN TEXT
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.

PLAIN TEXT
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:

PLAIN TEXT
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

Antony || Thursday, April 17th, 2008 ob 1:56 am || Splet, Splet (Javascript, Ajax) || RSS 2.0 | Dodaj komentar || Trackback


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

  1. Roky je napisal:
    April 17th, 2008 ob 1:01 pm

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

Dodaj komentar