Merhabalar aslında çok basit...


Örneğin demosu: http://p.hit.im/erdy/index.php


Önce havaifisek adında bir tablo oluşturun ve aşağıdaki sql sorgusunu içe aktarın...

CREATE TABLE IF NOT EXISTS `havaifisek` (
  `id` int(11) NOT NULL AUTO_INCREMENT,
  `sayi` varchar(100) NOT NULL,
  `ip` varchar(100) NOT NULL,
  PRIMARY KEY (`id`)
) ENGINE=MyISAM DEFAULT CHARSET=latin1 AUTO_INCREMENT=1 ;

db.php

# veritabanı bağlantısı
$host 	= "localhost";
$kullanici  	= "db_kullanıcı_adı";
$sifre      	= "db_sifresi";
$db         	= "db_adı";

if(!$baglanti 	= mysql_connect($host, $kullanici, $sifre))
					die("Bağlantı hatası");
if(!$db_kontrol = mysql_select_db($db))
					die("Bağlantı hatası");
					mysql_query("SET CHARACTER SET 'utf8'");
					mysql_query("SET NAMES 'utf8'");

index.php

<title>Erdy Havai Fişek Uçurma - Ajax - Code by CssValley</title>
<meta charset="utf-8" />
<script src="jq.js" type="text/javascript"></script>
<link rel="stylesheet" type="text/css" href="stil.css" />
<?
require "db.php";
# önce veritabanındaki mevcut uçma sayısını sayfamıza yazdıralım...
$ucma_sayisi = mysql_num_rows(mysql_query("select * from havaifisek"));
?>

<div class="buton animated " onclick="ucur();">Buraya tıkla havai fişek uçur</div>
<div class="bilgi">Şu ana kadar <div style="display:inline; font-weight:bold;" id="veri"><?=$ucma_sayisi;?></div> kişi havai fişek uçurdu!</div>

<script type="text/javascript">

function ucur(){
	$.ajax({
	type	: 'POST',
	url 	: 'ucmaKaydet.php',
	success	: function(cevap){
		var durum = cevap.split("|");
		if(durum[0]==0){
			alert(durum[1]);
		} else {
			$("#veri").text(durum[1]);		
		}
	}
	});	
}


$(".buton").hover(function(){
	$(this).addClass("salla");
},function(){
	$(this).removeClass("salla");
	
});

</script>

stil.css

body {
    background: none repeat scroll 0 0 #ffa900;
}
.buton {
    background: none repeat scroll 0 0 #333;
    border-radius: 4px;
    color: #ffa900;
    font-family: arial;
    font-size: 125%;
    height: 30px;
    line-height: 30px;
    margin: 150px auto 0;
    padding: 9px 17px;
    text-align: center;
    text-transform: capitalize;
    width: 300px;
    transition: all 0.35s ease-in-out 0s;
	
}

.buton:hover{
	background: none repeat scroll 0 0 #fff;
	color:#222;
	cursor:pointer;
    transition: all 0.35s ease-in-out 0s;
}
.bilgi {
    color: #222;
    font-family: arial;
    font-size: 80%;
    padding: 9px 17px;
    text-align: center;
}
#veri {
    color: #222 !important;
    font-size: 160% !important;
}


.animated { 
    -webkit-animation-duration: 1s; 
    animation-duration: 1s; 
    -webkit-animation-fill-mode: both; 
    animation-fill-mode: both; 
} 

@-webkit-keyframes salla { 
  0% { -webkit-transform: translateX(0%); } 
  15% { -webkit-transform: translateX(-25%) rotate(-5deg); } 
  30% { -webkit-transform: translateX(20%) rotate(3deg); } 
  45% { -webkit-transform: translateX(-15%) rotate(-3deg); } 
  60% { -webkit-transform: translateX(10%) rotate(2deg); } 
  75% { -webkit-transform: translateX(-5%) rotate(-1deg); } 
  100% { -webkit-transform: translateX(0%); } 
} 
@keyframes salla { 
  0% { transform: translateX(0%); } 
  15% { transform: translateX(-25%) rotate(-5deg); } 
  30% { transform: translateX(20%) rotate(3deg); } 
  45% { transform: translateX(-15%) rotate(-3deg); } 
  60% { transform: translateX(10%) rotate(2deg); } 
  75% { transform: translateX(-5%) rotate(-1deg); } 
  100% { transform: translateX(0%); } 
} 
.salla { 
    -webkit-animation-name: salla; 
    animation-name: salla; 
}

ve son alarak da


ucmaKaydet.php

<?
require "db.php";

		function ipBul() 
		{
			$ip;
			if (getenv("HTTP_CLIENT_IP"))
			$ip = getenv("HTTP_CLIENT_IP");
			else if(getenv("HTTP_X_FORWARDED_FOR"))
			$ip = getenv("HTTP_X_FORWARDED_FOR");
			else if(getenv("REMOTE_ADDR"))
			$ip = getenv("REMOTE_ADDR");
			else
			$ip = "ip tespit edilemedi";
			return $ip;
		}

# daha önce bu ip den uçuldu mu ?
$ucusipkontrol = mysql_num_rows(mysql_query("select * from havaifisek where ip='".ipBul()."'"));
		
if($ucusipkontrol>0){
	# daha önce uçmuş hatayı verelim...
	echo "0|Uçurma izniniz yok daha önce uçurmuşsunuz yani";
	
} else {
	
	# daha önce uçuşu yoksa ekleyelim...
	$ucmaEkle = mysql_query("insert into havaifisek (id,ip) values ('','".ipBul()."')");
		
		# uçuş eklendiyse veriyi gönderelim...
		if($ucmaEkle){
			$yeniucussayisi = mysql_num_rows(mysql_query("select * from havaifisek"));
			echo "1|".$yeniucussayisi;
		} else {
			echo "0|Havai fişeği uçururken veritabanında veya serverda bi sorun oldu...";
		}
		
}

		




?>