Drag & Drop элементы

[Naked]

Доброе время суток
Вопросик появился такой... не знаю правильно ли я обозвал его... но суть такая:
есть на goole сейчас такая тема типа личной странички и там несколько блоков, и каждый блок соответственно можно передвигать прямо мышкой, как в винде... вопрос заключается в том, с помощью каких средств можно такое реализовать и можно ли это сделать самому, и если кто знает примеры кода/готовых таких страничек уже..

Спасибо

[RaZEr]

с помощью каких средств можно такое реализовать

javascript, flash

и можно ли это сделать самому

можно

и если кто знает примеры кода/готовых таких страничек уже

"есть на goole сейчас такая тема" ... это разве не пример?

[Naked]

RaZEr:
это разве не пример?

я имел ввиду может статейка по этому поводу, или более простой код, а то в гугле чет не особо разобраться по крайней мере мне

и еще вопрос - без flash можно?

[Heo]

Naked
http://script.aculo.us/ - именно то что тебе надо.
Про Drag and Drop подробнее читай в Wiki

[Псих]

Такое сейчас многие реализуют с помощью Ajax

[Naked]

Псих:
Такое сейчас многие реализуют с помощью Ajax

так я понимаю ajax тут обязательная вещь - передвинуть два блока - это еще ничего не значит, главное это передвижение на сервере отметить

[Псих]

Naked
Есть книга по Ajax(вроде бы так и называется AJAX and PHP), там целая глава посвящена созданию похожего интерфейса.
Если надо, пиши в ПМ, вроде бы дома лежит.

[Псих]

Выложил книгу
_http://nut.nm.ru/book/ajax_php.rar

[Hubbitus]

Я щитаю для подобных вещей, особенно для понимания и обучения, вот это http://www.walterzorn.com/dragdrop/commands_e.htm один из лучших примеров.

Есть конечно и другие похожие библиотеки, не хуже, вот например:
http://tool-man.org/examples/sorting.html
http://www.howtocreate.co.uk/jslibs/otherdemo.html#gdl

[Naked]

Hubbitus
Спасибо
Я конечно не уверен, но мне чего-то показалось, что лучшая среди этих библиотек это: http://script.aculo.us/ - более полная, там и ajax уже включенный и настроек куча, единственно она скорее всего по скорости проигрывает следующим трем библиотекам... надо будет все еще раз посмотреть


А кто-нибудь сам пользовался хотя бы одной из них - может что-нибудь сказать из собственного опыта - что быстрее, что лучше?

[Hubbitus]

Naked:
Спасибо

На здоровье.

Naked:
А кто-нибудь сам пользовался хотя бы одной из них - может что-нибудь сказать из собственного опыта - что быстрее, что лучше?

Я конечно пользовался, если бы не пользовался, я бы отметил специально что не пробовал ничего, просто нашёл.
Я пользовался первой. Мне в принципе понравилось. Сделано компактно, качественно и удобно в большей своей части (хотя есть и недочёты). По скорости не сравнивал, но работает везде очень даже "хорошо". Единственное, в ИЕ был замечен глюк, что при некоторых сочетаниях настроек появляются странные притормаживания, но совершенно не фатально, поскольку комбинированием настроек их удалось исключить, БЕЗ потери желаемых настроек. Связать с какой-то конкретной версией ИЕ не удалось. А так тестировал на ФФ 1.1, 1.5, ИЕ 5.какой-то, 6.0, и Опере 8.54 (без поддержки прозрачности), 9.0beta1. Большую часть кроссбраузерности обеспечивает автоматом. Учитывать иногда приходится только некоторые мелочи, например как раз что Опера совсем недавно научилась прозрачность применять...

[Naked]

Еще один вопросик сюда же - буду развивать тему яваскрипта
есть поле <input type=text>, туда вводим буковки и с помощью технологии аякс получаем снизу <div> с именами, подходящими по этим буковкам в столбик, вот вопрос:
как можно сделать так, чтобы можно было по этим именам вверх/вниз ходить с помощью клавиатуры, а по нажатию Enter оно переносилось в поле <input>, то что это можно сделать - точно, в гугле только что видел а вот как разобраться не смог может есть у кого статейки, либо сам делал - поможет мне?

[Hubbitus]

Где в гугле-то? Показал бы (линк где сразу глянуть). Не понял сам, дак может другие посмотрят - объяснят.

А вообще помоему сложного-то ничего нету - список, тотже <select> пусть, туда при получении с сервера записываешь элементы, при нажатии клавиши Ентер, обрабатываешь это событие, записывая нужное значение куда требуется (в указанный <input type=text>)

[Псих]

Если я правильно понял, Наке нужен такой прикол, как на яндексе сделанна листалка страничек. Надо нажать Ctrl и стрелочку.

[Naked]

Псих:
как на яндексе сделанна листалка страничек.

нет, не то

Hubbitus:
Показал бы

оно на почте в gmail.com - там слева менюшка контактов, вот начинаем вводить имя контакта и снизу под <input>'ом выпадает дивка по которой можно ходить стрелками клавиатуры, как в обычной менюшке любой, там еще прикольнее - есть подменю, т.е. допустим стрелками попали куда надо, потом вправо нажимаем (тоже стрелкой клавиатуры) и получаем еще подменюшку и в ней тоже так же ходим...

Собственно вопрос сводится к тому как обработать нажатие клавиши "стрелка вниз/вврех/вправо/влево" и "ентер", при этом чтоб работало во всех броузерах.... думаю так.

[Hubbitus]

Дак Гугловый же инструментарий открытый, и имеет неплохую документацию с примерами.

Вот, например по данной теме, http://code.google.com/webtoolkit/do.../desktopclone/
там и сорцы есть, и ссылки на документацию использованного тут UI widgets ну и примеры как это смотрится - http://code.google.com/webtoolkit/do...lone/demo.html

Naked:
Собственно вопрос сводится к тому как обработать нажатие клавиши "стрелка вниз/вврех/вправо/влево" и "ентер", при этом чтоб работало во всех броузерах.... думаю так.

Я думаю, ответ собственно сведется к тому что Если хочешь как у Гугла - строй на его инструментарии, будет так же крассбраузерно

[metrim]

Naked:
Я конечно не уверен, но мне чего-то показалось, что лучшая среди этих библиотек это: http://script.aculo.us/ - более полная, там и ajax уже включенный и настроек куча,

Следуя твоей рекомендации установил себе.
Прикольно
Очень мне понравилась фича "Sortable trees".
Только вот трабла с ней: не получается в пустые пункты меню (не содержащие подпунктов) затаскивать подпункты
Это как нить лечится?
Или что я не так делаю?
Да и документации по этой функции я чего то не нашёл ...
Просто функция очень удобна и полезна, но как то помоему кривовато сделана.