CF AJAX Fonksiyonları NAVIGATE
Gönderen : Candan Bilecen (3:56 PM)
1 yorum - Kategori : Ajax | Coldfusion | Javascript
ColdFusion.navigate : Pencereler, divler ve layoutlar arasında Ajax ile kolayca veri aktarımı yapmamıza olanak sağlayan navigate fonksiyonu ile ilgili basit bir örnek uygulama yapalım.
navigate.cfm adında bir sayfa oluşturalım ve aşağıda kodları içerisine yazalım.
<html>
<head>
<!--- pencere2 sayfasındaki veriler alınıcak --->
<script language="javascript">
var sonuc = function(){
document.getElementById("yaz").innerHTML = "<br><br><b>sonuc fonksiyonu pencere2.cfm'e eklendi.</b>";
//navigate tarafından kullanılan fonksiyonumuzla pencere2.cfm sayfasının içerisindeki yaz adındaki dive veri ekliyoruz.
}
</script>
</head>
<body>
<cfwindow name="p1" title="Pencere 1" initShow=true x=10 y=10 width="200"> Pencere Kontrol :<br><br>
<a href="javascript:ColdFusion.navigate('pencere2.cfm','p2', sonuc);">Click</a> Pencere 2 Değiştir</a>
<!--- pencere2.cfm sayfasını çağırıyoruz ve p2 adını veriyoruz tıklanılması halinde sonuc fonksiyonu çalışacak eğer istersek sonuc fonksiyonundan sonra hata fonksiyonuda ekleyebiliriz.--->
</cfwindow>
<cfwindow name="p2" title="Pencere 2" initShow=true
x=250 y=10 width="200"><!---Değiştirilecek olan pencere--->
İkinci Pencere
</cfwindow>
</body>
</html>
pencere2.cfm adındaki sayfamızıda oluşturup p2 adlı penceremizin içerisinde gönderilecek olan verilerimizi girelim.
"pencere2.cfm"
<!-- navigate.cfm sayfasındaki sonuc fonksiyonuna atadığımız işlem yaz divinin içine eklenecektir. -->
<div id="yaz"></div>
Web sitemiz çalıştırılmaya hazır.
Şimdide buraya kadar işlediğimiz fonksiyonlarla ilgili örnek bir uygulama yapalım ve öğrendiğimiz fonksiyonlarla neler üretebileceğimizi görelim ve birden fazla Ajax fonksiyonunu ilk defa bir web sitesi içerisinde kullanalım. Hergün milyonlarca insanın kullandığı çoğu zaman işimizi kolaylaştıran bize zaman ve fikir kazandıran ünlü arama motoru Google’ın Google Suggest hizmetini bu sefer kendi ColdFusion Ajax fonksiyonlarımızı kullanarak yazalım..
Mahmut Çifçi yazdı : 01/07/10 12:32 AM
yazınız için teşekkür ederim. çok güzel bir örnek olmuş. ancak bu tür örnekler için sayfaya demolar koysanız daha da güzel olur. Başarılar dilerim.