Ajax: Fly to Basket (Uçan Sepet) Uygulaması

E-ticaret sistemlerimizde kullanıcıların ürünleri sepete atıp atmadıklarından emin olmaları çok önemlidir. Kullanıcı emin olmadığı bir işlemde urunu birden fazla sepete ekleye bilir. Bu uygulamamızda ürünü kullanıcı sepete eklediğinde görsel olarak ürünümüzün fotografını sepet olarak belirtmiş olduğumuz bölmeye gönderiyoruz.


Sayfamızda yer alacak olan ürünler için örnek bir kod:


			<div class="product_container">
				<div id="slidingProduct8" class="sliding_product">
					<img src="images/d4abf6cf79b0770a99b01d791595abc3.jpg" width="90" height="120">
					Erkekler ve Diğer Felekatler<br><br>
					12.50
				</div>
				<a href="#" onclick="addToBasket(8);return false"><img src="images/basket.gif"></a>
				<div class="clear"></div>
			</div>

Sepete Ekle(basket.gif) tıklanıldığında “addToBasket(8)” ile ürün id mizi “addProduct.php” dosyamıza yolluyoruz ve gelen productId ye göre select case ile ürün özelliklerini belirleyip “Alışveriş Sepeti” alanına yazdırıyoruz.

addProduct.php kodlarımız


<?
header("Content-Type: text/html; charset=iso-8859-9");
if(!isset($_POST['productId']))exit;
switch($_POST['productId']){

	case "1";
		echo "1|||Ölümcül İklim|||20";
		break;
	case "2";
		echo "2|||Cesur Teklif|||25";
		break;
	case "3";
		echo "3|||Kan Kokusu|||35";
		break;
	case "4";
		echo "4|||Ödünç Yaşam|||10";
		break;
	case "5";
		echo "5|||Alamut Cenneti|||22";
		break;
	case "6";
		echo "6|||Pazartesi Erkeğie|||14";
		break;
	case "7";
		echo "7|||Gilead|||15";
		break;
	case "8";
		echo "8|||Erkekler ve Diğer Felekatler|||12.5";
		break;
}
?>

Sepetimizde yer alan ürünlerin adetlerini ve fiyat toplamını ise “fly-to-basket.js” dosyamız aracılığıyla hesaplıyoruz. “fly-to-basket.js” dosyamızdaki “flyingSpeed” değişkenimiz ile ürüne tıklanıldığında sepete gitme hızını belirlemiş oluyoruz.

Uygulamamızda sadece ürünün sepete gitme işlemini gerçekleştirdik. Sepete gitti anda kullanıcının sepetine veri tabanında eklemek istiyorsak “addProduct.php” dosyamızda case in altına veri tabanımıza ekleyecek olan mysql kodlarımızı yazabiliriz.


	case "7";
		echo "7|||Gilead|||15";
                $q=$dba->query("INSERT INTO sepet(urun_ıd,user_id) VALUES (7,'$_session['user_id']') ");
		break;

Uygulamanın çalışır demosunu incelemek için tıklayınız.

Uygulama dosyalarını zip şeklinde indirmek için tıklayınız.

sword fish

Hem yazılım, hem kendini geliştiriyor. teknoloji meraklısı... kişisel weblogu

Website - More Posts

6 Comments

  • 01 Mart 2010 - 16:58 | Permalink

    Güzel uygulamaymış. Eline sağlık.

  • emrahyesil
    28 Mayıs 2011 - 11:10 | Permalink

    elinize sağlık güzel bir uygulama fakat veri tabanı yokmu bu uygulamada ??? ürünleri sepete at deyince nerede tutuyor ??? gün içinde geri dönersiniz çok iyi olur.iyi çalışmlar…

  • emrahyesil
    28 Mayıs 2011 - 11:17 | Permalink

    kusura bakmayın.veritabanı kodlarını yorumu yazdıktan soonra gördüm :) :):) iyi çalışmalar

  • emrahyesil
    28 Mayıs 2011 - 11:43 | Permalink

    ben veritabanı olayını çözemedim yardımcı olurmusnuz nasıl oluşturacağım konusunda ????????

  • 01 Haziran 2011 - 11:36 | Permalink

    müslüm yardımcı olabilir sanırım yorumun henüz dikkatini çekmemiş. dilersen kişisel sitesinden müslüm’e ulaşabilirsin.

  • Vatan
    31 Ekim 2011 - 18:59 | Permalink

    Keşke alıntı olduğunu yazsaydınız.
    Scripti değiştirip koymuşsunuz.

  • Bir Cevap Yazın

    E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir

    *

    Şu HTML etiketlerini ve özelliklerini kullanabilirsiniz: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>