İyinet'e Hoşgeldiniz!

Türkiye'nin En Eski Webmaster Forum'una Hemen Kayıt Olun!

Kayıt Ol!

jquery ders 3 - toggle

iyinet

Root
Admin
Hosting Firması
Katılım
2 Eylül 2002
Mesajlar
5,028
Reaction score
62
Konum
Sakarya
jquery toggle() fonksiyonu ile bir dugmeyi acip kapama gibi efektler yapabilirsiniz. toggle() fonksiyonu uzerinde tanimlanan 2 fonksiyona gore hareket eder.

Asagidaki demoda
1. fonsiyon login ekranini fadein() yapiyor yani gosteriyor. Login ekrani style tanimlamasinda ilk hali ile gizli.
2. fonsiyon fadeout() yapiyor yani gizliyor.

Oldukca basit ve anlasilir bir demo, sorulariniz olursa lutfen bu baslik altina yaziniz.

demo : http://www.iyinet.com/jquery_dersleri/jquery_ders_03.html
 

GNeRaL

0
İyinet Üyesi
Katılım
24 Şubat 2005
Mesajlar
2,869
Reaction score
16
Konum
Samsun
Kod:
case "Musteri" :
echo '
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script> 
<style>
.div_ic { display:none; padding:5px; }
.div_tikla {cursor:pointer}
</style>
<div id="left">
<div class="div_tikla"><b>Sayın Müşterimiz;<p>
<p><a>Üye girişi</a> yaparak sizler için hazırlanan Müşteri Paneli\'nde rahatça işlemler yapabilirsiniz.<p>
<p>Müşteri numaranız, hesap açılışında size verilen Hesap Numarasıdır.<p>
<div class="div_ic">
<form name="giris" action="kapi-anahtar.php">
<input type=text class=search value="Müşteri Kodu"><br><br>
<input type=password password=yes class=search value="Şifre">
<input type=submit value="Giriş Yap" class="giris" /></p>
</div></div></div></script>';
	break;

Bunun içinden çıkamadım ben??
 

iyinet

Root
Admin
Hosting Firması
Katılım
2 Eylül 2002
Mesajlar
5,028
Reaction score
62
Konum
Sakarya
Kaynak kodun alt kismindaki javascript foksiyonu unutmussunuz sanirim:

Kod:
<script type="text/javascript">
  jQuery().ready(function() {
           jQuery(".div_tikla").toggle(
               function(){
                   jQuery(".div_ic").fadeIn("fast");
               },
               function(){
                   jQuery(".div_ic").fadeOut("fast");
               }
           );
  }); 
</script>
 

DeviLLe

0
İyinet Üyesi
Katılım
13 Kasım 2004
Mesajlar
594
Reaction score
0
derslere devam edecekmisin sayın iyinet? özellikle bu başlıktaki örnek çok hoşuma gitti. teşekkürler elinize sağlık.
 

PlusBurakk

0
İyinet Üyesi
Katılım
1 Şubat 2010
Mesajlar
92
Reaction score
0
Demo linki kırık.
Ayrıca biraz daha net açıklayabilir miyiz?
 

Türkiye’nin ilk webmaster forum sitesi iyinet.com'da forum üyeleri tarafından yapılan tüm paylaşımlardan; Türk Ceza Kanunu’nun 20. Maddesinin, 5651 Sayılı Kanununun 4. maddesinin 2. fıkrasına göre, paylaşım yapan üyeler sorumludur.

Backlink ve Tanıtım Yazısı için iletişime geçmek için Skype Adresimiz: .cid.1580508955483fe5

Üst