Поиск по загруженным заголовкам информера новостей
|
|
fomir | Дата: Вторник, 01.07.14, 17:48:07 | Сообщение # 1 |
Рядовой
Группа: Чатер
Сообщений: 15
Награды: 0
Репутация: 0
Замечания: 0%
Статус: Offline
| Привет всем! Есть идея требующая реализации и публикации в массы ( так сказать - не только для себя делается ).
В общем сделал я информер, в котором лишь кнопки с именем материала новостей. 300 материалов, 300 строк... -Реализованный пример на главной-
Задача - над списком добавить поле ввода, в которое вписывается слово или набор символов. По мере ввода, если находятся какие-то совпадения по введенному набору символов - отображаются материалы с совпадениями, остальные скрываются ( display:none ).
Информер обведен следующим образом <div class="search_here">$MYUNF_1$</div> Поле ввода обращается только к этому диву, с классом search_here.
Список, по которому будет вестись поиск - уже загружен, и он должен выступать базой для поиска, и одновременно с этим - результатом для вывода.
Фактически - получается динамический список, который будет отображать материалы с совпадениями введенными в отведенное поле. Если в поле ничего не введено - то список отображается полностью, без каких либо изменений.
С JS подружиться не получается, скрипт вроде как простой, мне уже пытались помочь, но человек потом попросту пропал) По-этому дело не было доведено до конца.
|
|
| |
Defman | Дата: Вторник, 01.07.14, 17:51:09 | Сообщение # 2 |
Майор
Группа: VIP
Сообщений: 91
Награды: 1
Репутация: 5
Замечания: 0%
Статус: Offline
| Regexp. Сейчас реализую тестовую систему и скину сюда. От нее можно будет дальше работать.
|
|
| |
Apocalypse | Дата: Вторник, 01.07.14, 19:00:22 | Сообщение # 3 |
Подполковник
Группа: Администратор
Сообщений: 107
Награды: 1
Репутация: 11
Статус: Offline
| fomir, дай полный html код информера и класс поля поиска. Пока что работать не с чем
|
|
| |
Defman | Дата: Вторник, 01.07.14, 19:09:10 | Сообщение # 4 |
Майор
Группа: VIP
Сообщений: 91
Награды: 1
Репутация: 5
Замечания: 0%
Статус: Offline
| Получилась вот такая байда. Код function search(obj, block) { var nores = $(block).html(); var text_array = $(block).children("a").text().split(" "); var href_array; $(block).children("a").each(function() { href_array += $(this).attr("href")+" "; }); href_array = href_array.split(" "); regex = new RegExp($(obj).val(), "g"); for (x in text_array) { var founded = text_array[x].search(regex) == 0; if (founded && $(obj).val().trim() != "") { $("#test").html("<a href="+href_array[x]+">"+text_array[x]+"</a>"); } } } Ужас))
|
|
| |
fomir | Дата: Вторник, 01.07.14, 19:16:14 | Сообщение # 5 |
Рядовой
Группа: Чатер
Сообщений: 15
Награды: 0
Репутация: 0
Замечания: 0%
Статус: Offline
| Apocalypse, ок) вот
Код информера Код <div style="padding-left: 3px; color: #fff!important;"> <a onclick="newsloadme('$ID$', '$ENTRY_URL$');return false;" style="cursor: pointer;">$TITLE$</a><br> <font color="grey" size="2"> <a href="$ENTRY_URL$" title="Страница полного материала" style="color: lime!important;" class="ulightbox">★</a> / $DATE$ / <a href="$PROFILE_URL$" style="text-shadow:1px 1px 5px blue,-1px -1px 5px blue;">$USERNAME$</a> </font> </div> <hr>
Код вывода информера на главной Код <div class="news_block"> <table class="news_table"> <tbody> <tr> <td style="width: 250px;"> <div align="left" class="owrflw2" style="height: 700px;"> <div style="width: 230px; border: 1px solid #2d2d2d; background: rgba(0,0,0,0.2);" class="search_here">$MYINF_46$</div> </div> </td> <td> <div align="left" class="newsload"></div> </td> </tr> </tbody> </table> </div>
Класс поля поиска ещё не придумал)
Сообщение отредактировал fomir - Вторник, 01.07.14, 19:16:48 |
|
| |
fomir | Дата: Вторник, 01.07.14, 22:49:56 | Сообщение # 6 |
Рядовой
Группа: Чатер
Сообщений: 15
Награды: 0
Репутация: 0
Замечания: 0%
Статус: Offline
| Defman, оО Что-то, как-то "шиворот на выворот"... И как это употреблять?)
|
|
| |
Defman | Дата: Вторник, 01.07.14, 22:51:37 | Сообщение # 7 |
Майор
Группа: VIP
Сообщений: 91
Награды: 1
Репутация: 5
Замечания: 0%
Статус: Offline
| fomir, никак. Это пока что говно, а не скрипт. Я его пока доделываю :)
|
|
| |
fomir | Дата: Воскресенье, 06.07.14, 23:06:05 | Сообщение # 8 |
Рядовой
Группа: Чатер
Сообщений: 15
Награды: 0
Репутация: 0
Замечания: 0%
Статус: Offline
| Defman, как успехи? Получилось что-нибудь?
|
|
| |
Apocalypse | Дата: Суббота, 19.07.14, 18:55:23 | Сообщение # 9 |
Подполковник
Группа: Администратор
Сообщений: 107
Награды: 1
Репутация: 11
Статус: Offline
| fomir, сейчас запилю статейку в виде отдельного материала на сайте. Устроит?
|
|
| |
Apocalypse | Дата: Суббота, 19.07.14, 20:39:12 | Сообщение # 10 |
Подполковник
Группа: Администратор
Сообщений: 107
Награды: 1
Репутация: 11
Статус: Offline
| fomir, http://www.apo-ucoz.com/load/3-1-0-1366
|
|
| |