Форум программистов, компьютерный форум, киберфорум
jQuery
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 5.00/6: Рейтинг темы: голосов - 6, средняя оценка - 5.00
0 / 0 / 0
Регистрация: 07.10.2013
Сообщений: 21

Работа с таблицами

16.07.2014, 22:16. Показов 1152. Ответов 5
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
Доброго времени суток. Помогите с реализацией одной фичи.

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

P.S.: в имеющемся коде не получается изменять html внутри(каждому элементу, отобранному относительно времени еще нужно будет дописывать информацию о самом автобусе). Помогите пожалуйста

Листинг:
JavaScript
1
2
3
4
5
6
7
8
var data= new Date();
var t = $('#top').append(data.toLocaleTimeString());
 
 
var vrem=$('#mid td').text();
for(var i=0; i<vrem.length; i++){
$('#mid').append(vrem[i]);
}
top и mid - это соответственно элементы структуры.
0
Лучшие ответы (1)
cpp_developer
Эксперт
20123 / 5690 / 1417
Регистрация: 09.04.2010
Сообщений: 22,546
Блог
16.07.2014, 22:16
Ответы с готовыми решениями:

Работа с таблицами
Всем добрый день) Заранее очень благодарен что вы посетили мою тему, спасибо за внимание Друзья, с ajax и js у меня совсем плохо....

Работа с таблицами
Ребят, подскажите, как можно организовать добавления данных в таблицу(HTML таблицу). Я так понимаю, создать форму добавления информации и...

Работа с таблицами
Помогите сделать красивую таблицу. У меня есть код но почему то с моими кривыми руками ничего не работает. Нужно скомпоновать все кусочки...

5
39 / 39 / 43
Регистрация: 14.07.2014
Сообщений: 230
16.07.2014, 23:57
алгоритм, который будет выводить ближайшие 5рейсов относительно текущего времени.
Для такой магии есть плагин tablesorter, после чего сможешь выбрать из отсортированной таблицы необходимые значения. Или же по хардкору - создав массив этих значений создай свою функцию для метода sort.
А вообще желательно выложить и html с данными сюда или туда, я твой вопрос, увы, не понял.
0
Заблокирован
17.07.2014, 00:02
Good_God, достаточно понятно обьяснил но помочь даже примерно не знаю как ?
0
0 / 0 / 0
Регистрация: 07.10.2013
Сообщений: 21
17.07.2014, 10:14  [ТС]
Ну вот для примера одна из таблиц. Допустим сейчас 10:00 , мне должно вывестись 13:00, 14:15, 16:00, 17:15 и 18:00.

С плагином tablesorter я не знаком, поэтому не соображу как с его помощью реализовать идею.
HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
<div id="mid" name="mid">
        
        <div id="t130a" name="t130a">
            <h3>Ейск - п.Братский </h3>
            <h4> Цена проезда - 30р </h4>
            <h5> Время отправления </h5>
            <table id="table130a" rules="all">
                <tr>
                    <th>из Ейск</th><th>из п.Комсомолец</th>
                </tr>
                
                <tr>
                    <td>13:00 </td><td>09:10 </td>
                </tr>
                
                <tr>
                    <td>16:00 </td><td>14:15 </td>
                </tr>
                
                <tr>
                    <td>18:00 </td><td>17:15 </td>
                </tr>
                
                <tr>
                    <td>--:-- </td><td>19:20 </td>
                </tr>
                
            </table>
        </div>
</div>
0
39 / 39 / 43
Регистрация: 14.07.2014
Сообщений: 230
17.07.2014, 11:01
Лучший ответ Сообщение было отмечено Good_God как решение

Решение

Держи.
CSS
1
2
3
td{
    border:1px solid black;
}
JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
//Необходимое время
var iNeedHour=10,iNeedMin=0;
//Необходимое количество записей
var iNeedCount=5;
//Получаем все значения
var tableData=[];
$('#table130a td').each(function(){
    var time=$(this).html();
    //Получив содержимое создаем вложенный массив двух элементов (часы,минуты) и добавляем в основной массив.
    tableData.push(time.split(':'));
});
//Убираем из массива пустые значения и неподходящие значения
for(var i=0;i<tableData.length;i++)
{
    if(tableData[i][0]=='--' || tableData[i][0] < iNeedHour || tableData[i][1] < iNeedMin) 
    {
        tableData.splice(i,1);
    }
}
//Получаем необходимое количество записей. Вдруг их меньше
if (tableData.length < iNeedCount ) iNeedCount=tableData.length
tableData=tableData.splice(0,iNeedCount);
//Вернем время в строковое значение
for(i=0;i<tableData.length;i++) tableData[i]=tableData[i][0]+':'+tableData[i][1];
//Делаем с этим массивом что хотели.
//alert(tableData.join(' '));
HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<table id="table130a" rules="all">
<tr>
<td>13:00</td><td>09:10</td>
</tr>
<tr>
<td>16:00</td><td>14:15</td>
</tr>
<tr>
<td>18:00</td><td>17:15</td>
</tr>
<tr>
<td>--:--</td><td>19:20</td>
</tr>
 
