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

1
Cevap 797
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=100484346&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

nihattr

11 yıl

Yarbay

Öncelikle buton "class"ında display:none neden var merak ettim. Yine sayfa yüklendiği gibi göstermek istemişsiniz zaten. Neyse, ona dokunmadım.

Şöyle bir şey yaptım. Sanırım istediğiniz bu.

http://jsfiddle.net/q471fvgt/

Ancak slideToggle() komutu ile başka bir sayfayı gösterirken içerik kayboluyor. O yüzden onu değiştirdim.

< Bu mesaj bu kişi tarafından değiştirildi nihattr -- 29 Aralık 2014; 3:29:09 >

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