Yüzde Kaçı Yüklenen HTML Sayfa

Flash sitelerinde olduğu gibi bir HTML sayfanın yüzde kaçının yüklenmekte olduğunu gösterecek bir kod yazmaya çalışarak başladım işe.

İşlem şu: son HTML elemanı da yüklenene dek ekranı bir div kaplar. Bu div arkaplanı görünmez yapar. Tüm yükleme bitince bu div kaldırılır ve site ortaya çıkar. Bu basit kodu incelemek Javascript bilginizi geliştirecek bir örnek olacaktır. Açılan div’e farklı renk atanabilir. Yükleniyor yerine animasyonlu bir Gif resim dosyası oynatılabilir.

ÖRNEK HTML SAYFANIZ

<html>
<head>
<title>Loading HTML</title>
<META http-equiv=Content-Type content="text/html; charset=windows-1254">
<script type="text/javascript" src="yukleniyor.js"> </script>
</head>
<body onload="yukle();">
<div id="sayfam" style="display: none" width="50" border="0" cellspacing="0" cellpadding="0">
SAYFANIN İÇERİĞİ....
</div>
</body>
</html>

JS olarak kaydetmemiz gereken YUKLENIYOR.JS

var a="<div id='yukleniyorlayer' style='position:absolute; width:100%; height:100%; z-index:100; background-color: #FFFFFF; layer-background-color: #FFFFFF; border: 1px none #000000; visibility: visible'><b> <font face='Verdana, Arial, Helvetica, sans-serif' size='3' color='#FF0000'>SAYFA YÜKLENİYOR...</font></b></div>"
document.write(a);
function yukle() {
  document.getElementById("yukleniyorlayer").style.display='none';
  document.getElementById("sayfam").style.display="";
}

Detaylı bilgi için: forum.zoque’da tartışmıştık.

Yazıyı Sosyal Medyada Tavsiye Etmek İçin

Yorum Yazın

Yorumunuzun yanında fotoğrafınızın çıkması için;
Daha önce yüklemediyseniz gravatar sitesine bir simge yükleyin.
Böylece yorum yaptığınız pek çok sitede e-mailinizi yazıp yorum yaptığınızda simgeniz otomatik olarak gelecektir.

Siteden alıntı nasıl yapılır? Telif nedir?

Güneşin Tam İçinde, özenle hazırlanıp araştırılan, yüzlerce orijinal yazı ve görselden oluşuyor. Dilerseniz ana sayfamıza göz atın, arşivimizden seçin ya da aşağıdaki kutuda aratın.

İyi okumalar, keyifli dakikalar :)

YENİ YAZILAR

Web Sitenizi Kitap Formuna Nasıl Çevirirsiniz? | BlogKitap

Tamam dünya dijitale gidiyor. Her şey Internet üzerine gidiyor. Biz sitemizi niye kitap yapmak isteyelim?

GTİ 5 Yaşında, 5 Milyon Ziyaretle

Sevgili okurum, yüzünü göremiyorum, sesini işitemiyorum ama bu uzun yolculukta yanımda yürüdüğünü biliyorum. Varlığının verdiği güçle, desteğinle bu güzel patikadan manzaraya bakarak, gördüklerimi seninle söyleşmenin tadını çıkarıyorum.

Blog Yazarlarına Hem Avukat, Hem Delikanlı Okur, Hem de Reklam Ajansı Gerek!

Lafı dolandırmadan acı gerçeği söyleyeceğim. Kaliteli bloglar kapanıyor ve durgunlaşıyor. Geriye kalanlar dikkat çekebilmek için işi PuCCa klonu olmaya götürüyorlar. Çünkü insanları sitelerine gelmeye ikna etmek zorundalar.

Şemsiye Akademisi : Kıyamet Senfonisi | The Umbrella Academy : Apocalypse Suite

