Şimdi Ara

Jquery etiket

Bu Konudaki Kullanıcılar:
2 Misafir - 2 Masaüstü
5 sn
2
Cevap
0
Favori
436
Tıklama
Daha Fazla
İstatistik
  • Konu İstatistikleri Yükleniyor
0 oy
Öne Çıkar
Sayfa: 1
Giriş
Mesaj
  • Arkadaşlar jquery ile etiket ekleme uygulaması yaptım sizinlede paylaşmak istedim isteyenler kulanabilir

     

    <style>
    a { text-decoration: none; color: #fff; padding: 3px; background: #ccc; }
    </style>
    <script src="jquery.js"></script>
    <script>
    $(function(){


    $("button").click(function(){
    var say = $(".sonuc a").size();
    if(say==0){
    $(".sonuc").html("");
    }
    if(say==5){
    alert("Maksimum 5 tane ekleyebilirsiniz");
    }else {
    var onceki = $(".sonuc").html();
    var oncekih = $("input#hide").val();
    var inp = $("input[name=etiket]").val();
    $(".sonuc").html(onceki+"<a href='javascript:;' id='et'>#"+inp+"</a> ");
    $("input#hide").val(oncekih+inp+",");
    $("input").val("").focus();
    }
    });


    $("body").on("click","a#et",function(){
    $(this).remove();
    });

    });
    </script>
    <form action="" method="post" onsubmit="return false">
    <input type="text" style="width: 250px" placeholder="Etiketleri teker teker ekleyin" name="etiket" />
    <button>Ekle</button>
    </form>
    <div class="sonuc">
    </div><p>Kaldırmak istediğiniz etiketin üstüne tıklayınız</p>




  • 
Sayfa: 1
- x
Bildirim
mesajınız kopyalandı (ctrl+v) yapıştırmak istediğiniz yere yapıştırabilirsiniz.