favori ekleme çıkarma sistemi |
7 Mesajlar | 3.153 Okunma | ||
- Üyelik 08.04.2014
- Yaş/Cinsiyet 39 / E
- Meslek web design ve yazılım
- Konum Antalya
- Ad Soyad N** U**
- Mesajlar 181
- Beğeniler 16 / 24
- Ticaret 2, (%100)
selamlar arkadaşlar, bir projemde ajax ile favoriye ekleme ve çıkarma butonu yapmaya çalışıyorum. bunu php ile yaptım ancak ajax ile sayfayı yenilemeden favoriye eklendiğinde yıldızın yanmasını favoriden çıkartıldığında da yıldızın sönmesini istiyorum. Konu ile ilgili elinde örnek olan yada yardımcı olabilecek olan arkadaşlar varmı? internette baya bi arattım ancak tatmin edici bir sonuca ulaşamadım maalesef.
- Üyelik 20.03.2014
- Yaş/Cinsiyet 50 / E
- Meslek web programlama
- Konum Balıkesir
- Ad Soyad H** A**
- Mesajlar 158
- Beğeniler 12 / 40
- Ticaret 3, (%100)
Merhaba, şu şekilde kısaca anlatmaya çalışayım;
bir butonumuz var diyelim css ile şekillenmiş ve elemanın idsi var elimizde birde aja işlemleri yapacağımız bir php sayfamız ajax.php
jquery ile buton tıklandığında butondaki id değerini alıp ajax.php ye göndereceğiz ve dönen sonuca göre fav-area divini yeniden yükleyeceğiz.
bundan sonrası ajax.php de gelen id değerine göre elemanın favorilere eklenip eklenmediğini kontrol etmek ve eklenmiş ise yanan yıldızı yazdırmak ve favorılerden cıkar butonu eklemek.
Kolay gelsin.
bir butonumuz var diyelim css ile şekillenmiş ve elemanın idsi var elimizde birde aja işlemleri yapacağımız bir php sayfamız ajax.php
$id=1;
Favorilere Ekle
jquery ile buton tıklandığında butondaki id değerini alıp ajax.php ye göndereceğiz ve dönen sonuca göre fav-area divini yeniden yükleyeceğiz.
<script>
$(document).ready(function(){
$(".buton").on("click",function(){
var id=$(this).attr("id");
$ajax({
type:"post",
url:"ajax.php",
data:"id="+id,
success: function (ok) {
$(".fav-area").html(ok);
}
});
});
});
</script>
bundan sonrası ajax.php de gelen id değerine göre elemanın favorilere eklenip eklenmediğini kontrol etmek ve eklenmiş ise yanan yıldızı yazdırmak ve favorılerden cıkar butonu eklemek.
Kolay gelsin.
http://hataman.com
Skype : ha.taman
Skype : ha.taman
- Üyelik 08.04.2014
- Yaş/Cinsiyet 39 / E
- Meslek web design ve yazılım
- Konum Antalya
- Ad Soyad N** U**
- Mesajlar 181
- Beğeniler 16 / 24
- Ticaret 2, (%100)
Hocam cevabınız için çok teşekkürler. verdiğiniz örneği deneyeceğim ancak sormayı unuttuğum bir konu var. şimdi ben bu favoriye ekleme butonunu normal form olarak yapmıştım. bunun sebebi de birden çok veri göndermemdi. örneğin kullanıcı idsi veri idsi gibi. yani gönderdiğim 4 adet değişken var form ile. bunu sizin verdiğiniz örnek ile nasıl ilişkilendirebilirim? yani birden fazla veriyi nasıl post edebilirim sizin örneğinizle?
Merhaba, şu şekilde kısaca anlatmaya çalışayım;
bir butonumuz var diyelim css ile şekillenmiş ve elemanın idsi var elimizde birde aja işlemleri yapacağımız bir php sayfamız ajax.php
jquery ile buton tıklandığında butondaki id değerini alıp ajax.php ye göndereceğiz ve dönen sonuca göre fav-area divini yeniden yükleyeceğiz.
bundan sonrası ajax.php de gelen id değerine göre elemanın favorilere eklenip eklenmediğini kontrol etmek ve eklenmiş ise yanan yıldızı yazdırmak ve favorılerden cıkar butonu eklemek.
Kolay gelsin.
bir butonumuz var diyelim css ile şekillenmiş ve elemanın idsi var elimizde birde aja işlemleri yapacağımız bir php sayfamız ajax.php
$id=1;
Favorilere Ekle
jquery ile buton tıklandığında butondaki id değerini alıp ajax.php ye göndereceğiz ve dönen sonuca göre fav-area divini yeniden yükleyeceğiz.
<script>
$(document).ready(function(){
$(".buton").on("click",function(){
var id=$(this).attr("id");
$ajax({
type:"post",
url:"ajax.php",
data:"id="+id,
success: function (ok) {
$(".fav-area").html(ok);
}
});
});
});
</script>
bundan sonrası ajax.php de gelen id değerine göre elemanın favorilere eklenip eklenmediğini kontrol etmek ve eklenmiş ise yanan yıldızı yazdırmak ve favorılerden cıkar butonu eklemek.
Kolay gelsin.
- Üyelik 20.03.2014
- Yaş/Cinsiyet 50 / E
- Meslek web programlama
- Konum Balıkesir
- Ad Soyad H** A**
- Mesajlar 158
- Beğeniler 12 / 40
- Ticaret 3, (%100)
formu iptal et öncelikle sonrada attrleri arttır misal
">Favorilere Ekle
<script>
$(document).ready(function(){
$(".buton").on("click",function(){
var id=$(this).attr("id");
var uyeid=$(this).attr("uyeid");
$ajax({
type:"post",
url:"ajax.php",
data:"id="+id+"&uyeid="+uyeid,
success: function (ok) {
$(".fav-area").html(ok);
}
});
});
});
</script>
http://hataman.com
Skype : ha.taman
Skype : ha.taman
- Üyelik 08.04.2014
- Yaş/Cinsiyet 39 / E
- Meslek web design ve yazılım
- Konum Antalya
- Ad Soyad N** U**
- Mesajlar 181
- Beğeniler 16 / 24
- Ticaret 2, (%100)
tamamdır hocam şimdi deniyorum. çok teşekkür ederim.
- Üyelik 22.06.2017
- Yaş/Cinsiyet 31 / E
- Meslek Web Tasarim
- Konum Azerbeycan
- Ad Soyad M** H**
- Mesajlar 154
- Beğeniler 109 / 23
- Ticaret 18, (%100)
meraba arkadas nasiIbu isIemi yapdinmi?
- Üyelik 11.11.2016
- Yaş/Cinsiyet 40 / E
- Meslek Özel Güvenlik Görevlisi
- Konum Antalya
- Ad Soyad G** K**
- Mesajlar 122
- Beğeniler 19 / 24
- Ticaret 0, (%0)
Ben Ajax kullanmadan php ile yapmıştım. İf kullanarak. Favoriye ekliyse sarı yıldızı göster, değilse gri yıldızı göster şeklin de.
www.mekatronik.org/forum
Konuyu toplam 1 kişi okuyor. (0 kullanıcı ve 1 misafir)