Jquery İle Nasıl Yapılabilir.

  1. KısayolKısayol reportŞikayet pmÖzel Mesaj
    nitem
    nitem's avatar
    Kayıt Tarihi: 20/Temmuz/2011
    Erkek

    hayırlı akşamlar arkadaşlar. aşşagıda eklemiş oldugum resimde jquery ile yapmak istediğimin resmini çizdim :) html sayfamın yapısı bu.

    sol da görünen bloktaki linklerimi istediğimi seçtiğimde seçileni ekle butonuna basınca sağ blok'a kopyasının aynı biçimde görünmesini istiyorum kaç tane seçilmiş olursa olsun. hepsini eklemek, hepsini silmek, seçileni silmek, gibi seçeneklerim olacak ayrıca sağ blok'a taşıdıktan sonra kendi içerisinde sıralama yapabilmek istiyorum.

    belli bir kısmını hallettim fakat hala istediğim gibi çalıştıramadım. bu konuda bana fikir verebilirmisiniz. nasıl bir yapı kurgulamam lazım fikirlerinizi bekliyorum.

     

     

  2. KısayolKısayol reportŞikayet pmÖzel Mesaj
    wking
    wking's avatar
    Kayıt Tarihi: 28/Mart/2010
    Erkek

    Soldaki içerik bir div'in içinde olsun.

    Ve o div'e tıklandığında tıklanan elemana class ver. Mesela ".secildi" class'ı olsun.

    Ve bu class arkaplanı mavi yapsın. Yani elemanın seçildiği belli olsun.

    Seçileni ekle tuşuna basıldığında da class'ı "secildi" olan elemanı sağ tarafa ekle.

  3. KısayolKısayol reportŞikayet pmÖzel Mesaj
    nitem
    nitem's avatar
    Kayıt Tarihi: 20/Temmuz/2011
    Erkek

    wking bunu yazdı:
    -----------------------------

    Soldaki içerik bir div'in içinde olsun.

    Ve o div'e tıklandığında tıklanan elemana class ver. Mesela ".secildi" class'ı olsun.

    Ve bu class arkaplanı mavi yapsın. Yani elemanın seçildiği belli olsun.

    Seçileni ekle tuşuna basıldığında da class'ı "secildi" olan elemanı sağ tarafa ekle.


    -----------------------------

     

    o kısmı halletmiştim aynen dediğin gibi hocam. fakat eklediğimde tekini ekletebildim each döngüsünü kullanımımda bi hata olsa gerek bu kısımda takıldım şuan. bahsettiğin mantikta örnek bir kod yazabilirmisin yada sadece seçtikten sonra ekleticeğim kısımda olsa yeterli bu mantıkta.

  4. KısayolKısayol reportŞikayet pmÖzel Mesaj
    wking
    wking's avatar
    Kayıt Tarihi: 28/Mart/2010
    Erkek

    nitem bunu yazdı:
    -----------------------------

    wking bunu yazdı:
    -----------------------------

    Soldaki içerik bir div'in içinde olsun.

    Ve o div'e tıklandığında tıklanan elemana class ver. Mesela ".secildi" class'ı olsun.

    Ve bu class arkaplanı mavi yapsın. Yani elemanın seçildiği belli olsun.

    Seçileni ekle tuşuna basıldığında da class'ı "secildi" olan elemanı sağ tarafa ekle.


    -----------------------------

     

    o kısmı halletmiştim aynen dediğin gibi hocam. fakat eklediğimde tekini ekletebildim each döngüsünü kullanımımda bi hata olsa gerek bu kısımda takıldım şuan. bahsettiğin mantikta örnek bir kod yazabilirmisin yada sadece seçtikten sonra ekleticeğim kısımda olsa yeterli bu mantıkta.


    -----------------------------

    Meşgulüm şu an bununla uğraşacak halim ve vaktim yok.

    Fakat each döngüsü ile olur o iş. Bir each döngün olacak bir de if koşulun.

    Bir yerlerde mantık hatası yapmışsındır.

    Ekleme olayı da $("#sağ_taraftaki_div_idsi").append("seçilen div"); şeklinde olabilir.

  5. KısayolKısayol reportŞikayet pmÖzel Mesaj
    manglerman
    manglerman's avatar
    Kayıt Tarihi: 30/Aralık/2003
    Erkek
    window.onload = function ()
    {
        var select = document.getElementById('selectBox');
        var delButton = document.getElementById('delete');
        var select2 = document.getElementById('selectBox2');
        var addSelect = document.getElementById('addSelect');
    
        function remove()
        {
            value = select.selectedIndex;
            select.removeChild(select[value]);
        }
        delButton.onclick = remove;
    
        function add()
        {
            value1 = select2.selectedIndex;
            select.appendChild(select2[value1]);
        }
        addSelect.onclick = add;
    }
    
    
    

    türk kızlarından sabun yapalım, rus kızları elini yıkasın.:)
  6. KısayolKısayol reportŞikayet pmÖzel Mesaj
    nitem
    nitem's avatar
    Kayıt Tarihi: 20/Temmuz/2011
    Erkek

    manglerman bunu yazdı:
    -----------------------------

    window.onload = function ()
    {
        var select = document.getElementById('selectBox');
        var delButton = document.getElementById('delete');
        var select2 = document.getElementById('selectBox2');
        var addSelect = document.getElementById('addSelect');
    
        function remove()
        {
            value = select.selectedIndex;
            select.removeChild(select[value]);
        }
        delButton.onclick = remove;
    
        function add()
        {
            value1 = select2.selectedIndex;
            select.appendChild(select2[value1]);
        }
        addSelect.onclick = add;
    }
    
     
    saol hocam işimi görmedi fakat emek harcadiğin için teşekkür ederim. kenim hallettim uğraşa uğraşa birazda yardım olarak :)
    
    


    -----------------------------

  7. KısayolKısayol reportŞikayet pmÖzel Mesaj
    NoktaliVirgul
    NoktaliVirgul's avatar
    Kayıt Tarihi: 02/Temmuz/2007
    Erkek

    Senin aradığın bu: http://jqueryui.com/demos/sortable/#connect-lists


    If my calculations are correct, when this baby hits eighty-eight miles per hour... you"re gonna see some serious shit.
  8. KısayolKısayol reportŞikayet pmÖzel Mesaj
    hackingo
    hackingo's avatar
    Kayıt Tarihi: 09/Eylül/2005
    Erkek

    nitem bunu yazdı:
    -----------------------------

    hayırlı akşamlar arkadaşlar. aşşagıda eklemiş oldugum resimde jquery ile yapmak istediğimin resmini çizdim :) html sayfamın yapısı bu.

    sol da görünen bloktaki linklerimi istediğimi seçtiğimde seçileni ekle butonuna basınca sağ blok'a kopyasının aynı biçimde görünmesini istiyorum kaç tane seçilmiş olursa olsun. hepsini eklemek, hepsini silmek, seçileni silmek, gibi seçeneklerim olacak ayrıca sağ blok'a taşıdıktan sonra kendi içerisinde sıralama yapabilmek istiyorum.

    belli bir kısmını hallettim fakat hala istediğim gibi çalıştıramadım. bu konuda bana fikir verebilirmisiniz. nasıl bir yapı kurgulamam lazım fikirlerinizi bekliyorum.

     

     


    -----------------------------

     

    Hocam jqueryUI 'yi incele ve drag drop olayiyla yap bunu ordaki butun buttonlardan kurtulmus olursun.. surukle-birak bu kadar!

  9. KısayolKısayol reportŞikayet pmÖzel Mesaj
    ntxsoft
    ntxsoft's avatar
    Kayıt Tarihi: 05/Kasım/2005
    Erkek

    Each döngüsü bitmeden elemanları silmeyin. önce sağdakine ekleyeceksin tüm seçilenleri, sonra soldaki listeden sileceksin. böyle yaparsan çalışır.


    enginkirmaci.com | Kişisel web sitesi, uyetakip.com | Ücretsiz Üye Takip Programı
  10. KısayolKısayol reportŞikayet pmÖzel Mesaj
    nitem
    nitem's avatar
    Kayıt Tarihi: 20/Temmuz/2011
    Erkek

    NoktaliVirgul bunu yazdı:
    -----------------------------

    Senin aradığın bu: http://jqueryui.com/demos/sortable/#connect-lists


    -----------------------------

    evet yapı olarak cok benziyor. fakat aynen çizdiğim gibi istenmişti benden :) halettim hocam  teşekkür ederim.

  11. KısayolKısayol reportŞikayet pmÖzel Mesaj
    nitem
    nitem's avatar
    Kayıt Tarihi: 20/Temmuz/2011
    Erkek

    hackingo bunu yazdı:
    -----------------------------

    nitem bunu yazdı:
    -----------------------------

    hayırlı akşamlar arkadaşlar. aşşagıda eklemiş oldugum resimde jquery ile yapmak istediğimin resmini çizdim :) html sayfamın yapısı bu.

    sol da görünen bloktaki linklerimi istediğimi seçtiğimde seçileni ekle butonuna basınca sağ blok'a kopyasının aynı biçimde görünmesini istiyorum kaç tane seçilmiş olursa olsun. hepsini eklemek, hepsini silmek, seçileni silmek, gibi seçeneklerim olacak ayrıca sağ blok'a taşıdıktan sonra kendi içerisinde sıralama yapabilmek istiyorum.

    belli bir kısmını hallettim fakat hala istediğim gibi çalıştıramadım. bu konuda bana fikir verebilirmisiniz. nasıl bir yapı kurgulamam lazım fikirlerinizi bekliyorum.

     

     


    -----------------------------

     

    Hocam jqueryUI 'yi incele ve drag drop olayiyla yap bunu ordaki butun buttonlardan kurtulmus olursun.. surukle-birak bu kadar!


    -----------------------------

     

    haklısın hocam daha pratik fakat tasarımsal olarak gelenin aynısını istemişlerdi o yüzden hazır birşey kulanamazdim. kodladım bi arkadaşın yardımıyla hallettim teşekkür ederim.

Toplam Hit: 1711 Toplam Mesaj: 11