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

@Good_God · Регистрация: 07.10.2013

Author24 — интернет-сервис помощи студентам

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

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

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

Листинг:

Javascript

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 - это соответственно элементы структуры.

@Az Rieil · 16.07.2014, 23:57

алгоритм, который будет выводить ближайшие 5рейсов относительно текущего времени.

Для такой магии есть плагин tablesorter, после чего сможешь выбрать из отсортированной таблицы необходимые значения. Или же по хардкору - создав массив этих значений создай свою функцию для метода sort.
А вообще желательно выложить и html с данными сюда или туда, я твой вопрос, увы, не понял.

@~~lodret~~ · 17.07.2014, 00:02

Good_God, достаточно понятно обьяснил но помочь даже примерно не знаю как ?

@Good_God · 17.07.2014, 10:14 **[ТС]**

Ну вот для примера одна из таблиц. Допустим сейчас 10:00 , мне должно вывестись 13:00, 14:15, 16:00, 17:15 и 18:00.

С плагином tablesorter я не знаком, поэтому не соображу как с его помощью реализовать идею.

HTML5

<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>

@Az Rieil · 17.07.2014, 11:01

Держи.

CSS

1
2
3

td{
    border:1px solid black;
}

Javascript

//Необходимое время
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

<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, хотя не исключаю что есть менее накладный способ вышеописанного

@Good_God · 17.07.2014, 20:51 **[ТС]**

Az Rieil, спасибо большое за предложенный вариант)

пс это не единственная задача)

@Az Rieil 39 / 39 / 43 Регистрация: 14.07.2014 Сообщений: 230
	16.07.2014, 23:57	2
	алгоритм, который будет выводить ближайшие 5рейсов относительно текущего времени. Для такой магии есть плагин tablesorter, после чего сможешь выбрать из отсортированной таблицы необходимые значения. Или же по хардкору - создав массив этих значений создай свою функцию для метода sort. А вообще желательно выложить и html с данными сюда или туда, я твой вопрос, увы, не понял. 0

@~~lodret~~ Заблокирован
	17.07.2014, 00:02	3
	Good_God, достаточно понятно обьяснил но помочь даже примерно не знаю как ? 0

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

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

Решение