AJAX

AJAX Form Örnekleri

22 Eki 2008 Author: Admin In: AJAX, Genel

Web sitelerinize entegre edip kolayca kullanabileceğiniz birkaç ajax form örneğini sizlerle paylaşıyorum.

LightForm

Download

jQuery - Ajax Contact Form

Download

MooTools Ajax Contact Form

Download

jQuery - Ajax Contact Form

Downloa

Umarım faydalı olacaktır. Kolay Gelsin.

0 Yorumlar

AJAX - Rabid Ratings

25 Ağu 2008 Author: Admin In: AJAX, Genel

Rabit ratings uygulaması ile web sitelerinizi ziyaret edenlere değerlendirme imkanı tanıyabilirsiniz.

PHP ve AJAX uygulaması olarak hazırlanmış olan rating uygulaması ile tasarımlarınıza hoş görünümler kazandırabilirsiniz.

Rabid ratings uygulamasını çalışmalarınıza kolayca entegre edebilirsiniz.

Demo sayfasına buradan ulaşabilirsiniz.

Kurulum aşamasında yapmanız gerekenler şunlar :

Aşağıdaki dosyalarınızı FTP aracılığıyla web sitenizin kurulu olduğu dizine yükleyiniz.

ratings.php - Main PHP file.
js/ratings.js - Main JavaScript file.
styles/ratings.css - CSS file.
styles/img/hearts.png - Image file.

Kurulum aşamasında aşağıdaki database bağlantılarını yazmaya unutmayınız.

/* Database Connection Options */

$this->dbHost = "localhost"; //Localhost olarak kalabilir.

$this->dbUser = "username"; //db kullanıcı adınız

$this->dbPassword = "secret"; //db şifresi

$this->dbDatabase = "myDatabase"; //db adı

Aşağıdaki kodu ise kullanmak istediğiniz sayfalarda en üste yerleştiriniz.

<?php require_once("ratings.php"; $rr = new RabidRatings(); ?>

 Aşağıdaki kodu ise uygulamanın sayfanızda gösterilmesini istediğiniz yere yerleştiriniz.

<?php $rr->showStars("anotherGreatArticle"); ?>

CSS dosyalarını da <head>... </head> tagları arasına yerleştirmeyi unutmayınız.

   <head>
<script src="js/mootools-v1.2.js"></script>
<script src="js/ratings.js"></script>
<link rel="stylesheet" href="styles/ratings.css" />
</head>

Kurulum ve düzenleme işlemleri ardından uygulamanızı tasarımlarınızda rahatlıkla kullanabilirsiniz.

Kolay Gelsin

Rabid Ratings Download

Demo

Olcay KÜK

0 Yorumlar

Ajax FilteredTextBoxExtender ile Karakter Sınırlama

31 Tem 2008 Author: Admin In: AJAX, ASP.NET

Çalışmalarımız da girilen değerleri kontrol etmek adına bir çok yöntem üretebiliriz.Şüphesiz ki AJAX ile de kullanıcı tarafından girilen değerlerin filtrelenmesine imkan tanıyan bir özellik mevcuttur.

FilteredTextBoxExtender adındaki özelliğimiz ile bir textbox'a girilen değerlerin sadece rakam,büyük harf,küçük harf duyarlı olmasını sağlayabiliriz.Böylelikle istenmeyen karakterleri kolayca engelleyebilir çalışmalarımız performansını ve güvenliğini bir kat daha arttırmış oluruz.

Bu uygulamamızı gerçekleştirmek için VS 2008 ve Framework 3.5 kullanıcılarına yönelik AjaxControlToolkit eklentisini kurulu olması gerekmektedir.Codeplex bağlantısını kullanarak yükleyebilirsiniz.

Yeni bir web site projesi açıyoruz ve ardından 1 adet ToolScriptManager,1 adet TextBox,1 adet FilteredTextBoxExtender ekliyoruz.Bunu ister sürükle bırak olarak istersek de textbox tasks kullanarak ve Add Extender seçeneği ile TextBoxlara uygulanabilecek AJAX eklentilerini aktif hale getirebiliriz.

TargetControlID ile filtrelenecek ajax kontrolunun ID'sini belirtmelisiniz.FilterType kısmında ise filtrelemek istediğiniz türü belirtmelisiniz.ValidChars kısmında da ek olarak geçerli olmasını istediğiniz karakterleri belirtebilirsiniz. Bu kontrolleri FilteredTextBoxExtender özelliğinin Properties sekmesinde bulabilirsiniz.

Bu işlemlerin ardından TextBox Properties sekmesinde TextBox1_FilteredTextBoxExtender alt sekmesine gelip FilterType kısmından textboxa girilmesini istediğiniz uygun seçeneği seçiniz.Ben bu örnekte sadece rakamların girilmesini sağlayacağım.Kod bloğu aşağıdaki gibidir.

<cc1:ToolkitScriptManager ID="ToolkitScriptManager1" runat="server">
        </cc1:ToolkitScriptManager>
        <br />
        <asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>
        <cc1:FilteredTextBoxExtender ID="TextBox1_FilteredTextBoxExtender"
            runat="server" Enabled="True" FilterType="Numbers" TargetControlID="TextBox1">
        </cc1:FilteredTextBoxExtender>

Bu işlemin ardından projemizi çalıştırdığımızda textboxa sadece rakamların girilmesini sağlamış oluyoruz.Hem güvenlik hem de pratiklik açısında çalışmalarımızda bolca yer verebileceğimiz bir uygulamadır.

Olcay Kük