astropaykartsatis.net
User Tag List

Yeni Konu Aç Cevap Yaz
25.06.2009, 22:12 1 (permalink)
iyinet
iyinet Paylaşım için teşekkürler
  • Neredenİzmir Şubesi
  • Üyelik Tarihi2.09.2002
  • Ticaret Sayısı0
  • Mesajlar5,572
jquery ders 3 - toggle #permalink (permalink)
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_dersler...y_ders_03.html
Konu açmadan önce " FORUM KURALLARI " bölümünü gözden geçirin.

Her türlü soru, öneri, memnuniyet, şikayet ve bilgi taleplerinizi iletmek için " MAİL " adresimizi kullanabilir veya " İLETİŞİM FORMU " üzerinden bizlere ulaşabilirsiniz.

Kurallara Uyduğunuz için Teşekkürler !
Hızlı PM Gönder
Gönder
Alıntı ile Cevapla
25.06.2009, 22:23 2 (permalink)
GNeRaL
  • Üyelik Tarihi24.02.2005
  • Yaş30
  • Ticaret Sayısı0
  • Mesajlar1,947
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??
Hızlı PM Gönder
Gönder
Alıntı ile Cevapla
25.06.2009, 22:32 3 (permalink)
iyinet
iyinet Paylaşım için teşekkürler
  • Neredenİzmir Şubesi
  • Üyelik Tarihi2.09.2002
  • Ticaret Sayısı0
  • Mesajlar5,572
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>
Konu açmadan önce " FORUM KURALLARI " bölümünü gözden geçirin.

Her türlü soru, öneri, memnuniyet, şikayet ve bilgi taleplerinizi iletmek için " MAİL " adresimizi kullanabilir veya " İLETİŞİM FORMU " üzerinden bizlere ulaşabilirsiniz.

Kurallara Uyduğunuz için Teşekkürler !
Hızlı PM Gönder
Gönder
Alıntı ile Cevapla
25.06.2009, 22:41 4 (permalink)
GNeRaL
  • Üyelik Tarihi24.02.2005
  • Yaş30
  • Ticaret Sayısı0
  • Mesajlar1,947
Teşekkürler, oldu Bir anlık dalgınlık.
Hızlı PM Gönder
Gönder
Alıntı ile Cevapla
3.10.2009, 18:41 5 (permalink)
DeviLLe
  • Üyelik Tarihi13.11.2004
  • Ticaret Sayısı0
  • Mesajlar515
derslere devam edecekmisin sayın iyinet? özellikle bu başlıktaki örnek çok hoşuma gitti. teşekkürler elinize sağlık.
Hızlı PM Gönder
Gönder
Alıntı ile Cevapla
12.04.2010, 20:33 6 (permalink)
PlusBurakk
  • Üyelik Tarihi1.02.2010
  • Ticaret Sayısı0
  • Mesajlar64
Demo linki kırık.
Ayrıca biraz daha net açıklayabilir miyiz?
Hızlı PM Gönder
Gönder
Alıntı ile Cevapla
Yeni Konu Aç Cevap Yaz
Şu an bu konuyu okuyan kişi sayısı: 1 (0 üye ve 1 misafir)
 
Seçenekler
Yetkileriniz
Konu Acma Yetkiniz Yok Cevap Yazma Yetkiniz Yok Eklenti Yükleme Yetkiniz Yok Mesajınızı Değiştirme Yetkiniz Yok
BB code is Açık Smileler Açık [IMG] Kodları Açık HTML-Kodu Kapalı
Trackbacks are Açık
Pingbacks are Açık
Refbacks are Açık
Forum Kuralları
Benzer Konular
Konu Konuyu Başlatan Forum Cevap Son Mesaj
Jquery Öğreniyoruz (Toggle Methodu) - Ders 4 trgy Jquery Dersleri 10 3.09.2013 15:05
Jquery Öğreniyoruz - Ders 1 trgy Jquery Dersleri 15 22.01.2013 14:35
jquery ders 2 - animate iyinet jquery scriptler 4 25.06.2009 22:13
jquery ders 1 - fadeIn ve fadeOut iyinet jquery scriptler 9 25.06.2009 15:14

Forum Saati: 17:37. Zaman dilimi GMT +3 olarak ayarlanmıştır.
Powered by vBulletin™ Version 3.8.7
Copyright © 2017 vBulletin Solutions, Inc. All rights reserved.