Forum Gündemi:

Konu Başlığı : HTML Schedule scripti indirimli ucuza kurulum

*
Bu konu; tarihinde açılmış olup, 0 defa yorumlanmıştır.
Konu Sahibi : li0n
Konuyu Oyla:
  • Derecelendirme: 0/5 - 0 oy
  • 1
  • 2
  • 3
  • 4
  • 5
Çevrimdışı
Onursal Üye
*
1,551
mesajlar
1,551
konular
3
REP PUANI
Yeni Üye
24-12-2019
(Kayıt Tarihi)
Gizli
(Cinsiyet)
#1
24-12-2020, Saat: 17:42

Milbytes Çizelgesi

Milbytes Çizelgesi HTML5, CSS3 ve Javascript ile oluşturulmuştur. Bu kontrol, olayları web sayfanızın içindeki bir ızgarada görselleştirmenizi sağlar. Davranışını, görselleştirmesini tanımlamak için birçok parametresi vardır ve programın öğeleriyle etkileşim kurduğunuzda oluşturulan eylemleri yakalayabilirsiniz.

HTML Schedule - 1 kod

- HTML5 ve CSS3
- JavaScript (jQuery kütüphanesini gerekmez)

JavaScript kodu sched_week_class.js dosyasındadır ve sched_week.css dosyasında kullanılan stillerdir

Kullanılan kod kolayca anlaşılabilir ve sadeliği ile dikkat çekiyor.

Harici komut dosyalarının kullanımı

- Bootstrap: Bootstrap HTML, CSS ve Javascript ile geliştirme için açık kaynaklı bir araç setidir. Şubat 2019'dan itibaren 4.3.0 sürümü.
- Moment.js: Tarihleri ​​ve saatleri ayrıştırmak, doğrulamak, değiştirmek ve görüntülemek için JavaScript kitaplığı.

Veri

Programda gösterilecek veriler, JSON formatında kontrole aktarılır. Bu verilerin kaynağı, sunucuya yapılan Ajax isteğinde bulunabilir veya bir Javascript değişkeninde kaydedilebilir.

Kontrol yapılandırması

Web sayfası yüklendikten sonra zaman kontrolünü dinamik olarak oluşturabilir ve bunu belirli bir DIV öğesine atayabilirsiniz.
Çok sayıda seçeneği vardır ve ihtiyaçlarınıza göre kullanabileceğiniz veya kullanamayacağınız etkinlikler.

  • cfg_start_date : İlk günü belirtir.
  • cfg_title : Başlıktaki metin. < li>
cfg_header_column_date_format : Gün sütununun başlığındaki tarih biçimi. cfg_number_of_days : Gün sayısı (sütun). Haftada gösterilecek değer 7 olacaktır. cfg_num_pixels_cell_height_px : Her hücre saatinin yüksekliğinin piksel sayısı. cfg_num_minutes_interval : Her hücre saatinde temsil edilen dakika sayısı. cfg_num_cells_height_default : Görüntülenecek öğenin öğe sayısına sahip olmaması durumunda hücre varsayılan süresi sayısı. cfg_bool_approach_time : Boolean değeri true / false. Belirli bir zamana sahip bir zaman hücresi bulamazsanız en yakın saate bir tahmin yapın.Bir öğeyi sürükle ve bırak işlemi gerçekleştirirken bir JavaScript işlevi yürütün. cfg_event_drag_and_drop : Javascript işlevinin adı, sürükle ve bırak eylemini gerçekleştirir .. < cfg_time_start : Başlangıç ​​zamanı. Biçimlendirilmiş metin "HH: mm" cfg_time_end : Bitiş zamanı. Biçimlendirilmiş metin "HH: mm" cfg_item_default_background_color : Bir öğenin varsayılan olarak RGB rengi. Varsayılan: gri renk (202020) cfg_cell_hour_format : Planın hücrelerindeki saat formatını gösteren metin. Varsayılan HH: mm cfg_bool_show_btns_clear_fill : Boolean değeri true / false. Programdaki öğeleri temizlemek veya doldurmak için düğmeleri gösterin veya göstermeyin. cfg_bool_style_weekend : Boolean değeri true / false. Hafta sonunun sütunları için farklı bir stil uygulayın.

DIV öğesinde ‘id_div_schedule ’ kimliğine sahip bir programı başlatmak için örnek JavaScript kodu.

var l_obj_data_aux = moment (); var l_parameters = ; var g_obj_SCHEDULE = new Schedule_Class ( 'id_div_schedule' ); g_obj_SCHEDULE.cm_initialize (l_parameters, event_schedule_loaded); function event_schedule_loaded (p_id_container) Olayları işlemek için işlevler

Sınıf programı, meydana gelen olayları işlemek için kontrolü ve işlevleri hazırlamak için bazı işlevler içerir.

  • cm_initialize (p_list_keys_values_p_config , p_function_callback) : Kontrolü başlatın.
  • cm_set_json_data (p_json_schedule_elements) : Veri elemanlarını atayın.
Tarayıcıda index.html'yi açmanız yeterlidir. Uyumlu tarayıcılar

IE11, Firefox, Safari, Opera, Chrome, Edge. Android ve IOS Tarayıcıları.

Değişiklik günlüğü

12 Şubat 2019 - Sürüm 1.0 yayınlandı

Ekran görüntüleri HTML Programı - 4 HTML Programı - 5 HTML Programı - 6.
Hide Post


Konu ile Alakalı Benzer Konular
Konular Yazar Yorumlar Okunma Son Yorum
  Makro - Creative HTML Template For Saas & Startup scripti indirimli ucuza kurulum sercantelli 1 103 16-09-2021, Saat: 18:45
Son Yorum: furkan4545
  NoonPost - Personal Blog HTML Template scripti indirimli ucuza kurulum li0n 1 139 23-08-2021, Saat: 13:17
Son Yorum: lisog40930@fleeebay.com
  Universal - Multipurpose Bootstrap 4 & 5 HTML Admin Dashboard Template scripti indirimli ucuza kurulum KennethFoups 1 86 04-08-2021, Saat: 17:30
Son Yorum: kskboyss
  Braintech - Technology & IT Solutigram HTML Template scripti indirimli ucuza kurulum omer.dundar 1 125 24-07-2021, Saat: 05:38
Son Yorum: akaydin
  Instadash - Reporting Admin Dashboard HTML + SCSS indirimli ucuza kurulum enis 2 150 16-06-2021, Saat: 21:28
Son Yorum: forumer

Hızlı Menü:


Görüntüleyenler: 1 Ziyaretçi
Yeni Siparis !
5 dakika once 1 Aylık İnstagram Programı siparisi geldi.
Yeni Siparis !
3 dakika once 1 Aylık İnstagram Repost Sistemi siparisi geldi.
Yeni Siparis !
2 dakika once 1 Aylık Facebook Sayfa Botu siparisi geldi.
Yeni Siparis !
15 dakika once 1 Aylık Twitter Otomasyon siparisi geldi.
Yeni Siparis !
7 dakika once Forum Tanıtım Hizmeti siparisi geldi.
Yeni Siparis !
5 dakika once 1 Aylık İnstagram Programı siparisi geldi.
Yeni Siparis !
3 dakika once 6 Aylık İnstagram Repost Sistemi siparisi geldi.
Yeni Siparis !
5 dakika once 3 Aylık Facebook Sayfa Botu siparisi geldi.
Yeni Siparis !
4 dakika once 2 Aylık Twitter Otomasyon siparisi geldi.
Yeni Siparis !
15 dakika once Forum Tanıtım Hizmeti siparisi geldi.