Javascript kodlarını başka bir sayfadan da çağırabiliriz, script tagları içerisinde direk sayfaya da ekleyebiliriz.
Başka bir sayfadan çağırmak için
<script type="text/javascript" src="sayfaismi.js"></script>
Şeklinde sayfaism.js yerine sayfamızın bulunduğu adresi veya kod yazılan dosyada aynı dizinde bulunuyorsa direk dosyanın adını yazıyoruz. Başka bir sayfadan çağırmadan direk sayfa üzerinde javascript kodu yazmak için aşağıdaki gibi script taglarını kullanıyoruz. Örnek olarak document.write komutu ile ekrana turkacademy yazdıralım.
<script language="JavaScript">
document.write("turkacademy");
</script>
sayfaya jquery kütüphanesini hızlıca eklemek içinse aşağıdaki kodu kullanabilirsiniz
[js]
<script src="http://code.jquery.com/jquery-latest.js" type="text/javascript"><!–mce:2–></script>
[/js]
Css için style.css yerine kendi css dosyanızın adresini yazın.
<link rel="stylesheet" type="text/css" href="style.css" />
Javascript dosyanız için javascript.js yerine kendi js dosyanızın adresini yazın.
<script type="text/javascript" src="javascript.js"></script>
veya direk olarak sayfada css kodu yazmak için örnekteki gibi style taglarını kullanın
<style type="text/css">
div{
color:red;
}
</style>
Ajax ile div tagı içerisindeki alanı yenilemek için aşağıdaki adımları uygulayın.
Aşağıdaki örnekte index sayfamıza reload.php dosyamızı include ediyoruz, reload.php dosyamızın başına kodlarımızı ekliyoruz ve tekrar reload.php dosyasının içerisine responsecontainer adında bir div oluşturuyoruz
Bu div’in içerisine eklediğimiz içerik 4 saniyede bir yenileniyor,
Zaman aralığını değiştirmek için koddaki 4000(4sn anlamında) değerini değiştirin.
<script src="http://www.mehmetcanyegen.com.tr/wp-content/uploads/2012/09/jquery-latest.js"></script>
<script>
$(document).ready(function() {
$("#responsecontainer").load("reload.php");
var refreshId = setInterval(function() {
$("#responsecontainer").load('reload.php&randval='+ Math.random());
}, 4000);
$.ajaxSetup({ cache: false });
});
</script>
Sayfanın bir kısmını sürekli yenilediğinizde veriler önbellekte birikiyor, tarayıcı donmaya başlıyor, bunu önlemek için de aşağıdaki kodu index dosyanızın başına ekleyin.
<?php
header("Cache-Control: no-store, no-cache, must-revalidate");
header("Cache-Control: post-check=0, pre-check=0", false);
header("Pragma: no-cache");
?>