Javascript'le Web'den HTML'e sonra da Excel'e

[Haluk]

Merhaba;

Birkaç gündür üzerinde çalıştığım bir çalışmayı tamamladıktan sonra, buraya eklemek istedim.

Konu başlığında belirtildiği gibi yapılan iş; web'deki bir URL üzerinden bazı bilgileri alıp HTML dosyasında oluşturulan tablolara yazmak ve istenildiğinde bu tabloları "xlsx" uzantılı Excel dosyasına yazmak.

Yani, sözkonusu iş tamamen HTML ve Javascript ile yapılmakta olup herhangibir ActiveX nesnesi de kullanılmamıştır. Ekli HTML dosyasını çift tıklayarak açtığınızda görülecek sayfada, tıpkı VBA UserForm'larında kullandığımız Multipage / TabStrip nesnesi gibi "Class" oluşturulmakta ve her sayfasında ayrı URL'lerden bilgiler alınmaktadır. Böylelikle, HTML sayfasında 3 adet tabloyu alt alta veya yan yana yerleştirdiğimizde oluşacak görüntü kirliliğinden kurtulmuş oluyor ve kullanıcının sayfada daha rahat hareket etmesini sağlamış oluyoruz.

Bu çalışmada, Binance.com 'dan bazı kripto paraların anlık değerleri, Denizbank'ın sitesinden anlık döviz kurları ve CepteTEB'den yine anlık altın fiyatları alınarak ilgili HTML tablolarına yazılmaktadır.

Eğer istenirse, bu tabloları MS Excel'e aktarma imkanı da vardır.

HTML ve Javascript'e ilgi duyanlar için oldukça yararlı bir çalışmadır. Özellikle "SheetJS" kütüphanesini kullanarak HTML tablosunun Excel'e sütun genişliklerinin ayarlanarak aktarılması, JScript'te class oluşturulması, JSon verilerinin alınması ve filtre edilerek sadece istenilen verilen süzülmesi, çeşitli HTML özelliklerinin kullanılması açısından bir nevi "yardımcı cep kitabı" gibi oldu.








.

 

[veyselemre]

Kıymetini bilene çok süper bir çalışma olmuş Haluk Bey. Gerçekten tebrik ederim.

 

[Haluk]

Teşekkürler Veysel Bey..... Çeşitli HTML ve JScript bilgilerinin bir arada olması ve "Cross-Browser" çalışması yani MS Edge dahil, Chrome gibi diğer tarayıcılarda çalışması hedeflenen birşeydi.

Not: Script'in bir yerinde yazım hatası vardı, revize edip tekrar 1 No'lu mesaja ekledim.

.

 

[excelokyanus500]

Haluk bey merhaba.. Mahsuru yoksa drive ya da başka siteye de indirilmek üzere ekleyebilir misiniz.

 

[Haluk]

Haluk bey merhaba.. Mahsuru yoksa drive ya da başka siteye de indirilmek üzere ekleyebilir misiniz.

Mahsuru yok tabii, Google Drive link'i aşağıdadır;

Binance_Denizbank_CepteTEB_HD.rar

drive.google.com

.

 

[excelokyanus500]

Kodlar üzerinde şuan araştırma yaptığım bir zamana denk geldi. İnceleyeceğim.
İnce çalışılmış ,çok güzel bir çalışma olmuş. Çok teşekkür ederim.

 

[Necdet]

Elinize, emeğinize sağlık Haluk bey,
Nefis bir çalışma olmuş, anladığım tek kısım hızlı olması, bayıldım.
Teşekkürler

 

[Korhan Ayhan]

Haluk Bey,

Elinize emeğinize sağlık.. Paylaşımınız için çok teşekkürler.

Gayet stabil şekilde çalışıyor.

 

[Haluk]

Teşekkür ederim beyler....

.

 

[ibere]

Çok teşekkürler, gayet başarılı olmuş Haluk bey. Elinize sağlık

 

