Tıkla Aktifleşen Kod

13-01-2015, 14:53:14

Merhaba arkadaşlar,

Şöyle bir şey yapmak istiyorum ama internette bulamadım. Kaynak gösterebilecek veya yardımcı olabilecek biri varsa çok makbule geçer. Konu şu;

Mesela bir link olsun,

Buraya tıkla havai fişek uçur

gibi. Ve bu linke tıklanınca havai fişek kodu devreye girsin. Bir de bu linke kaç kişinin tıkladığı sayılsın. Bunu nasıl yapabilirim.

Buraya tıkla havai fişek uçur
Şu ana kadar "x" kişi havai fişek uçurdu!

Yardımcı olacak arkadaşlara şimdiden teşekkür ederim.

13-01-2015, 15:42:53

#2

bilgmuh

Erdy adlı üyeden alıntı: mesajı görüntüle

Merhaba arkadaşlar,

Şöyle bir şey yapmak istiyorum ama internette bulamadım. Kaynak gösterebilecek veya yardımcı olabilecek biri varsa çok makbule geçer. Konu şu;

Mesela bir link olsun,

Buraya tıkla havai fişek uçur

gibi. Ve bu linke tıklanınca havai fişek kodu devreye girsin. Bir de bu linke kaç kişinin tıkladığı sayılsın. Bunu nasıl yapabilirim.

Buraya tıkla havai fişek uçur
Şu ana kadar "x" kişi havai fişek uçurdu!

Yardımcı olacak arkadaşlara şimdiden teşekkür ederim.

Havai fişek uçurma kısmı gayet basit.Ancak kaş kişinin uçurduğunu tutmak için bu toplamı bir yerde saklamak gerekir ki en uygun yer veritabanıdır.veritabanında tek bir tabloda tek bir alan tutabilirsin.Sayfa açılınca Toplam sayıyı Getirirsin şu kadar kişi uçurdu diye.Kullanıcı uçuruncada veritabanındaki kısma 1 eklersin.

<button type="button" onclick="havaiFisekUcur()"> Havai Fişek Uçur</button>

<script type="text/javascript">
function havaiFisekUcur(){
//kodlar
}
</script>

13-01-2015, 15:48:16

#3

Erdy

bilgmuh adlı üyeden alıntı: mesajı görüntüle

Havai fişek uçurma kısmı gayet basit.Ancak kaş kişinin uçurduğunu tutmak için bu toplamı bir yerde saklamak gerekir ki en uygun yer veritabanıdır.veritabanında tek bir tabloda tek bir alan tutabilirsin.Sayfa açılınca Toplam sayıyı Getirirsin şu kadar kişi uçurdu diye.Kullanıcı uçuruncada veritabanındaki kısma 1 eklersin.

<button type="button" onclick="havaiFisekUcur()"> Havai Fişek Uçur</button>

<script type="text/javascript">
function havaiFisekUcur(){
//kodlar
}
</script>

Cevabınız için teşekkür ederim hocam. Aklımda alkışlarla yaşıyorum sitesindeki alkışla butonu gibi bir şey vardı fakat bu saydırma işi anladığım kadarıyla beni aşıyor.

Havai fişek uçurma kısmını yapabilirim.

26-01-2015, 16:22:56

#4

~~CssValley~~

Üyeliği durduruldu

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...";
		}
		
}

		




?>

29-01-2015, 17:27:19

#5

Erdy

Teşekkür ederim hocam deneyeceğim

29-01-2015, 19:03:26

#6

~~CssValley~~

Üyeliği durduruldu

Erdy adlı üyeden alıntı: mesajı görüntüle

Teşekkür ederim hocam deneyeceğim

kesinlikle deneyin o kadar uğraştım bak, bari bana ayıp olmasın

)
çok da güzel oldu ama