Блок выбора элементов из списка. Аля joblist

[Acrossfy]

Здравствуйте. Заказчик поставил цель сделать нечто подобное выбору профессиональных навыков, при создании резюме на joblist.
С яваскриптом "общаюсь" пока на расстоянии, самому написать не под силу. При поиске исходника, гугл жутко плевался не тем, чем надо.
На всякий случай выкладываю макет того, что подразумевается.
Буду благодарен за любой совет и любую помощь. Заранее спасибо.

[Gvozd]

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

тут на форуме дают помощь в виде советов реализации, либо ссылок на материалы.
ссылки на готовые решения редко даются.
код за вас также никто не будет.
если вам нужен общий алгоритм, как такое пишется, и ссылки на статьи по JS, то это можно организовать.
но, я так понимаю это будет бессмысленной тратой времени, если вы не собираетесь писать сами.
Если вам нужно, чтобы кто-то вам написал готове решение, то это только в формате оплачиваемой работы.
будете сами писать?если да, то я вкратце объясню алгоритм кода, и дам необходимый материал.но скорее всего вам придется ознакомится с еще кучей материала.

[Acrossfy]

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

[Gvozd]

ну, искуству поиска вас научить я не смогу.
материалы:
Основы работы с элементами страницы
Обработка событий
отладка под Мозилой
краткий алгоритм:
в среднем столбце изначально должны быть помещены все варианты меню-подкатегорий.то есть каждый список, помещенный в среднем столбце должен там уже быть, обернутый в отдельный тег,и с CSS-свойство display="none", для невидимости.
по шелчку по ссылке в левом блоке должен "проявлятся" блок ссылок в среднем столбце(element.display="")
соответствие между ссылкой и списком можно установить с помощью ID-шников элементов.например ID-шники могут включать в себя номер ссылки/списка
для того чтобы понять как работает скрытие/показ при множестве элементов, почитайте эту тему

при щелчке в среднем столбце в правый заносится соотвествующая ему "копия" элемента-професии. для того, чтобы обработать выбранные элементы из правого блока, например можно его обернуть в тег form, и в каждой выбранной профессии, помещенной в правую часть сделать скрытй input, с информацией о конкретном элементе выбора
в кратце все.
все ссылки обязательны к прочтению В ПОЛНОМ ОБЪЕМЕ(бывали преценденты)
более того было бы желательно прочитать весь цикл статей на сайте, а также почитать начальные главы из книг указанных в одноименном разделе этого сайта
PS надеюсь информация окажется вам полезной.
PPS будут еще вопросы по написнию, задавайте