• 08-05-2020, 21:12:34
    #1
    Böyle bişey yaptım tıklayınca steam veya origin seçeneklerinden biri görünsün istiyorum
    //Seçici
    <div class="clients">
    <a href="#steam" class="steam">Steam</a>
    <a href="#minecraft" class="minecraft">Minecraft</a>
    <a href="#origin" class="origin">Origin</a>
    <a href="#bnet" class="battle">Battle.net</a>
    </div>
    //Gizlenip gösterilcek yer
    <a href="urun.php?oyun=<?php echo $uid;?>" class="game">
    <div class="game-pic">
    <img src="img/<?php echo $resim;?>" alt="<?php echo $oyunad;?>">
    </div>
    <div class="game-title">
    <?php echo $oyunad;?></div>
    <div class="game-activation steam">
    <span>STEAM</span>
    <span>Activation</span>
    </div>
    <span class="game-cost"><?php echo $fiyat;?>₺</span>
    </a>
    $(document).ready(function(){
    $("a").click(function(){
    var ID = $(this).attr("href");
    if (ID === "#steam"){
    $(".steam").hide(500);
    $(".origin").show(500);
    }else{
    if (ID === "#origin"){
    $(".origin").hide(500);
    $(".steam").show(500);
    }
    }
    });
    });
    ajax nerdeyse hiç bilmiyorum bana daha performanslı seçim yapma mantığı gösterebilirmisiniz
  • 08-05-2020, 21:21:38
    #2
    muraatydn adlı üyeden alıntı: mesajı görüntüle
    Böyle bişey yaptım tıklayınca steam veya origin seçeneklerinden biri görünsün istiyorum
    //Seçici
    <div class="clients">
    <a href="#steam" class="steam">Steam</a>
    <a href="#minecraft" class="minecraft">Minecraft</a>
    <a href="#origin" class="origin">Origin</a>
    <a href="#bnet" class="battle">Battle.net</a>
    </div>
    //Gizlenip gösterilcek yer
    <a href="urun.php?oyun=<?php echo $uid;?>" class="game">
    <div class="game-pic">
    <img src="img/<?php echo $resim;?>" alt="<?php echo $oyunad;?>">
    </div>
    <div class="game-title">
    <?php echo $oyunad;?></div>
    <div class="game-activation steam">
    <span>STEAM</span>
    <span>Activation</span>
    </div>
    <span class="game-cost"><?php echo $fiyat;?>₺</span>
    </a>
    $(document).ready(function(){
    $("a").click(function(){
    var ID = $(this).attr("href");
    if (ID === "#steam"){
    $(".steam").hide(500);
    $(".origin").show(500);
    }else{
    if (ID === "#origin"){
    $(".origin").hide(500);
    $(".steam").show(500);
    }
    }
    });
    });
    ajax nerdeyse hiç bilmiyorum bana daha performanslı seçim yapma mantığı gösterebilirmisiniz
    işin ajax ile değil jquery ile ajax farklı bir dünya. Ayrıca Soru hiç açık değil
  • 08-05-2020, 21:24:16
    #3
    YasinKose adlı üyeden alıntı: mesajı görüntüle
    işin ajax ile değil jquery ile ajax farklı bir dünya. Ayrıca Soru hiç açık değil
    jquery evet soru şu şimdi
    <a href="urun.php?oyun=<?php echo $uid;?>" class="game">
    bunu full yoketmek istiyorum ben data-id falan ekleyerek yapabilirmiyim yani o data-id yi ben nasıl hide yapcam bu konuda yardımınızı istiyorum
  • 08-05-2020, 21:27:06
    #4
    Buyur
    $("body").on('click', '.clients > .steam', function(event) {
            event.preventDefault();
            $(".game").data("steam").remove();
        });
  • 08-05-2020, 21:27:44
    #5
    muraatydn adlı üyeden alıntı: mesajı görüntüle
    Böyle bişey yaptım tıklayınca steam veya origin seçeneklerinden biri görünsün istiyorum
    //Seçici
    <div class="clients">
    <a href="#steam" class="steam">Steam</a>
    <a href="#minecraft" class="minecraft">Minecraft</a>
    <a href="#origin" class="origin">Origin</a>
    <a href="#bnet" class="battle">Battle.net</a>
    </div>
    //Gizlenip gösterilcek yer
    <a href="urun.php?oyun=<?php echo $uid;?>" class="game">
    <div class="game-pic">
    <img src="img/<?php echo $resim;?>" alt="<?php echo $oyunad;?>">
    </div>
    <div class="game-title">
    <?php echo $oyunad;?></div>
    <div class="game-activation steam">
    <span>STEAM</span>
    <span>Activation</span>
    </div>
    <span class="game-cost"><?php echo $fiyat;?>₺</span>
    </a>
    $(document).ready(function(){
    $("a").click(function(){
    var ID = $(this).attr("href");
    if (ID === "#steam"){
    $(".steam").hide(500);
    $(".origin").show(500);
    }else{
    if (ID === "#origin"){
    $(".origin").hide(500);
    $(".steam").show(500);
    }
    }
    });
    });
    ajax nerdeyse hiç bilmiyorum bana daha performanslı seçim yapma mantığı gösterebilirmisiniz
    .minecraft-content,
    .origin-content,
    .battle-content{
    
    display : none;
    }
    <div class="clients">
    <a href="#steam" class="steam">Steam</a>
    <a href="#minecraft" class="minecraft">Minecraft</a>
    <a href="#origin" class="origin">Origin</a>
    <a href="#battle" class="battle">Battle.net</a>
    </div>
    
    <!--gösterilecek/gizlenecek alanlar-->
    <div class="mainContent">
    <div class="steam-content">
    Steam içerik
    </div>
    <div class="minecraft-content">
    minecraft içerik
    </div>
    <div class="origin-content">
    origin içerik
    </div>
    <div class="battle-content">
    battle içerik
    </div>
    </div>
    $('.clients a').click(function(e) {
    
    e.preventDefault();
    
    $('.mainContent > div').hide();
    $('.' + $(this).attr('href')).show();
    });
    bu mantıkla yapabilirsiniz
    • muraatydn
    muraatydn bunu beğendi.
    1 kişi bunu beğendi.
  • 08-05-2020, 21:28:59
    #6
    YasinKose adlı üyeden alıntı: mesajı görüntüle
    Buyur
    $("body").on('click', '.clients > .steam', function(event) {
            event.preventDefault();
            $(".game").data("steam").remove();
        });
    <a href="#link" data-id="steam">
    
    .data("id"); = sonuc steam
    .attr("data-id") = sonuc steam
  • 08-05-2020, 21:30:16
    #7
    YasinKose adlı üyeden alıntı: mesajı görüntüle
    Buyur
    $("body").on('click', '.clients > .steam', function(event) {
            event.preventDefault();
            $(".game").data("steam").remove();
        });
    Misafir adlı üyeden alıntı: mesajı görüntüle
    .minecraft-content,
    .origin-content,
    .battle-content{
    
    display : none;
    }
    <div class="clients">
    <a href="#steam" class="steam">Steam</a>
    <a href="#minecraft" class="minecraft">Minecraft</a>
    <a href="#origin" class="origin">Origin</a>
    <a href="#battle" class="battle">Battle.net</a>
    </div>
    
    <!--gösterilecek/gizlenecek alanlar-->
    <div class="mainContent">
    <div class="steam-content">
    Steam içerik
    </div>
    <div class="minecraft-content">
    minecraft içerik
    </div>
    <div class="origin-content">
    origin içerik
    </div>
    <div class="battle-content">
    battle içerik
    </div>
    </div>
    $('.clients a').click(function(e) {
    
    e.preventDefault();
    
    $('.mainContent > div').hide();
    $('.' + $(this).attr('href')).show();
    });
    bu mantıkla yapabilirsiniz
    ikinizede birer birer teşekkür ederim arkadaşlar
  • 08-05-2020, 21:31:04
    #8
    muraatydn adlı üyeden alıntı: mesajı görüntüle
    ikinizede birer birer teşekkür ederim arkadaşlar
    İyi Forumlar
  • 08-05-2020, 21:32:38
    #9
    Kimlik doğrulama veya yönetimden onay bekliyor.
    Seçicilerdeki değerleri get ile aldığın zaman hoş bir görüntü olmayacaktır onun yerine ya check box yada select box kullanmanı tavsiye ederim ardından onchange parametresi kullanarak ajax fonksiyonuna değiştirilen değeri alırsın ardından onu başka sayfa veya mevcut sayfa içerisine post edersin gizlenip gösterilen kısımları ise ajax ile post ettiğin değere göre değşitirip ajaxtan aldığın return'u divler arasına yazdır.
    vaktim olmadığı için özet geçecem. (yanlışlarım olabilir)

    <select class="gameSelect" name="gameSelect">
                   <option value="0">Minecraft</option>
                   <option value="1">Steam</option>
                   <option value="2">Orgin</option>
           </select>
    $('select.gameSelect').change(function(){
    $.ajax({
                        type: "POST",
                       url: "islem.php",
                        data:{secilenOyun:$('select.gameSelect').val()},
                       success : function(data){
                          // Bu kısımda'da dönen veriyi ekrana bastım ben sen dive yazdır.
                          alert(data);
                       }* });});
    <?php    
    include('DB.php');
     $gelenOyun = $_POST['secilenOyun'];        
    echo    
    '    //Gizlenip gösterilcek yer  
    <a href="urun.php?oyun=<?php echo $uid;?>" class="game">  
    <div class="game-pic">  
    <img src="img/<?php echo $resim;?>" alt="<?php echo $oyunad;?>">  
    </div>  
    <div class="game-title">   <?php echo $oyunad;?></div>  
    <div class="game-activation steam">  
    <span>STEAM</span>  
    <span>Activation</span>  
    </div>  
    <span class="game-cost"><?php echo $fiyat;?>₺</span>  
    </a>  '; 
    //Bu kısımdaki verileri artık veritabanın'dan çekerek mi güncellersin herhangi bir array'dan çekeremi düzeltirsin düzelt
    ?>