</table>
Ссылка.

пс если это единственная задача на странице, я не вижу смысла подключать jquery, хотя не исключаю что есть менее накладный способ вышеописанного
1
0 / 0 / 0
Регистрация: 07.10.2013
Сообщений: 21
17.07.2014, 20:51  [ТС]
Az Rieil, спасибо большое за предложенный вариант)

пс это не единственная задача)
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
raxper
Эксперт
30234 / 6612 / 1498
Регистрация: 28.12.2010
Сообщений: 21,154
Блог
17.07.2014, 20:51
Помогаю со студенческими работами здесь

Работа с таблицами
привет, друзья! подключил файл с кодом: t=document.getElementById('tablica'); k=1; for(i=0;i&lt;t.rows.length;i++) ...

Работа с 3 таблицами
Есть таблица котов, прививок и третья таблица связей Таблица котов имеет id_cat name_cat и тд Таблица прививок имеет id_inj name_inj ...

Работа с таблицами
Доброго времени суток! Пытаюсь изучать параллельно с C#, SQL. И вот столкнулся с такой задачей: Создать две таблицы, связанные...

Работа с 2 таблицами
Столкнулся с проблемой и не знаю как её решить. У меня есть одна таблица с id и городом и вторая таблица с id и людьми. Мне нужно вывести...

Работа с таблицами
Добрый день, уважаемые форумчане:) Столкнулся с задачей, и не получается ее решить, надеюсь на Вашу помощь. Есть 2 таблицы, в каждой...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
6
Ответ Создать тему
Новые блоги и статьи
SDL3 для Web (WebAssembly): Обработчик клика мыши в браузере ПК и касания экрана в браузере на мобильном устройстве
8Observer8 02.02.2026
Содержание блога Для начала пошагово создадим рабочий пример для подготовки к экспериментам в браузере ПК и в браузере мобильного устройства. Потом напишем обработчик клика мыши и обработчик. . .
Философия технологии
iceja 01.02.2026
На мой взгляд у человека в технических проектах остается роль генерального директора. Все остальное нейронки делают уже лучше человека. Они не могут нести предпринимательские риски, не могут. . .
SDL3 для Web (WebAssembly): Вывод текста со шрифтом TTF с помощью SDL3_ttf
8Observer8 01.02.2026
Содержание блога В этой пошаговой инструкции создадим с нуля веб-приложение, которое выводит текст в окне браузера. Запустим на Android на локальном сервере. Загрузим Release на бесплатный. . .
SDL3 для Web (WebAssembly): Сборка C/C++ проекта из консоли
8Observer8 30.01.2026
Содержание блога Если вы откроете примеры для начинающих на официальном репозитории SDL3 в папке: examples, то вы увидите, что все примеры используют следующие четыре обязательные функции, а. . .
SDL3 для Web (WebAssembly): Установка Emscripten SDK (emsdk) и CMake для сборки C и C++ приложений в Wasm
8Observer8 30.01.2026
Содержание блога Для того чтобы скачать Emscripten SDK (emsdk) необходимо сначало скачать и уставить Git: Install for Windows. Следуйте стандартной процедуре установки Git через установщик. . . .
SDL3 для Android: Подключение Box2D v3, физика и отрисовка коллайдеров
8Observer8 29.01.2026
Содержание блога Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами. Версия v3 была полностью переписана на Си, в. . .
Инструменты COM: Сохранение данный из VARIANT в файл и загрузка из файла в VARIANT
bedvit 28.01.2026
Сохранение базовых типов COM и массивов (одномерных или двухмерных) любой вложенности (деревья) в файл, с возможностью выбора алгоритмов сжатия и шифрования. Часть библиотеки BedvitCOM Использованы. . .
SDL3 для Android: Загрузка PNG с альфа-каналом с помощью SDL_LoadPNG (без SDL3_image)
8Observer8 28.01.2026
Содержание блога SDL3 имеет собственные средства для загрузки и отображения PNG-файлов с альфа-каналом и базовой работы с ними. В этой инструкции используется функция SDL_LoadPNG(), которая. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru