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.

SÜLEYMAN SÖNMEZ

Paylaş

Güneşin Tam İçinde Facebook'ta siz de katılın!

Additional comments powered by BackType

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 :)

Alıntı, Telif, Creative Commons nedir?

Cymatics | Saymatiks | Sesten Şekle | Şeklin Sırrı

Titreşimlerin sırlarını anlatan enteresan şekiller, bilimsel gerçekler, heyecan veren videolar. Cymatik bilimi size gündelik dünyayı yeni bir gözle sunacak…

Emi Mariduki | Bir Japon Ressamın İzinde

Ressamların eserleriyle karşılaşma öykülerim genelde ilginç oluyor. Çalışma odamızın duvarlarında Mariduki’nin eserlerini gördüğüm ilk günden beri işin içinde bir zariflik olduğunu sezdim.

Geleceğin Eğitim Teknolojileri Hemen, Şimdi! | Eğitimde Yenilikler 3

Teknoloji süratle ilerliyor ama nedense eğitimde halen devrim niteliğinde uygulamalar görmüyoruz. Aslında neler yapılmalı? Okullarımız 5 yıl içinde nasıl değişecek? Dersleri nasıl işleyeceğiz? Öğretmenler ve öğrenciler yeni teknolojilere hazır mı? Teknolojik cihazlar kitap ve defterin yerini alacak mı?

Arayıcı Efsanesi | Legend Of The Seeker

Son zamanlarda ilgimi çeken dizlerden birisi oldu. Fantastik öğelerle, Ortadünya’da geçmesine rağmen, Yüzüklerin Efendisi’nden daha farklı argümanları ve oyuncularının saf ve inandırıcı rolleri bizi ailecek diziye bağladı.

Nicolas Cage Her Yerde!

Geçen haftalarda eğlenceli bir salgın Interneti sardı. Ünlü oyuncu Nicolas Cage’i başka filmlerin, ünlülerin yerine koyarak yeni mizansenler yaratma peşine düştü herkes. İlk olarak çıkan sonuçlar eğlenceli ikincisi size Photoshop’la nasıl yapıldığını öğretmeye niyetliyim

Kadın Yazar mı, Erkek Yazar mı? Günesh Abla Deneyi

Cinsiyet, okunurluğu etkiliyor mu? Deney 24 Aralık 2009 ile 2 Ocak 2010 arasında 25.000 kişi üzerinde yapılmış ve verileri rapor olarak sunulmuştur.

Tek Sayfalık Öyküler 1 - Mesaj

Tuna, cep telefonundan twitter güncellemelerine bakacaktı. Bir SMS geldiğini gördü. Pelin. Dişlerinin dudaklarını ısırdığını fark etmedi bile. Yine öfke yüzüne kan renginde hücum etti.

Çizgi Roman Kahramanlarının Internet Siteleri

Dünyadan en ünlü çizgi romanları ve web sitelerini derleyip sunuyorum. Çizgi romanın hayal gücünü coşturan dünyasına meraklı okurlarım için güzel bir gezinti olacak

Güneşin Tam İçinde 3 Yaşında!

Pastaya 3 mum koyun. Göz açıp kapayana dek 3 yıl geçti. 2006 yılında blogküremize doğan güneş sizin sıcaklığınızla aydınlatmaya devam ediyor.

Göndermeden Önce Bir Daha Düşünün!

Size çok eğlenceli gelebilir veya zararsız. Ama Internete gönderilen fotoğraf, video veya sadece yazılan bir cümle sonra derece baş ağrıtabilir. İlginç videolarla…

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