İPUCU

Java Object Oriented Programming temeline dayanan, çok işlevli, step by step işleyen dilin dökümanlarının paylaşım alanı.

Seçenekler

Ajax ile Chatbox Mantığı

01-06-2011 18:45
#1
CaLLaHaN - ait Kullanıcı Resmi (Avatar)
Üye
Üyelik tarihi:
11/2010
Nereden:
ƒєηєявαнçєCυмнυяiyeti
Mesajlar:
1.936
Teşekkür (Etti):
78
Teşekkür (Aldı):
316
Konular:
1305
Ticaret:
(0) %
Arkadaşlar öncelikle şunu belirtmeliyim ki ajax yeni bir dil değildir. Web sayfalarımızı daha dinamik hale getiren JavaScriptten türemiştir. Ajax’ın mantığı kullanıcıya daha dinamik sayfalarla hizmet etmektir. Örnek olarak bir websaynazı olduğunu farzedelim soldaki linklere tıklayarak kullanıcıyı farklı sayfalara yönlendirdiğimizi düşünelim kullanıcı linklere her tıkladığında bütün sayfa yenilenecektir. Ajax bize şöyle bir kolaylık getirmektedir. Kullanıcı sayfanızın solundaki linklere tıkladığında istediğiniz sayfayı dinamik olarak sitenizin istediğiniz kısmına açabilirsiniz böylece sayfanız yenilenmeden ajax sistemiyle sadece ilgilendiğiniz sayfayı siteye yüklemiş olursunuz umarım açıklayıcı olmuştur.Şimdi Php üzerinden bir örnekle devam edelim. Not: Örneğin php ile ilgili olan kısmından bahsetmeyeceğiz sadece ajax kısmından bahsedeceğiz.
Kod:
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<**** **********="Content-Type" content="text/html; charset=utf-8" />
<title>Chat</title>
<script type="text/javascript" src="eyceks/eyceks.js"></script>
<script type="text/javascript">

function deger_gonder()
{
var nick  = ********.getElementById('nick').value;
var mesaj = ********.getElementById('mesaj').value;

var sc = "yeni_nick="+fc_(nick)+"&yeni_mesaj="+fc_(mesaj);
JXP(1* "mesaj_alani"* "islem.php"* sc);

********.form_1.reset();
}
</script>
</head>
<body>
<div id="kapsayici">
<div id="mesaj_alani">
tüm mesajları görebilmek için yandaki formu doldurun ve gönderin
</div>
<div id="form_alani">
<form method="post" name="form_1" action="javascript:****(0);">
<input type="text" size="15" id="nick" value="Nick" />
<input type="text" size="100" id="mesaj" value="Mesaj" />
<button type="button" onclick="deger_gonder()">Gönder</button></form>
</div>
</div>

</body>
</html>
Kullanıcı İmzası

_____________________________________

Kapkara Bir Site ,Kapkara Bir Adam..


Ülkücü Kibrittir Ateşi Vatan..

Forumu Bıraktı ...



Bookmarks


« Önceki Konu | Sonraki Konu »
Seçenekler

Yetkileriniz
Sizin Yeni Konu Acma Yetkiniz var yok
You may not post replies
Sizin eklenti yükleme yetkiniz yok
You may not edit your posts

BB code is Açık
Smileler Açık
[IMG] Kodları Açık
HTML-Kodları Kapalı
Trackbacks are Kapalı
Pingbacks are Kapalı
Refbacks are Kapalı