Zdravím Vás,
poslednú dobu ma trápi taká záludná otázka nasledujúceho typu:
Nepoznáte nejaký JavaScript (ak vôbec takého typu existuje), pomocou ktorého by na stránke užívateľ mohol meniť poradie options v selecte.
Za pomoc vopred dík.
JavaScript: presuvanie options v selecte
-
audiotrack
VIP
- Príspevky: 25958
- Registrovaný: 09 sep 2005, 18:39
- Kontaktovať používateľa:
Kód: Vybrať všetko
<script type="text/javascript">
function moveUp(selectId) {
var selectList = document.getElementById(selectId);
var selectOptions = selectList.getElementsByTagName('option');
for (var i = 1; i < selectOptions.length; i++) {
var opt = selectOptions[i];
if (opt.selected) {
selectList.removeChild(opt);
selectList.insertBefore(opt, selectOptions[i - 1]);
}
}
}
function moveDown(selectId) {
var selectList = document.getElementById(selectId);
var selectOptions = selectList.getElementsByTagName('option');
for (var i = selectOptions.length - 2; i >= 0; i--) {
var opt = selectOptions[i];
if (opt.selected) {
var nextOpt = selectOptions[i + 1];
opt = selectList.removeChild(opt);
nextOpt = selectList.replaceChild(opt, nextOpt);
selectList.insertBefore(nextOpt, opt);
}
}
}
</script>ak chces pouzit existujucu vec tak skus popozerat http://extjs.com/deploy/dev/examples/samples.html alebo ine vacsie frameworky napr dojo, alebo asp.net ajax
ak by si to chcel kodit sam tak to bude dlha a strastiplna cesta
ak by si to chcel kodit sam tak to bude dlha a strastiplna cesta
Keď som naposledy robil s ExtJs nič také tam nebolo (možno to vie nejaký plugin, ale samotné ExtJs nič také nevedelo). 
Technicky je možné urobiť JS, ktorý pridá k tomu selcetu tlačidlá na presun tých prvkov (takých skriptov je na internete kopec). Netuším ale, či je nejaký univerzálny spôsob, ktorý by fungoval metódou drag-and-drop vo všetkých prehliadačoch (bez kompletného nasimulovania toho selectu inými elementami).
Technicky je možné urobiť JS, ktorý pridá k tomu selcetu tlačidlá na presun tých prvkov (takých skriptov je na internete kopec). Netuším ale, či je nejaký univerzálny spôsob, ktorý by fungoval metódou drag-and-drop vo všetkých prehliadačoch (bez kompletného nasimulovania toho selectu inými elementami).
-
geoge046
Star
- Príspevky: 608
- Registrovaný: 10 aug 2005, 14:15
- Bydlisko: Prievidza
- Kontaktovať používateľa:
a môžeš mi nejakú existujúcu aplikáciu s možnosťou drag-and-drop odporučiť? Pretože vlastne čo budem mať niečo ako kategórie, kde bude záležať na poradí tých konkrétnych kategórií, a uvážil som, že najlepšie by bolo tie kategórie vypisovať pomocou select a option, a po prehadzovaní sa to odošle do databázy klikom na tlačidlo submit, ale ak by ste mi odporučili nejakú lepšiu možnosť, rád vyskúšam 
-
audiotrack
VIP
- Príspevky: 25958
- Registrovaný: 09 sep 2005, 18:39
- Kontaktovať používateľa:
scriptaculous, ten využíva prototype ale drag&drop je v ňom pomerne jednoduché robiť: http://wiki.github.com/madrobby/scriptaculous/draggable