astropaykartsatis.net
User Tag List

Yeni Konu Aç Cevap Yaz
24.06.2009, 01:19 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 1 - fadeIn ve fadeOut #permalink (permalink)
Bu örnekte Jquery nin fadeIn() ve fadeOut() fonsiyonlarını kullanarak HTML sayfamızdaki bir DIV i saklayıp gösteriyoruz.

Kod çok basit:

onclick="$('#divim').fadeOut()" -> gizle
onclick="$('#divim').fadeIn()" -> goster

$('#divim') = divim id li div üzerinde işlem yapmamızı sağlıyor.
$('#divim') = document.getElementById('divim') metoduna eşdeğerdir.

Demo: http://www.iyinet.com/jquery_dersler...y_ders_01.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
24.06.2009, 01:59 2 (permalink)
airweb@netrap.netairweb
  • Üyelik Tarihi1.07.2008
  • Yaş33
  • Ticaret Sayısı0
  • Mesajlar60
Teşekkürler....
Effectindeki o geçiş hoşuma gitti.
Hızlı PM Gönder
Gönder
Alıntı ile Cevapla
24.06.2009, 06:18 3 (permalink)
Loi
Loi
  • NeredenKocaeli Şubesi
  • Üyelik Tarihi13.11.2006
  • Ticaret Sayısı0
  • Mesajlar3,982
Peki default olarak sayfa load edince divi gizli olarak başlatamıyormuyuz?
Hızlı PM Gönder
Gönder
Alıntı ile Cevapla
24.06.2009, 07:57 4 (permalink)
iyinet
iyinet Paylaşım için teşekkürler
  • Neredenİzmir Şubesi
  • Üyelik Tarihi2.09.2002
  • Ticaret Sayısı0
  • Mesajlar5,572

Peki default olarak sayfa load edince divi gizli olarak başlatamıyormuyuz?

Baslatiriz tabi, onuda 2. derste anlatayim.
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
24.06.2009, 11:40 5 (permalink)
ejder
  • Üyelik Tarihi10.11.2003
  • Yaş37
  • Ticaret Sayısı0
  • Mesajlar968
tahminim <body onload="$('#divim').fadeOut()"
Hızlı PM Gönder
Gönder
Alıntı ile Cevapla
24.06.2009, 12:26 6 (permalink)
atay
  • Üyelik Tarihi29.10.2005
  • Ticaret Sayısı0
  • Mesajlar2,178

Peki default olarak sayfa load edince divi gizli olarak başlatamıyormuyuz?

Kod:
<div style="display=none;">
şeklinde ayarlayın divi, jquery fadein yapınca zaten none tagını kaldıracaktır.
Hızlı PM Gönder
Gönder
Alıntı ile Cevapla
24.06.2009, 12:40 7 (permalink)
OnurSQL
  • Üyelik Tarihi29.03.2005
  • Yaş29
  • Ticaret Sayısı0
  • Mesajlar1,323

Peki default olarak sayfa load edince divi gizli olarak başlatamıyormuyuz?

Kod:
$(document).ready(function(){ 
  $('#divadi').hide(); // id 
  $('div.sinifadi).hide(); // class
  $('h1').hide(); // elementler
 */
}
merak ettiğiniz konular hakkında ben de ders hazırlayabilirim.
Hızlı PM Gönder
Gönder
Alıntı ile Cevapla
24.06.2009, 12:49 8 (permalink)
GNeRaL
  • Üyelik Tarihi24.02.2005
  • Yaş30
  • Ticaret Sayısı0
  • Mesajlar1,947
Gayet güzel, paylaşımın devamını beklemekteyiz,

Teşekkürler
Hızlı PM Gönder
Gönder
Alıntı ile Cevapla
25.06.2009, 13:15 9 (permalink)
GNeRaL
  • Üyelik Tarihi24.02.2005
  • Yaş30
  • Ticaret Sayısı0
  • Mesajlar1,947
Şu sorumu burada sormam gerekti sanırım,

iyinet, teşekkürler!

Bir sorum olacak;

Kod:
<p><a href="javascript:void(0)" onclick="$(\'#divim1\').fadeIn()">Üye girişi</a> yaparak
ve

Kod:
<div id="divim1" style="display:none;padding:10px;width:600px">Kullanıcı adı:<p>Parola:</div>
yapıyoruz. Ben şöyle bir şey istiyorum;

İlk tıkta fadeIn(); oldu, diğer tıkta da eski haline dönsün fadeOut(); olsun.

mümkün mü?

Hızlı PM Gönder
Gönder
Alıntı ile Cevapla
25.06.2009, 15:14 10 (permalink)
atay
  • Üyelik Tarihi29.10.2005
  • Ticaret Sayısı0
  • Mesajlar2,178

Şu sorumu burada sormam gerekti sanırım,

http://docs.jquery.com/Effects/slideDown#speedcallback
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 Öğreniyoruz - Ders Arşivi trgy Jquery Dersleri 0 11.09.2010 13:43
jquery ders 3 - toggle iyinet jquery scriptler 5 12.04.2010 20:33
jquery ders 2 - animate iyinet jquery scriptler 4 25.06.2009 22:13

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