Açılıp Kapanan div Hızı

Aşağı Git Tüm Forumlar Web Tasarım - Programlama Tasarım ve grafik Web Tasarım ve Hazır Kodlar Açılıp Kapanan div Hızı

Bu konudaki kullanıcılar: 1 misafir, 1 mobil kullanıcı

8
Cevap 2571
Tıklama 0
Öne Çıkarma

1. sayfa

Açılıp Kapanan div Hızı

Cevap Yaz

ujkdhtyfhed

14 yıl

Yüzbaşı

Konu Sahibi

Merhaba arkadaşlar;

maps.ovi.com sitesindeki gibi yukarıya doğru kapana ve aşağıya doğru açılan bir menu tasarladım.

Sadece benim menu bu sitedeki gibi yavaş yavaş açılıp kapanmıyor, birden açılıyor ve kapanıyor.

Ben jscript yardımıyla;

for (var i = 700; i > 0; i -= 15) {
m.style.height = i + 'px'
//sleep(0.2)
}
gibi bir kod ile yaptım.

Bunu jquery yardımıyla yapacağım saırım ama kaynak bulamadım.

Yardımlarınız için teşekkürler.

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

TradeMark

14 yıl

Binbaşı

 
   
  <div id="wrapper" style="width:200px; height:auto;"> 
    <div id="container" style="position:relative; width:200px; height:500px; float:left; background-color:#CCC;"> 
    </div> 
    <div id="toggler" style="position:relative; width:200px; height:35px; float:left; background-color:#000;"> 
    </div> 
  </div> 
  <script language="javascript1.2" type="text/javascript" src="http://code.jquery.com/jquery-1.5.min.js"></script> 
  <script language="javascript1.2" type="text/javascript"> 
    $(document) 
    .ready 
    ( 
      function ( ) 
      { 
        $("#toggler") 
        .click 
        ( 
          function ( ) 
          { 
            $("#container").slideToggle("slow"); 
          } 
        ) 
      } 
    ) 
  </script>

< Bu mesaj bu kişi tarafından değiştirildi TradeMark -- 6 Şubat 2011; 1:09:20 >
Bu mesaja 2 cevap geldi.

ujkdhtyfhed

14 yıl

Yüzbaşı

Konu Sahibi

teşekkürler TradeMark, jquerynin güzellikleriyle uğraşmaya yeni başlayabildim, alır götürür valla insanı

Bu mesaja 1 cevap geldi.

TradeMark

14 yıl

Binbaşı

Evet güzeldir. Aslında öğrenmesi de kolaydır. Biraz XPATH/XLINK/XQUERY ve HTML DOM bilgin varsa çok çabuk kavrayabilirsin. Hem mantığını hem uygulamasını.

Bu mesaja 1 cevap geldi.

ujkdhtyfhed

14 yıl

Yüzbaşı

Konu Sahibi

hocam burdan soruyum diğer sorumu da o zaman

, başlık açmaya gerek yok.

html

 
  <script language="javascript"> 
          function AjxTest() { 
              $.ajax({ 
                  type: 'GET', 
                  url: 'default.aspx', 
                  data: 'veri=veri1', 
      success: function(sonuc) { 
  alert(location.search); 
      }, 
  });       
    } 
  </script> 
      <div id="AjaxDiv" style="width: 200px; height: 200px; background-color: Blue" onclick="AjxTest();">         
      </div>

asp.net

 
      protected void Page_Load(object sender, EventArgs e) 
      { 
          if (Request.QueryString["veri"] != null) 
          { 
              string d = Request.QueryString["veri"].ToString(); 
              if (d != "veri1") 
                  return; 
              Response.Redirect("default.aspx?veri=veri1geldi"); 
          } 
      }

kodlarım yukarıdaki gibi ama veri1geldi server cevabını success fonksiyonunda alamıyorum.

alert(location.search);

boş geliyor.

Bu mesaja 1 cevap geldi.

TradeMark

14 yıl

Binbaşı

location.search boş gelir çünkü sadece adres çubuğunda querystring yer alıyorsa değer döndürüyor onu da mevcut sayfa için döndürüyor. bizzat denedim. karşılamadığım dahası ihtiyaç duymadığım birşey sordun

. ama illaki location.search demene gerek yok. bunu göndermeyi yaptığın sayfada responseText olarak ayarlayıp döndürebilirsin.

Bu mesaja 1 cevap geldi.

ujkdhtyfhed

14 yıl

Yüzbaşı

Konu Sahibi

quote:

Orijinalden alıntı: TradeMark

location.search boş gelir çünkü sadece adres çubuğunda querystring yer alıyorsa değer döndürüyor onu da mevcut sayfa için döndürüyor. bizzat denedim. karşılamadığım dahası ihtiyaç duymadığım birşey sordun . ama illaki location.search demene gerek yok. bunu göndermeyi yaptığın sayfada responseText olarak ayarlayıp döndürebilirsin.

Teşekkürler yine de. Zaten kötü haber jQuery kullanamayacağım. Projemdeki javascript tabanlı başka bir kütüphaneyle çakışıyor

. Takla zamanı

Bu mesaja 1 cevap geldi.

TradeMark

14 yıl

Binbaşı

Yo kullanabilirsin. $ değişkeni ve jQuery değişkeni aynı işlevleri görür. Yani kütühaneler arası çakışma düşünülmüştür. Muhtemelen script.aculo.us veya prototype kullanıyorsun. misal $("#toggler") yerine jQuery("#toggler") dersen aynı işlevi yerine getirir.

Ya da $.noConflict(); kullanabilirsin. Anlatımları çok detaylı ama örnekleri anlaşılabilir kılıyor. http://api.jquery.com/jQuery.noConflict . hemen vazgeçme yani

Bu arada prototype falan dediğime bakma o ikisini kullanmışlığım yoktur. jQuery hep daha basit gelmiştir bana

. Ama bi yerden bakınca alayı aynı ..kun laciverti

< Bu mesaj bu kişi tarafından değiştirildi TradeMark -- 6 Şubat 2011; 23:38:36 >

EvrimAltay

12 yıl

Onbaşı

quote:

Orijinalden alıntı: TradeMark

 
   
  <div id="wrapper" style="width:200px; height:auto;"> 
    <div id="container" style="position:relative; width:200px; height:500px; float:left; background-color:#CCC;"> 
    </div> 
    <div id="toggler" style="position:relative; width:200px; height:35px; float:left; background-color:#000;"> 
    </div> 
  </div> 
  <script language="javascript1.2" type="text/javascript" src="http://code.jquery.com/jquery-1.5.min.js"></script> 
  <script language="javascript1.2" type="text/javascript"> 
    $(document) 
    .ready 
    ( 
      function ( ) 
      { 
        $("#toggler") 
        .click 
        ( 
          function ( ) 
          { 
            $("#container").slideToggle("slow"); 
          } 
        ) 
      } 
    ) 
  </script>

Sayın TradeMark,
Kod için teşekkürler fakat bunu başlangıçta kapalı olarak nasıl ayarlarız? Yani sayfa yüklendiğinde container'ı göstermesin.

Cevap Yaz

1. sayfa

Tüm Forumlar Web Tasarım - Programlama Tasarım ve grafik Web Tasarım ve Hazır Kodlar Açılıp Kapanan div Hızı