Загрузка данных из CSV-файла
Те, кому хоть раз доводилось составлять таблицы на HTML без специальных редакторов, знают, насколько это утомительное занятие, если данных очень много. Мало того, что в большом количестве строк можно запутаться, а тут еще и столько же, если не больше, разных
Файл с расширением CSV — это ничто иное, как обычный текстовый документ, где содержимое упорядочено так, чтобы их очень просто было преобразовать в таблицу. Каждая строка — это строка таблицы, а данные столбцов в ней разделены условным символом, например, «;». Такие файлы очень удобны тем, что менять их содержимое можно в любом текстовом редакторе, в отличие от тех же таблиц Excel. Раз уж мы говорим о веб-технологиях, то здесь загрузка данных из CSV-файла идет в скрипт, который автоматически генерирует HTML.
Я листал список виджетов на uCoz и очень обрадовался, когда нашел там необходимый функционал. К сожалению, радоваться пришлось недолго, потому как в стандартном виде он не сработал. По всей видимости, подводит функция includeJSfile. Но и ручное подключение файла cvs2table.js нужного эффекта не дало — таблица отобразилась, но при попытке сортировки появлялись ошибки. Спасло, подключение свежей версии jQuery. В результате, получился следующий код:
<script type="text/javascript" src="/.s/wid/36/cvs2table.js"></script>
<script type="text/javascript">
$(function(){
var pars=[0,
'/table.csv', <!-- Путь к файлу данных -->
';', <!-- Разделитель столбцов -->
'test_tbl', <!-- Класс таблицы -->
'test_hd', <!-- Класс строки-заголовка -->
'test_row' <!-- Класс обычных строк -->
];
jQuery(document).ready(function(){
jQuery('#id_контейнера_для_таблицы').csv2table(pars[1], {
nowloadingMsg: 'Loading...', <!-- Текст сообщения о загрузке -->
removeDoubleQuote: true,
col_sep: pars[2],
className_table: pars[3],
className_table_th: pars[4],
className_table_td: pars[5]
});
});
});
</script>
Результат — загрузка данных из CSV-файла работает без ошибок и нет необходимости составлять и редактировать весь HTML огромных таблицы вручную.
0
