Jquery Swicth Buton'a Link Vermek?

Tahribat.com Forumları
line

Html - CSS - XML - JavaScript - Ajax
line

Jquery Swicth Buton'a Link Vermek?

17/Ara/15 10:57 Kısayol Şikayet Özel Mesaj
Yigit

Kayıt Tarihi: 17/Temmuz/2005
```
<body>

				<label class="switch switch-left-right">
						<input class="switch-input" type="checkbox" />
                    <span class="switch-label" data-on="" data-off=""></span> <span class="switch-handle"></span> </label>

</div>
</body>
</html>
```
Buradaki swicth button'a link vermek istiyorum. Fakat nasıl yapacağımı çözemedim. Yani butona bi tıklayışta başka yere diğer tıklayışta başka yere link verme olayı.

Demo: http://www.htmllion.com/css3-toggle-switch-button.html
Yigit tarafından 17/Ara/15 11:17 tarihinde düzenlenmiştir
Alıntı yap
17/Ara/15 11:25 Kısayol Şikayet Özel Mesaj

camarade
ontedi

Kayıt Tarihi: 04/Eylül/2005

Hocam, bir nesneye iki link verme olayı olmaz (Görmedim, duymadım, yapanı bulursan selamımı söyle).

Verdiğin örnek, nesneye link verme örneği değil.

Matematikçi ve Yazılımcı. http://www.ontedi.com ve http://www.cizgi.site Siteme beklerim herkesi.

Alıntı yap
17/Ara/15 11:27 Kısayol Şikayet Özel Mesaj

Yigit

Kayıt Tarihi: 17/Temmuz/2005

ontedi bunu yazdı

Hocam, bir nesneye iki link verme olayı olmaz (Görmedim, duymadım, yapanı bulursan selamımı söyle).

Verdiğin örnek, nesneye link verme örneği değil.

hocam peki bu sviç butonları niye yapmışlar :)

Alıntı yap
17/Ara/15 11:55 Kısayol Şikayet Özel Mesaj

camarade
ontedi

Kayıt Tarihi: 04/Eylül/2005

Hocam, link vermek farklı bunların davanışları farklı. Switch butonların arkasında checkbox bulunmaktadır. Aslında yapılan şey checkboxu "seçili" veya "seçili değil" şeklinde göstermenin afillisi.

Matematikçi ve Yazılımcı. http://www.ontedi.com ve http://www.cizgi.site Siteme beklerim herkesi.

Alıntı yap
17/Ara/15 12:01 Kısayol Şikayet Özel Mesaj

★★★★★
Genki

Kayıt Tarihi: 24/Ağustos/2005

ben olayı pek anlayamadım

switch buton on konumda iken <a class="tbttag" title="html" href="/tag/html">html</a> şu linke tıklayınca başka bi yere off iken tıklayınca başka yere gitmesinimi istiosun

Alıntı yap
17/Ara/15 12:17 Kısayol Şikayet Özel Mesaj

★★★★★
Genki

Kayıt Tarihi: 24/Ağustos/2005

şayet öle bişi istiosan http://jsfiddle.net/genkitr/mw8rwadz/1/ şu işini görecektir

Alıntı yap
17/Ara/15 12:25 Kısayol Şikayet Özel Mesaj

Yigit

Kayıt Tarihi: 17/Temmuz/2005

Genki bunu yazdı

ben olayı pek anlayamadım

switch buton on konumda iken "tbttag" title="html" href="/tag/html">html şu linke tıklayınca başka bi yere off iken tıklayınca başka yere gitmesinimi istiosun

tbt tag holyone hatası :D benim kod değil o.. sitedeki girmiş araya

Alıntı yap
17/Ara/15 12:26 Kısayol Şikayet Özel Mesaj

Yigit

Kayıt Tarihi: 17/Temmuz/2005

genki jssfiddle herkese açık değil verdiğin link göremiyırum.

Alıntı yap
17/Ara/15 12:31 Kısayol Şikayet Özel Mesaj
RockZs

Kayıt Tarihi: 30/Haziran/2002
```
<input id="toggle-event" type="checkbox" data-toggle="toggle">
<div id="console-event"></div>
<script>
  $(function() {
    $('#toggle-event').change(function() {
      $('#console-event').html('Toggle: ' + $(this).prop('checked'))
    })
  })
</script>
```
yukarıdaki örneği inceleyebilirsin (http://www.bootstraptoggle.com/ dan alıntı, buradaki kütüphaneyi kullanıyorum ama bu örnek kütüphanesiz de çalışabilir, eğer kullanmak istemezsen).
Alıntı yap

Toplam Hit: 768 Toplam Mesaj: 9
jquery css html

Cevapla