Şimdi Ara

Sayfa değişmeden div elemanı içerisine veri çekme

Daha Fazla
Bu Konudaki Kullanıcılar: Daha Az
2 Misafir (1 Mobil) - 1 Masaüstü1 Mobil
5 sn
3
Cevap
0
Favori
421
Tıklama
Daha Fazla
İstatistik
  • Konu İstatistikleri Yükleniyor
0 oy
Öne Çıkar
Sayfa: 1
Giriş
Mesaj
  • Mrb arkadaşlar

    Bir menüm var menüdeki seçeneklere tıklandığında bir div elemanı içerisinde sayfa değişmeksizin göstermek istiyorum. Ben div içinde yazdığım bir sayfayı gösterdim fakat bir sayfa için yapabildim diğer sayfalara nasıl uygulayabilirim?

    jquery
    <script type="text/javascript"> 
    $(document).ready(function(){

    $(".kayar").hide();
    $(".buton").show();

    $('.buton').click(function(){
    $(".kayar").slideToggle();
    });

    });
    </script>


    css
    .kayar { 
    margin: 0 auto;
    height:600px;
    background-color:#ffffff;
    padding:5px;
    margin-top:10px;
    width:800px;
    border:1px solid #fff;
    border-top-left-radius: 3px;
    border-top-right-radius:3px;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius:3px;
    }

    .buton {
    display:none;
    color:#000;
    width:150px;
    }


    Son olarak sayfadaki görünüm
     <li><a data-test="test" rel="nofollow" style="word-wrap: break-word; text-decoration: underline;" target="_blank" onclick="return dhExternalLinkRedirect(this)" href="/ExternalLinkRedirect?module=pgdcode&messageId=100484386&url=#" class="buton" data-href="#" class="buton">İletişim</a></li> 

    <div class="kayar">
    İçerik göster</div>







  • Hocam anladığım kadarı ile sitenizde ajax kullanmak istiyorsunuz. Link yerine bir buton koyun. Butona bir onclick fonksiyonu atayın. Aşağıdaki linkte sayfa yenilemesi yapmadan içeriğin değiştirilmesine küçük bir örnek var. İşinize yarayabilir.

    http://www.w3schools.com/ajax/ajax_example.asp
  • İstediğiniz bu tarz birşey mi?

    http://jsfiddle.net/2c4919sx/1/



    < Bu mesaj bu kişi tarafından değiştirildi putumku -- 19 Aralık 2014; 18:07:18 >
  • Yapay Zeka’dan İlgili Konular
    Daha Fazla Göster
    
Sayfa: 1
- x
Bildirim
mesajınız kopyalandı (ctrl+v) yapıştırmak istediğiniz yere yapıştırabilirsiniz.