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

Aşağı Git Tüm Forumlar Web Tasarım - Programlama Yazılım Geliştirme PHP / CGI Sayfa değişmeden div elemanı içerisine veri çekme

Bu konudaki kullanıcılar: 1 misafir

2
Cevap 430
Tıklama 0
Öne Çıkarma

1. sayfa

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

Cevap Yaz

bysoul

11 yıl

Konu Sahibi

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>

DH forumlarında vakit geçirmekten keyif alıyor gibisin ancak giriş yapmadığını görüyoruz.

Üye olduğunda özel mesaj gönderebilir, beğendiğin konuları favorilerine ekleyip takibe alabilir ve daha önce gezdiğin konulara hızlıca erişebilirsin.

Üye Ol Şimdi Değil

Bir Daha Gösterme

perseustr

11 yıl

Yüzbaşı

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

Bu mesaja 1 cevap geldi.

putumku

11 yıl

Yüzbaşı

İ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 >

Cevap Yaz

1. sayfa

Tüm Forumlar Web Tasarım - Programlama Yazılım Geliştirme PHP / CGI Sayfa değişmeden div elemanı içerisine veri çekme