DSsys DSsys i skrypty JavaScript są miłe!

(akt. wer. 1.1.1)

Lista funkcji

Kategorie

Składnia

void klasa DSsys.Kalendarz ( mixed nrid )

Wyświetla kalendarz, który dostarcza daty danemu elementowi w formacie RRRR-MM-DD.

Kategoria: Obsługa

Lokalizacja: biblioteki/Kalendarz.js

Opis

Wyświetla kalendarz, który dostarcza daty danemu elementowi w formacie RRRR-MM-DD.

info WSKAZÓWKA!

Obiekt posiada metody.

info UWAGA!

Obiekt wymaga arkusza CSS podobnego do tego jaki zamieszczono w przykładzie.

info WSKAZÓWKA!

Klasa powodująca przypisanie kalendarza zaraz po załadowaniu strony nosi nazwę: inp_kalendarza. Oczywiście można ten efekt uzyskać wywołując new Kalendarz('id_elementu'); Patrz przykład poniżej.

Parametry

mixed nrid

Nazwa id lub referencja do elementu, który ma być wzbogacony o komponent Kalendarza.

Przykłady

#1 Wyświetlenie kalendarza elementowi input na podstawie klasy i ze wskazania poprzez nazwę id zapisz zapiszZIP

Przykład:

DSsys.start(['Ruch.js','Kalendarz.js']);
DSsys.ladowanie.dodAuto(function() {
  new DSsys.Kalendarz('kal');
});

CSS:

.kalendarz {
padding: 10px;
font-size: 14pt;
background-color: #222222;
color: #ffff00;
}
.kalendarz .przycisk {
background-color: #ffff00;
color: #222222;
font-weight: bold;
}
.kalendarz .kalendarz_diwzamknij {
text-align: right;
}
.kalendarz .kalendarz_zamknij {
font-weight: bold;
padding: 3pt;
cursor: pointer;
}
.kalendarz .kalendarz_tabela {
text-align: center;
border-spacing: 0px;
}
.kalendarz .kalendarz_tabela td {
text-align: center;
}
.kalendarz .kalendarz_msc {
font-weight: bold;
}
.kalendarz .kalendarz_rok {
font-size: 125%;
font-weight: bold;
}
.kalendarz .kalendarz_dzientyg {
background-color: #222222;
border: 2pt solid #222222;
}
.kalendarz .kalendarz_dzientyg:hover {
color: #222222;
background-color: #ffff00;
border: 2pt solid #ffff00;
cursor: pointer;
}
.kalendarz .kalendarz_tendzien {
background-color: #000000;
color: #ffffff;
border: 2pt solid #ffffff;
}
.kalendarz .kalendarz_tydz, .kalendarz .kalendarz_tydz_naglowek {
background-color: #444444;
border: 2pt solid #444444;
}
.kalendarz .kalendarz_dzientyg_naglowek, .kalendarz .kalendarz_tydz_naglowek {
padding: 2pt 5pt;
font-weight: bold;
}
.kalendarz .kalendarz_so {
background-color: #004400;
border: 2pt solid #004400;
}
.kalendarz .kalendarz_nd {
background-color: #440000;
border: 2pt solid #440000;
}

HTML:

<input type="text" class="inp_kalendarz" /><br />
<input type="text" id="kal" />

Historia

Wersja Zmiana
1.0.1 Nie wczytanie klasy Ruch.js nie jest już wymagane. Jeżeli nie zostanie dołączony ten plik, to nie spowoduje to błędu ale Kalendarz we wszystkich egzemplarzach nie będzie przesuwalny metodą przeciągnij i upuść.
Dodano pięć metod do dowolnego przerobienia, co znacznie ułatwi dostosowywanie egzemplarzy do swoich potrzeb.
Zmiana niewidoczna dla Użytkowników to kapitalne przeprogramowanie kodu.
1.0.2 Naprawiono problem z błędnym zapisem miesiąca po wybraniu miesiąca z listy rozwijanej.
1.0.3 Zlikwidowano problem z niewyświetleniem daty jeżeli w atrybucie value jest już poprawnie zapisana data w czasie ładowania strony (przed tą wersją jeżeli element input zawierał datę po kliknięciu zostawała ona nadpisana aktualną). oraz poczyniono inne drobne poprawki w kodowaniu.

Aktualna wersja: 1.1.1

* * *
© <^> 2012-2014

Projekt i wykonanie: DrezynSoft


Partner Autorska witryna kolejowa Partner DrezynSoft Partner Fotograficzna galeria krajobrazów Partner FotoStacyjka
Partner SelekTTor Partner Mapy Partner Edytor XML Partner Gry Partner Tłumacz Partner DSsys
Partner MojaMuzyka Partner Kanał Ostródzko-Elbląski w obiektywie <^> Partner Konwerter tekstu

Podstronę załadowano w 0.0168 sekundy.