Drag & Drop элементы
 

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

Спасибо :yees:

javascript, flash

можно :)

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

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

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

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

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

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

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

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

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

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

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


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

На здоровье.

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

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

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

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

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

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

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

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

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

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

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