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

Jquery Öğreniyoruz (Toggle Methodu) - Ders 4

  • Konbuyu başlatan trgy
  • Başlangıç tarihi
T
#1
Jquery derslerine Toggle methodu ile devam ediyoruz. Toggle methodu çok kullanışlı bir method olup bir çok site üzerinde kullanımaktadır. Toggle methodunu kısaca tanımlamak gerekirse hem show hem de hide methodlarını içeren bir methoddur.

Türkçe anlamı
toggle, bir işlemden diğerine geçmek.,

Örnek Toggle methodu

Kullanımı

Kod:
toggle()
toggle(4000) // 4000 zaman belirtir. 4000 = 4 saniye
toggle('slow') // slow'un Türkçe karşılığı yavaş demektir.
HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>

<script src="jquery.min.js" type="text/javascript">
</script>

    <style type="text/css">
    #box {
    background-color: red;
    width: 300px;
    height: 300px;
	display: none;
    }
    </style>

    <script type="text/javascript">
    $(function() {
        $('a').click(function() {
            $('#box').toggle('slow');
        });
    });

    </script>

</head>

<body>
    <div id="box"></div>
        <a href="#">Tıkla beni!</a>
</body>
</html>
Yukarıda verdiğim örnekte Tıkla beni! yazısına tıkladığımızda kutu açılacaktır. Bir daha tıkladığımızda ise kutu kapanacaktır. İşlem önceliğine biz karar verebiliyoruz. css kodlarından display: none; seçeneğini kaldırırsak bu sefer kutu açık bir şekilde gelir karşımıza tıkladığımızda kapanır.

Demo - Kaynak Kodlar
 
T
#5
Mantıksız değil mi sizce söylenen şey. :D

Linke tıkladığında açılacak başka bir sayfada ve o sayfa ile bağlantı kuracak öyle mi?

Bu dediğiniz hani derler ya fizik kurallarına aykırı işte o oluyor. :D

Zaten çağırılan div içerisinde html kodlarını kullanabilirsiniz ayrı bir sayfa ne alaka onu çözemedim.
 
Katılım
21 May 2010
Mesajlar
1,462
Beğeniler
24
Yaş
31
Konum
Maraşlıyık edem
#6
Mantıksız değil mi sizce söylenen şey. :D

Linke tıkladığında açılacak başka bir sayfada ve o sayfa ile bağlantı kuracak öyle mi?

Bu dediğiniz hani derler ya fizik kurallarına aykırı işte o oluyor. :D

Zaten çağırılan div içerisinde html kodlarını kullanabilirsiniz ayrı bir sayfa ne alaka onu çözemedim.
hayır mantıksız değil jquery'nin büyük bir eksiği :p load olayı(sayfalar için) varsa unload olayı da olmalı :D :D

akerdion hoşuma gitti onunla divler içinde html kullanarak yaparım sanırım :)
 
T
#7
şimdi anladım senin dediğin olayı.

sayfalar arası geçişte kullanacaksın mesela değil mi?
 

ceyhun54

Yeni Üye
Katılım
16 Haz 2012
Mesajlar
5
Beğeniler
0
Yaş
27
#10
Kod:
<script src="jquery.min.js" type="text/javascript">
</script>

    <style type="text/css">
    #box {
    background-color: red;
    width: 300px;
    height: 300px;
    display: none;
    }
    </style>

    <script type="text/javascript">
    $(function() {
        $('a').click(function() {
            $('#box').toggle('slow');
        });
    });

    </script>

</head>

<body>
    <div id="box"><iframe src="asd.html"></iframe></div>
        <a href="#">Tıkla beni!</a>
</body>
</html>


Evet bu şekilde yapılabiliyor. :)
 

By_AqoO

Yeni Üye
Katılım
3 Eyl 2013
Mesajlar
2
Beğeniler
0
Yaş
26
#11
Selam herkese, Hocam baslangicda sizinde dediyiniz gibi 1aydi jquery derslik ariyorum amma bulamuyorum olanlarda hepsi yariya kadar. googlede sizin dersleri buldum ve okudum derslerinizi SUPER anlatiyorsunuz, umarim sizde diger hocalar gibi bizi yari yolda burakasiniz basarilar dilerim. Hayranlikla ve sabrsizlikla diger derslernizi bekliyorum...
 

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