Ömer YILDIRIM
14.07.2012, 14:24
Bugunkü asp dersimizde belirli bir divin için istenen sürelerde bir yenilemeyi anlatacagım , eminimki sizde zamanında çok aramıştırsınızdır benim gibi tam olarak çalışan halini div içini yenilemek için Nettekilerin çoğu ff da çalışşa i.e çalışmamaktadır.Tabi buda insanı doğal olarak sinir katsayısını tavan yaptırmaktadır.Tabiki artık buna son veriyoruz işte çözümü Sayfamız index.asp ve rastgele_sayi_uret.asp iki kısımdan oluşmaktadır.
İndex.asp de div içini yenilememize yarayan kodlarımızın bulundugu sayfa rastgele_sayi_uret.asp ise burası size göre değişebilir ben şimdilik rastgele sayı üretmesi için bunu yazdım
İNDEX .ASP İÇİ
<html>
<head>
<meta http-equiv="Content-Language" content="tr">
<script type="text/JavaScript" language="JavaScript">
var xmlHttp=false;
try {
xmlHttp = new ActiveXObject("Msxml2.xmlHttp");
} catch (e) {
try {
xmlHttp = new ActiveXObject("Microsoft.xmlHttp");
}
catch (E) {
xmlHttp = false;
}
}
if (!xmlHttp && typeof XMLHttpRequest!= undefined ) {
try {
xmlHttp = new XMLHttpRequest();
}
catch (e) {
xmlHttp=false;
}
}
if (!xmlHttp && window.createRequest) {
try {
xmlHttp = window.createRequest();
}
catch (e) {
xmlHttp=false;
}
}
function callServer(){
//burada çağiracağin sayfayı yazarsın
var url = "rastgele_sayi_uret.asp" + "?tarih=" + new Date().getTime();
xmlHttp.open("GET", url, true);
xmlHttp.onreadystatechange = updatePage;{
if (xmlHttp.readyState==4) {
alert(xmlHttp.responseText)
}
}
xmlHttp.send(null)
}
function updatePage(){
//4 sorun yoksa demek
if(xmlHttp.readyState == 4){
//gelen cevap
var response = xmlHttp.responseText;
//hangi div gelcekse buraya yazılcak
sonuc.innerHTML = response;
//500 milisaniyede bir fonksiyonu cağirir
setTimeout( callServer() ,5000);
}
}
callServer( url );
//sonuc adlı divin stil dosyasını ayarlıyoruz ,
//bu bölümü kafanıza göre değiştirebilirsiniz..
</script>
<style type="text/css">
.style1 {
font-family: 00222;
font-size: xx-large;
border:thin #000000 solid;
background: #FFCC00;
width: 100%;
height: 41px;
text-align: center;
color: #000000;
}
</style>
</head>
<div id="sonuc" class="style1">
</div>
Yukardaki kodlarımızla div içini istediğimiz gibi yenileyebiliyoruz.
İndex.asp de div içini yenilememize yarayan kodlarımızın bulundugu sayfa rastgele_sayi_uret.asp ise burası size göre değişebilir ben şimdilik rastgele sayı üretmesi için bunu yazdım
İNDEX .ASP İÇİ
<html>
<head>
<meta http-equiv="Content-Language" content="tr">
<script type="text/JavaScript" language="JavaScript">
var xmlHttp=false;
try {
xmlHttp = new ActiveXObject("Msxml2.xmlHttp");
} catch (e) {
try {
xmlHttp = new ActiveXObject("Microsoft.xmlHttp");
}
catch (E) {
xmlHttp = false;
}
}
if (!xmlHttp && typeof XMLHttpRequest!= undefined ) {
try {
xmlHttp = new XMLHttpRequest();
}
catch (e) {
xmlHttp=false;
}
}
if (!xmlHttp && window.createRequest) {
try {
xmlHttp = window.createRequest();
}
catch (e) {
xmlHttp=false;
}
}
function callServer(){
//burada çağiracağin sayfayı yazarsın
var url = "rastgele_sayi_uret.asp" + "?tarih=" + new Date().getTime();
xmlHttp.open("GET", url, true);
xmlHttp.onreadystatechange = updatePage;{
if (xmlHttp.readyState==4) {
alert(xmlHttp.responseText)
}
}
xmlHttp.send(null)
}
function updatePage(){
//4 sorun yoksa demek
if(xmlHttp.readyState == 4){
//gelen cevap
var response = xmlHttp.responseText;
//hangi div gelcekse buraya yazılcak
sonuc.innerHTML = response;
//500 milisaniyede bir fonksiyonu cağirir
setTimeout( callServer() ,5000);
}
}
callServer( url );
//sonuc adlı divin stil dosyasını ayarlıyoruz ,
//bu bölümü kafanıza göre değiştirebilirsiniz..
</script>
<style type="text/css">
.style1 {
font-family: 00222;
font-size: xx-large;
border:thin #000000 solid;
background: #FFCC00;
width: 100%;
height: 41px;
text-align: center;
color: #000000;
}
</style>
</head>
<div id="sonuc" class="style1">
</div>
Yukardaki kodlarımızla div içini istediğimiz gibi yenileyebiliyoruz.