Jquery İle Nasıl Yapılabilir.
-
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.
-
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.
-
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.
-
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.
-
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; }
-
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 :)
----------------------------- -
Senin aradığın bu: http://jqueryui.com/demos/sortable/#connect-lists
-
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!
-
Each döngüsü bitmeden elemanları silmeyin. önce sağdakine ekleyeceksin tüm seçilenleri, sonra soldaki listeden sileceksin. böyle yaparsan çalışır.
-
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.
-
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.