Bu kodlar neden çalışmaz?

30-09-2018, 13:25:15

#1

tuyo

Kimlik doğrulama veya yönetimden onay bekliyor.

https://codepen.io/anon/pen/Edabmg
Aynısını kullandım hatta resim yolunu değiştirdim yine de çalışmadı.

30-09-2018, 13:32:17

#2

Loren

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

https://codepen.io/anon/pen/Edabmg
Aynısını kullandım hatta resim yolunu değiştirdim yine de çalışmadı.

bu kodların neden çalışmadığını söyleyebilmemiz için sizin bu kodları nasıl kullandığınızı bilmemiz gerekli lütfen kendi yazdığınız ve çalışmayan parçayı atarmısınız ?

30-09-2018, 14:05:21

#3

tuyo

Kurumsal Üye

<select class="target renk">
    <option value="mavi">Mavi</option>    
    <option value="kırmızı">Kırmızı</option>
</select>
<br><br><br><br>
  <select class="target yas">
    <option value="56">56</option>
    <option value="12">12</option>
</select>
<br><br><br><br>
<img class="resim" src="">

$(".target").change(function() {
  var renk= $(".renk").val();
  var yas= $(".yas").val();
  if(renk === "mavi" && yas === "56"){
$(".resim").attr('src','http://localhost/haser/resimler/56mavi.jpg')
   }
    if(renk === "kırmızı" && yas === "12"){
$(".resim").attr('src','http://localhost/haser/resimler/12kirmizi.jpg')
    }
    if(renk === "mavi" && yas === "12"){
$(".resim").attr('src','http://localhost/haser/resimler/12mavi.jpg')
   }
    if(renk === "kırmızı" && yas === "56"){
$(".resim").attr('src','http://localhost/haser/resimler/56kirmizi.jpg')
    }
});

30-09-2018, 14:20:53

#4

Loren

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

<select class="target renk">
    <option value="mavi">Mavi</option>    
    <option value="kırmızı">Kırmızı</option>
</select>
<br><br><br><br>
  <select class="target yas">
    <option value="56">56</option>
    <option value="12">12</option>
</select>
<br><br><br><br>
<img class="resim" src="">

$(".target").change(function() {
  var renk= $(".renk").val();
  var yas= $(".yas").val();
  if(renk === "mavi" && yas === "56"){
$(".resim").attr('src','http://localhost/haser/resimler/56mavi.jpg')
   }
    if(renk === "kırmızı" && yas === "12"){
$(".resim").attr('src','http://localhost/haser/resimler/12kirmizi.jpg')
    }
    if(renk === "mavi" && yas === "12"){
$(".resim").attr('src','http://localhost/haser/resimler/12mavi.jpg')
   }
    if(renk === "kırmızı" && yas === "56"){
$(".resim").attr('src','http://localhost/haser/resimler/56kirmizi.jpg')
    }
});

sayfanıza Jquery i dahil etttiniz mi ?

aynı zamanda jqueryi dahil ettiyseniz javascript kodlatınız

<script></script>

taglerinin içerisinde yer almalı

30-09-2018, 14:47:01

#5

tuyo

Kurumsal Üye

.js dosyasını kaydettim

30-09-2018, 14:48:15

#6

Metruk

eğer bu scripti elementten önce yerleştirdiyseniz de çalışmaz jquery document ready içerisine ekleyiniz script kodlarını

30-09-2018, 14:59:29

#7

Loren

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

.js dosyasını kaydettim

.js dosyasına kaydetmeniz bu kodun çalışacağını göstermez.bu kod javascript frameworku olan jquery ile yazılmış o yüzden sayfanıza jqueryi dahil etmeniz gerekmektedir

30-09-2018, 15:02:24

#8

Cappystarj0e

Kimlik doğrulama veya yönetimden onay bekliyor.

Bu kodu deneyin, çalışıyor...

<html>
<head>
<script
  src="https://code.jquery.com/jquery-3.3.1.min.js"
  integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8="
  crossorigin="anonymous"></script>
</head>
<body>
<select class="target renk">
    <option value="mavi">Mavi</option>    
    <option value="kırmızı">Kırmızı</option>
</select>
<br><br><br><br>
  <select class="target yas">
    <option value="56">56</option>
    <option value="12">12</option>
</select>
<br><br><br><br>
<img class="resim" src="">
<script>
$(".target").change(function() {
  var renk= $(".renk").val();
  var yas= $(".yas").val();
  if(renk === "mavi" && yas === "56"){
$(".resim").attr('src','https://via.placeholder.com/300/0048ff?text=56')
   }
    if(renk === "kırmızı" && yas === "12"){
$(".resim").attr('src','https://via.placeholder.com/300/ff0000?text=12')
    }
    if(renk === "mavi" && yas === "12"){
$(".resim").attr('src','https://via.placeholder.com/300/0048ff?text=12')
   }
    if(renk === "kırmızı" && yas === "56"){
$(".resim").attr('src','https://via.placeholder.com/300/ff0000?text=56')
    }

});
</script>
</body>
</html>

30-09-2018, 15:54:40

#9

tuyo

Kurumsal Üye

Evet çalıştı arkadaşım, ama değiştirdiğim resmi göstermiyor, "http://localhost/xampp/htdocs/amonhas/resimler/56mavi.jpg" resim yolunda mı sıkıntı var acaba?
"http://localhost/amonhas/resimler/56mavi.jp" denedim yine göstermedi