Java Script İle Html İçine Sayfa Çekme Çekme

java iframe

İframe ile bir dosyayı html kodlar içine çekebilirsiniz. Bu yöntem çok klasik bilindik bir yöntemdir. Serverınıza hiç bir yük getirmeyen bir işlemdir. Ancak bazı sorunlar yaşabilirsiniz. Örneğin linkleri yeni sayfada açmak zorunda kalmak gibi. Java script kodları ile bunu yaparsanız böyle bir sorun yaşamadan bu sorunu halledebilirsiniz.

Jquery web sayfası araçlarının nimetlerinden faydalanarak aşağıdaki adımları takip ediniz.

Bu kodu sayfanızın head tagları arasına yapıştırın. Head tagları arasında değişik kodlar taglar olabilir. Bilmediğiniz bir şeyi değiştirmeyin. Web sayfasında bir kod blogları şöyle başlar <bir_tag> kodlar ya da yazılar </bir_tag> gibi.

<head>

<script language=”Javascript” type=”text/javascript” src=”http://code.jquery.com/jquery-1.6.1.min.js”></script>

</head>

Aşağıdaki kodları nereye sayfa çekmek istiyorsanız oraya yapıştırın.

<div id=”ornek_id_adı”>

<script type=”text/javascript”>
$(“#ornek_id_adı”).empty().html(‘<img src=”http://www.birsiteadi.com/images/dosya_yukleniyor_remi_load.gif” />’);
$(“#ornek_id_adı”).load(“http://www.birsiteadi.com/ads/cekbeni.html”);
</script>

 

</div>

Bu sayede sadece html değil php, asp gibi dosyalarıda çekebilirsiniz. Bağımsız bir sayfa çekmek istiyorsanız o sayfanın veri tabanı bağlantısı yapılmalıdır.

Eğer tek bir yerde kullanmak istiyorsanız aşağıdaki gibi kullana da bilirsiniz.

<script language=”Javascript” type=”text/javascript” src=”http://code.jquery.com/jquery-1.6.1.min.js”></script>

<script type=”text/javascript”>
$(“#ornek_id_adı”).empty().html(‘<img src=”http://www.birsiteadi.com/images/dosya_yukleniyor_remi_load.gif” />’);
$(“#ornek_id_adı”).load(“http://www.birsiteadi.com/ads/cekbeni.html”);
</script>

İyi şanslar



Benzer Yazılar

Yorum Ekle