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 753
Tıklama 0
Öne Çıkarma

1. sayfa

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

Cevap Yaz

bysoul

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

nihattr

9 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