chat eczaonline.com yazılım uzmanı gaziantep web tasarım

jquery ders 3 - toggle

iyinet

Administratör
Katılım
2 Eyl 2002
Mesajlar
5,021
Beğeniler
53
Konum
Gaziantep
#1
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

Müptela
Katılım
24 Şub 2005
Mesajlar
2,869
Beğeniler
16
Yaş
32
Konum
Samsun
#2
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

Administratör
Katılım
2 Eyl 2002
Mesajlar
5,021
Beğeniler
53
Konum
Gaziantep
#3
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

Profesyonel
Katılım
13 Kas 2004
Mesajlar
594
Beğeniler
0
#5
derslere devam edecekmisin sayın iyinet? özellikle bu başlıktaki örnek çok hoşuma gitti. teşekkürler elinize sağlık.
 

Bu konuyu okuyanlar (Üyeler: 1, Misafirler: 0)

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. iyinet.com sayfalarında yer alan yazı, görsel ve linklerle ilgili hukuki şikayetleriniz için Buradan iletişime geçmeniz durumunda, ilgili kanunlar ve yönetmelikler çerçevesinde en geç 7 gün içerisinde iyinet yönetimince tarafınıza dönüş sağlanacaktır. Betcup Artemisbet Forum canlı bahis sohbet - - chat
Üst