Dünyayı yok etmek için birbirinden güçlü silahlar yaptık. Ama milyarlarca insanı bir çırpıda öldürecek en çekici ölüm makinesi” dedi pelerinli orkestra şefi “Verdammten Orkestrası, La Viole Blanche ile Tanışın! ya da tercih size kalmış.

Internette 3 Boyutlu Nesneler - WEBGL

Webde 3 boyutlu oyunlar, nesneler yeni sistem web sayfaları. Bu dosya konusunda WebGL’e göz atıyoruz.

Aşkı, Deneyim Market'ten NeronPlayer'ıma İndirdim!

Aynı filmi sen de, ben de izlemeliyiz, birlikte tatmalıyız dondurmanın çikolata parçalarını, sen ve ben hepimiz; birimizle dolmalıyız, günboyu tek başına kalmadan bu hayatı doluca yaşamak için…

FollowerPhobia - Sosyal MedyaTakipçi Korkusu!

Tarihteki modern fobilere bir yenisi eklendi. Followerphobia. Seni çılgınca takip eden, söylediklerini tekrar yollayan +1leyen,beğenen o sessiz kalabalık. Tanrım geceleri o dehşetli kalabalığın beni sardığını…

Mutsuz Olmak Yasaktır! Mutluluğa Giriş - 101

Günümüzde obez bir kiloyla dolaşmaktan daha utanç verici bir şey varsa, mutsuz bir suratla gezmek oluverdi birdenbire! Mutluluk rüzgarına kapılmış geniş gülümsemeler, her şeyin yolunda…

Teknoloji Okullardan Kaldırılsın mı?

Ülkemizde Milli Eğitim politikalarımız, planlamalarımız, kurallarımız her velinin ve öğrencinin gayet iyi bildiği şekilde yıldan yıla, sürekli ve her seferinde “En iyisi budur” denilerek değiştirilir. Ancak şu son değişiklikleri öğretmenler de çözemiyor, öğrenciler de.

Avatar, Son Havabükücü'nün Sırları

Avatar, The Last Airbender hangi dünya efsanelerinden beslendi? Çizgi filmin ardındaki sırlar ve kültürel birikimler neydi? Bu eşsiz makaleyi kaçırmayın.

İç Savaş | Civil War | Devlet Memuru Olursun Ya da Tutuklanırsın!

Amerika’da yayınlanan çizgi romanların en başarılı örnekleri genelde Marvel çizgi roman şirketinin eseridir. Kişisel özgürlükler için savaş çoktan başladı.

Sergei Mikhailovich Prokudin-Gorskii 1909 Yılında Renkli Fotoğrafları Nasıl Çekti? | Trichrome Fotoğrafçılık

Yüzyıl önceki Rusya, fotoğrafçılıkta az bilinen harika bir teknik, dijital düzeltme ve Photoshop, bilim, renk teorileri ve görme...

Daha fazla konu görmek için tıklayın >

GÜNEŞİN TAM İÇİNDE

Merhaba, değerli ziyaretçiler.
İsmim Süleyman Sönmez.
Blog siteme hoş geldiniz.
Güneşin Tam İçinde, 2006 yılından beri yayında olan, kültür, sanat, eğitim, teknoloji, fotoğrafçılık, bilim ve sinema başta olmak üzere 859 konu, 5,870 yorum ve 30 kategori içeren, Blog Ödülleri yarışmasında kültür sanat kategorisinde Türkiye birinciliği kazanmış, yazılı basında, televizyonda, radyoda ve websitelerinde pek çok kez tanıtılmış, 5 milyondan fazla kez ziyaret edilmiş orijinal içerikli sitedir.

Sitedeki görsel ve yazılı eserler iletişime geçip yazılı izin alınmadan, kaynak belirtilse dahi "alıntı" adıyla kullanılamaz. Site içeriği, tasdix zaman damgası ile korunmaktadır.

Yazarla iletişim için tıklayınız.

Sosyal medyada takip için aşağıdaki sitelerde ekleyebilirsiniz.

Google+ Facebook Twitter FF Linkedin