Модераторы: Illuminaty
  

Поиск:

Ответ в темуСоздание новой темы Создание опроса
> вывод длинных списков 
:(
    Опции темы
anti_snayper
Дата 19.6.2010, 15:44 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Шустрый
*


Профиль
Группа: Участник
Сообщений: 80
Регистрация: 13.2.2007

Репутация: нет
Всего: нет



Нужно вывести на странице длинный списков, до 500 элементов. Предполагалось вывести его в виде выпадающего списка. Но при таком объеме это явно не презентабельно и не удобно. Существуют ли стандартные подходы на такие случаи?

P.S. есть идея сделать фильтрацию  наподобие гугловской по вводимым символам, только не знаю как все это сделать отобразить.

Заранее спасибо.
PM MAIL   Вверх
skyboy
Дата 19.6.2010, 16:05 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


неОпытный
****


Профиль
Группа: Модератор
Сообщений: 9820
Регистрация: 18.5.2006
Где: Днепропетровск

Репутация: 6
Всего: 260



это список чего? неужели нельзя полный список разделить на некие категории, как, например, список городов разбить по областям?
если уж действительно никак, то тогда действительно можно использовать поиск по уже введенным символам. такой механизм называется "рекомендацией"(suggetion) и состоит из двух частей: клиентской на javascript, которая передает серверной части уже введенные символы, а после ответа сервера выводит список найденных элементов. Серверная часть же просто будет искать в полном списке элементы, содержащие переданную строку и возвращать отформатированный список предположений.
PM MAIL   Вверх
Mavrun
Дата 19.6.2010, 16:51 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Бывалый
*


Профиль
Группа: Участник
Сообщений: 199
Регистрация: 25.11.2007

Репутация: 9
Всего: 13



с автозаполнением список выпадающий надо.
вот хороший пример
http://www.xiper.net/html-and-css-tricks/v...ect-jquery.html


PM MAIL   Вверх
anti_snayper
Дата 19.6.2010, 16:57 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Шустрый
*


Профиль
Группа: Участник
Сообщений: 80
Регистрация: 13.2.2007

Репутация: нет
Всего: нет



Это понятно, вопрос в другом: как лучше клиентскую часть сделать чтобы и смотрелось хорошо и использовать было удобно? 
PM MAIL   Вверх
skyboy
Дата 19.6.2010, 17:30 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


неОпытный
****


Профиль
Группа: Модератор
Сообщений: 9820
Регистрация: 18.5.2006
Где: Днепропетровск

Репутация: 6
Всего: 260



что в твоем понимании "удобно"? ты просишь ссылки на примеры реализации такого? 
если нет, то чем упомянутый google suggestion не устраивает?
PM MAIL   Вверх
anti_snayper
Дата 19.6.2010, 17:53 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Шустрый
*


Профиль
Группа: Участник
Сообщений: 80
Регистрация: 13.2.2007

Репутация: нет
Всего: нет



У меня есть список из 500 элементов, пользователю нужно предоставить выбор одного из них и сохранить результат в базу.
Google suggestion основан на простом текстовом поле, в которое можно вбить что угодно. И не факт что пользователь введет один из возможных 500 вариантов.

PM MAIL   Вверх
bars80080
Дата 19.6.2010, 19:41 (ссылка) |    (голосов:1) Загрузка ... Загрузка ... Быстрая цитата Цитата


прапор творюет
****
Награды: 1



Профиль
Группа: Завсегдатай
Сообщений: 12022
Регистрация: 5.12.2007
Где: Königsberg

Репутация: 50
Всего: 315



Цитата(anti_snayper @  19.6.2010,  17:53 Найти цитируемый пост)
И не факт что пользователь введет один из возможных 500 вариантов.

значит бить 500 позиций по группам, и предоставлять пользователю вначале выбрать группу, а затем уже конкретный пункт (два селекта)

если расскажешь, что за пункты, то может быть поможем, как их тематически разбить
PM MAIL WWW   Вверх
anti_snayper
Дата 19.6.2010, 22:23 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Шустрый
*


Профиль
Группа: Участник
Сообщений: 80
Регистрация: 13.2.2007

Репутация: нет
Всего: нет



Пишу web-систему расписания для ВУЗа... Вообще таких списков на странице несколько. Все кроме одного можно бить на группы и как-то более-менее удобно отображать. Последний - список дисциплин бить не по чему. И в нем ~500 предметов.
Пока это самое простое из того что нашел в нете:
Код

<HTML><HEAD><script type="text/javascript">
function searchSel() {
  var input=document.getElementById('realtxt').value.toLowerCase();
  var output=document.getElementById('realitems').options;
  for(var i=0;i<output.length;i++) {
    if(output[i].value.indexOf(input)==0){
      output[i].selected=true;
      }
    if(document.forms[0].realtxt.value==''){
      output[0].selected=true;
      }
  }
}
</SCRIPT></HEAD><BODY>
<FORM>
Search <input type="text" id="realtxt" onkeyup="searchSel()">
<SELECT id="realitems">
<OPTION value="">Select...
<OPTION value="afghanistan">Afghanistan
<OPTION value="albania">Albania
<OPTION value="algeria">Algeria
<OPTION value="andorra">Andorra
<OPTION value="angola">Angola
</SELECT>
</FORM></BODY></HTML>

Взято с http://www.rgagnon.com/jsdetails/js-0089.html
Это в своем роде аналог google suggest...  Скорее всего возьму за основу добавив ajax.

P.S. может все-таки есть более элегантное решение? не хочется использовать 2 элемента для получения одного значения.
Тем более что у меня таких списков несколько. 

Это сообщение отредактировал(а) anti_snayper - 19.6.2010, 22:24
PM MAIL   Вверх
bars80080
Дата 20.6.2010, 01:32 (ссылка) |    (голосов:1) Загрузка ... Загрузка ... Быстрая цитата Цитата


прапор творюет
****
Награды: 1



Профиль
Группа: Завсегдатай
Сообщений: 12022
Регистрация: 5.12.2007
Где: Königsberg

Репутация: 50
Всего: 315



бить по кафедрам. все дисциплины имеют базирование по определённым кафедрам
PM MAIL WWW   Вверх
FightInGlory
Дата 20.6.2010, 10:50 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Шустрый
*


Профиль
Группа: Участник
Сообщений: 123
Регистрация: 14.11.2006

Репутация: 1
Всего: 1



Правильно человек говорит. Можно разбить по кафедрам, кафедры на курсы(года), затем на группы (или сразу на группы). Таким образом получится многоуровневое меню. По нажатию на конкретную группы в окне будет появляться само расписание. И в принципе это можно выполнить и без программирования, лишь маленький ява скрипт для корректного отображения самого меню. Если расписания в разных файлах, то с ссылками играешься, если в одном ставишь якорь.
PM MAIL   Вверх
  
Ответ в темуСоздание новой темы Создание опроса
0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема | Вёрстка веб-сайтов | Следующая тема »


 




[ Время генерации скрипта: 0.0609 ]   [ Использовано запросов: 21 ]   [ GZIP включён ]


Реклама на сайте     Информационное спонсорство

 
По вопросам размещения рекламы пишите на vladimir(sobaka)vingrad.ru
Отказ от ответственности     Powered by Invision Power Board(R) 1.3 © 2003  IPS, Inc.