Sorunu kendinizde aramayın. Ben javascript'i yeni öğreniyorum. 🙂 Sepete ekle işlemlerini gerçekleştirmeye çalışıyorum. Şimdi ben internetten alttaki kodları buldum. Ürünlerimi 4 tane olacak şekilde yan yana listelenecek. Resimde 2 tane var. Ona takılmayın. Sepete ekle butonuna basınca o ürün veritabanına eklenecek. Yalnız bu kodda, input oluşturup; input a verdiğim değeri veritabanına yazıyor. Ve sadece "ilk ürünün butonu" çalışıyor. Input lar görünmüyor şu an. Deneme amaçlı olduğu için tasarıma uğraşmadım. "Veri Gönder" yazısının altında. Resimlere bakarsanız daha kolay izah edebilirim. Benim ulaşmak istediğim nokta sonuçta, "sepete ekleme" işlemi. Sayfa yenilemeden yapılması lazım.
https://www.hizliresim.com/l2japhu
urunler.php
<?php
session_start();
include "baglanti.php";
?>
<!doctype html>
<html lang="tr">
<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="description" content="E-Ticaret Sitesi">
<meta name="keywords" content="site, sitesi, e-ticaret sitesi">
<meta name="author" content="Mali">
<!-- Bootstrap CSS -->
<link rel="stylesheet" href="style/bootstrap/bootstrap.min.css">
<link rel="stylesheet" href="style/bootstrap/bootstrap.css">
<link rel="stylesheet" href="fontawesome/webfonts/fontawesome-all.min.css" />
<link rel="stylesheet" href="style/skinserisiurunleri.css" />
<title>E-Ticaret Sitesi</title>
</head>
<body>
<div class="container p0">
<!-- Header başlangıcı -->
<div>
<?php include "header.php"; ?>
</div>
<!-- Header bitişi-->
<!-- Menü başlangıcı -->
<div>
<?php include "menu.php"; ?>
</div>
<!-- Menü bitişi-->
<div class="skinserisiurunleri-sayfasi-div">
<?php
$skinserisiurunlerigoster = $db->query("SELECT urun_id, urun_resim, urun_stokkodu,
urun_fiyati, urun_adi FROM urun WHERE urun_turu='Skin Serisi'");
while ($skinserisiurunleri = $skinserisiurunlerigoster->fetch()) {
?>
<div class="skinserisiurunleri-ic-div">
<div class="skinserisiurunleri-sayfasi-resim" name="resim">
<a href="skinserisiurunleriurun.php?skinserisiurunleriurunegit=<?php echo $skinserisiurunleri['urun_id']; ?>">
<img src="images/eklenenurunresimleri/<?php echo $skinserisiurunleri["urun_resim"]; ?>" />
</a>
</div>
<div class="skinserisiurunleri-sayfasi-urunadi" name="sepeteeklenenurunler_adi">
<?php echo substr($skinserisiurunleri['urun_adi'],0,55); ?>
</div>
<div class="skinserisiurunleri-sayfasi-stokkodu" name="sepeteeklenenurunler_stokkodu">Stok Kodu:
<?php echo substr($skinserisiurunleri['urun_stokkodu'],0,14); ?>
</div>
<div class="skinserisiurunleri-sayfasi-fiyati" name="sepeteeklenenurunler_fiyati">
<?php echo substr($skinserisiurunleri['urun_fiyati'],0,24); ?> TL
</div>
<input type="text" name="resim" value="<?php echo $skinserisiurunleri['urun_resim'] ?>"><br>
<input type="text" name="ad" value="<?php echo $skinserisiurunleri['urun_adi'] ?>"><br>
<input type="text" name="stok" value="<?php echo $skinserisiurunleri['urun_stokkodu'] ?>"><br>
<input type="text" name="fiyat" value="<?php echo $skinserisiurunleri['urun_fiyati'] ?>"><br>
<div class="sepeteekle-butonu" style="margin-top:30px;">
<button type="button" id="vericek">Veri Gönder</button>
</div>
</div>
<?php } ?>
</div>
<!-- index değişik-bilgiler başlangıcı -->
<div class="indexsayfasi-digerbilgiler">
<?php include "indexdigerbilgiler.php"; ?>
</div>
</div>
<script>
$(document).ready(function ()
{
$("#vericek").click(function () {
var resim = $("input[name=resim]").val();
var ad = $("input[name=ad]").val();
var stok = $("input[name=stok]").val();
var fiyat = $("input[name=fiyat]").val();
$.ajax({
url: "sepetim.php",
type:"POST",
data:{
'resim':resim,
'ad':ad,
'stok':stok,
'fiyat':fiyat
},
success: function(result)
{
$("input[name=resim]").val("");
$("input[name=ad]").val("");
$("input[name=stok]").val("");
$("input[name=fiyat]").val("");
console.log(result);
}});
});
});
</script>
</body>
</html>
sepetim.php
<?php
include "baglanti.php";
?>
<!doctype html>
<html lang="tr">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="description" content="E-Ticaret Sitesi">
<meta name="keywords" content="site, sitesi, e-ticaret sitesi">
<meta name="author" content="Mali">
<!-- Bootstrap CSS -->
<link rel="stylesheet" href="style/bootstrap/bootstrap.min.css">
<link rel="stylesheet" href="style/bootstrap/bootstrap.css">
<link rel="stylesheet" href="fontawesome/webfonts/fontawesome-all.min.css" />
<link rel="stylesheet" href="style/sepetim.css" />
<title>E-Ticaret Sitesi</title>
<script src="https://code.jquery.com/jquery-2.2.4.min.js" integrity="sha256-BbhdlvQf/xTY9gja0Dq3HiwQF8LaCRTXxZKRutelT44=" crossorigin="anonymous"></script>
</head>
<body>
<div class="container p0">
<div>
<?php include "header.php"; ?>
</div>
<div>
<?php include "menu.php"; ?>
</div>
<div class="sepetimurunleri-sayfasi-div">
<div class="sepetimurunleri-ic-div">
<?php
if($_POST) {
$resim = $_POST['resim'];
$ad = $_POST['ad'];
$stok = $_POST['stok'];
$fiyat = $_POST['fiyat'];
$sepetimurunlerigoster = $db->prepare("INSERT INTO sepeteeklenenurunler (urun_resim,urun_stokkodu,urun_urunfiyati,urun_urunadi) VALUES (?,?,?,?)");
$ekle = $sepetimurunlerigoster->execute(array($resim,$ad,$stok,$fiyat));
if($ekle) {
echo "Kayıt tamam";
} else {
echo "Kayıt olmadı";
}
}
?>
</div>
</div>
<!-- index değişik-bilgiler başlangıcı -->
<div class="indexsayfasi-digerbilgiler">
<?php include "indexdigerbilgiler.php"; ?>
</div>
</div>
</body>
</html>