[Levent Menteşoğlu]

Değerli dostum

Harika bir çalışma olmuş. Bilgine ve emeğine sağlık.

 

[Haluk]

Teşekkürler Levent dostum,

@ibere size de teşekkür ederim.

.

 

[Asri]

Faydalı bir çalışma, tool tarzı programlar bununla yazılabilir.
Zaman olsada bu tür işlerle uğraşabilsem güzel şeyler yapılır.

 

[onder_09]

@Haluk hocam yaptığınız çoğu program işe yaramıyor ama her açtığınız konuyu yaptığınız programı her defasında merakla takip edip yorumları okuyorum insanda bir merak bırakıyorsunuz her defasında bı programda mükemmel gözüküyor ellerinize bilginize sağlık

 

[Haluk]

@Haluk hocam yaptığınız çoğu program işe yaramıyor ama .......

İşine yarayacak olanlar faydalanır, sen dert etme.....

.

 

[yunus788]

@Haluk hocam yaptığınız çoğu program işe yaramıyor ama her açtığınız konuyu yaptığınız programı her defasında merakla takip edip yorumları okuyorum insanda bir merak bırakıyorsunuz her defasında bı programda mükemmel gözüküyor ellerinize bilginize sağlık

Anladığım kadarıyla benim işime yaramıyor ama yinede merakla takip ediyorum demek istediniz.
Yazım hatasından dolayı yanlış manalar çıkabiliyor dikkat etmekte fayda var.

 

[onder_09]

Anladığım kadarıyla benim işime yaramıyor ama yinede merakla takip ediyorum demek istediniz.
Yazım hatasından dolayı yanlış manalar çıkabiliyor dikkat etmekte fayda var.

Evet tam olarak böyle demek istedim tekrar mesajımı okuyunca yazım hatası olduğunu farkettim teşekkürler uyarınız için

 

[Haluk]

Konuya merak duyanlar, ekli revize edilmiş dosyayı indirip deneyebilirler.

Bu revizyonda;

- TCMB günlük kurlar ilave edildi,

- Denizbank'tan alınan veriler uzun bir tablo oluşturduğu için, tablonun yanına bir düşey kaydırma çubuğu ilave edildi,

- Binance.com'dan alınan verilerin yer aldığı tabloya bir sütun daha ilave edilerek anlık vaziyetin artış veya düşüş olduğu % olarak ve Excel'deki koşullu biçimlendirme gibi artışlar mavi renkle, azalışlar kırmızı renkle belirtilmesi sağlandı,

- Sayfanın eni, boyu elle tutup çekilerek genişletildiğinde veya küçültüğünde sayfa üzerindeki elementlerin yeri değişmeyecek şekilde sabitlendi,

- Tablolarda satırlardaki verileri yatayda daha takip edebilmek için satırlar çift renk ile ayrıştırıldı,

- Görsellik katmak için sonsuz dönen bir daire animasyonu ilave edildi,

- Javascript kodlarının daha rahat çalışması ve izlenebilirliği temin etmek üzere tablolardaki bir çok "style" dokümanın "head" kısmındaki CSS'ler içinde tarif edildi,

- Verilerin alınacağı URL'lerin çalışır durumda olup, olmadıkları ve/veya JSon verilerinin alınıp alınamadığı JScript ile kontrol edildi,

- Oldukça geniş çapta hazırlanan CSS ile JScript kodlarının rahatlaması sağlandı (dönen daire animasyonu JScript ile değil CSS ile yapıldı)


Çalışma anına ait görsel ve ilgili dosya aşağıda verilmiştir....





.

 

[Haluk]

Son revizyon ektedir...






.

 

[1mak1mak]

Teşekkürler daha gelişir bu Ethereum TRY de eklenebilir. Ben ekledim ama Orjinalinede eklenirse güzel olur.
Elinize aklınıza sağlık.