[ Поиск ] - [ Пользователи ] - [ Календарь ]
Полная Версия: Перемещение данных между двумя окнами
Risl
Хочу создать два окна на странице ( или не окна, а две обдласти) в одном из них список, а второе пустое. При нажатии на запись, она должна выделиться, а при нажатии на кнопку, переместиться в пустое окно. Вот примерный вид на рисунке:user posted image

Подскажите, пожалуйса, как такое можно сделать и с помощью чего?
sergeiss
С учетом того, что эти "бла-бла" потом, наверняка, будут использованы для каких-то целей... Я бы так сделал. Все "бла-бла" записать в массив объектов. У каждого объекта есть поле, указывающее состояние объекта. На основании этого состояния определяется, где показывать.
Надо также функцию сделать, которая формирует оба окна, раскидывая данные на основании указанного ранее состояния.
При выборе "бла-бла" также надо помечать (объект внутри массива), что выбрано. При нажатии кнопки [>>] или [<<] у соответствующих объектов меняются состояния и вызывается функция перерисовки окон.

В целом так где-то smile.gif При таком подходе надо понимать и использовать ООП JS, а также и библиотека jQuery очень поможет.

_____________
* Хэлп по PHP
* Описалово по JavaScript
* Хэлп и СУБД для PostgreSQL

* Обучаю PHP, JS, вёрстке. Интерактивно и качественно. За разумные деньги.

* "накапливаю умение телепатии" (С) и "гуглю за ваш счет" (С)

user posted image
FatCat
Цитата (sergeiss @ 15.06.2014 - 20:05)
использовать ООП

Зачем?
2 массива: массив "бля-блей" и массив окон.
В цикле собираем содержимое каждого окна и через innerHTML закидываем на место.
Что касается
Цитата (Risl @ 15.06.2014 - 19:57)
При нажатии на запись, она должна выделиться
нас выручит
<select multiple="multiple">


_____________
Бесплатному сыру в дырки не заглядывают...
sergeiss
Цитата (FatCat @ 15.06.2014 - 21:18)
Цитата (sergeiss @ 15.06.2014 - 20:05)
использовать ООП

Зачем?

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

_____________
* Хэлп по PHP
* Описалово по JavaScript
* Хэлп и СУБД для PostgreSQL

* Обучаю PHP, JS, вёрстке. Интерактивно и качественно. За разумные деньги.

* "накапливаю умение телепатии" (С) и "гуглю за ваш счет" (С)

user posted image
Risl
Спасибо! Буду разбираться
brevis
Простейший случай очень просто делается на jQuery: http://jsfiddle.net/WZP6y/

_____________
Чатик в телеге
Быстрый ответ:

 Графические смайлики |  Показывать подпись
Здесь расположена полная версия этой страницы.
Invision Power Board © 2001-2024 Invision Power Services, Inc.