Форум программистов, компьютерный форум, киберфорум
JavaScript
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 5.00/18: Рейтинг темы: голосов - 18, средняя оценка - 5.00
24 / 24 / 16
Регистрация: 01.11.2013
Сообщений: 196

Заполнить таблицу значениями из файла

18.08.2015, 20:26. Показов 3398. Ответов 11
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
Доброго времени суток. Есть несколько разных таблиц, таблица выбирается объектом select и вставляются в нужное место innerHTMLем. Для простоты таблицы сократил, структура всех таблиц разная. Требуется из бинарного файла взять данные и поместить в таблицу. Функция read_file_plan_zad читает и записывает файл в строку, потому передаёт в функцию отображения таблиц. Как данные из этой строки вставить в поля таблицы?
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
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Документ без названия</title>
</head>
 
<body>
    Выбрать тип задания:
    <select name="plan_zad" id="plan_zad" onChange="creat_table_plan_zad(this, 0, 0);">
    <option></option>
    <option>TABLE1</option>
    <option>TABLE2</option>
    <option>TABLE3</option>
    <option>TABLE4</option>
    <option>TABLE5</option>
    </select>
    <p>
    Ввести из файла: <input type="file" id="plan_zad_from_file" onChange="read_file_plan_zad(this.files[0]);">
    <p>
    
<div id="div_table_plan_zad">
<form>
</form>
</div>
</body>
</html>
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
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
<script>
function read_file_plan_zad(file){
    var elem = document.getElementById("plan_zad");
    var reader = new FileReader();
    var magic;
    var out_bin = "";
    reader.readAsArrayBuffer(file);
    reader.onload = function(e) 
    {
        var view = new DataView(reader.result); 
        var i = 0, j = 0, count = 0;
        for (i = 0; i < view.byteLength; i++)
        {
            magic = view.getUint8(i, false); 
            if (parseInt(magic, 10).toString(16).length < 2) 
            {
                out_bin += '0' + parseInt(magic, 10).toString(16);
                j++;
            }
            else
            {
                out_bin += parseInt(magic, 10).toString(16);    
            }   
        } 
    }
    creat_table_plan_zad(elem, out_bin, 1); 
}
 
 
function creat_table_plan_zad(elem){
 
var out = "";
out += "<table border=\"1\">";
out += "<tr>";
if (elem.selectedIndex === 1)
{
out += "<th><p><input type=\"text\" id=\"pole1\"></th>";
out += "<th>POLE1</th>";
}
if (elem.selectedIndex === 2)
{
out += "<th><p><input type=\"text\" id=\"pole2\"></th>";
out += "<th>POLE2</th>";
}
if (elem.selectedIndex === 3)
{
out += "<th><p><input type=\"text\" id=\"pole3\"></th>";
out += "<th>POLE3</th>";
}
if (elem.selectedIndex === 4)
{
out += "<th><p><input type=\"text\" id=\"pole4\"></th>";
out += "<th>POLE4</th>";
}
 
document.getElementById("div_table_plan_zad").innerHTML = out;
}
 
</script>
0
Лучшие ответы (1)
IT_Exp
Эксперт
34794 / 4073 / 2104
Регистрация: 17.06.2006
Сообщений: 32,602
Блог
18.08.2015, 20:26
Ответы с готовыми решениями:

Как можно заполнить OPTIONS значениями из текстового файла?
Как можно заполнить OPTIONS значениями из текстового файла

Заполнить таблицу значениями по условию
требуется вывести значения q,du,dиз, при задании любого значения q. Допустим при задании значения q=0.223, должно вывестись значения...

Заполнить таблицу значениями функции и построить ее график
Заполнить таблицу значениями функции y=(cos(a*x))/1+x^2 для -а&lt;=x&lt;=a и построить ее график. Параметр а задавать отдельно. Помогите...

11
не Администратор ^_^
 Аватар для Unick
988 / 223 / 23
Регистрация: 03.05.2009
Сообщений: 1,493
Записей в блоге: 1
19.08.2015, 20:06
а вы это уже разве не сделали?
0
24 / 24 / 16
Регистрация: 01.11.2013
Сообщений: 196
19.08.2015, 21:05  [ТС]
Unick, именно таким способом не сделал, я не уверен что таким способом возможно это реализовать.
Может я не совсем понятно излагаю.
Есть поле селект с несколькими полями, для простоты поля пускай называются Паспорт, Водительское Удостоверение и Загран паспорт.
По выбору строки появляется нужная таблица. В таблицу юзер может ввести данные сам, либо загрузить из бинарного файла, т.е при событие onChange объекта input type="file" появляется нужная таблица. Далее отправить на сервер методом XMLHttpRequest. Как распарсить файл и взять из него нужные значения я понимаю.
Я не понимаю как работать с javascript кодом если я вставляю его методом innerHTML.
0
Ренегат
Эксперт HTML/CSS
 Аватар для BANO
1740 / 1085 / 386
Регистрация: 06.08.2014
Сообщений: 5,203
Записей в блоге: 1
19.08.2015, 22:40
Цитата Сообщение от Mr_Progger Посмотреть сообщение
Я не понимаю как работать с javascript кодом если я вставляю его методом innerHTML.
кого "его"? js код?
как я понял вы умеете читать файлы, кинутые в input, на js
вообще я не вижу смысла отправлять на сервер файл, если только не надо этот файл там сохранить

короче я не понял, вы в той теме спросили про смену url у фреймов
у меня вопрос: "у вас эти таблицы в iframe?"
0
24 / 24 / 16
Регистрация: 01.11.2013
Сообщений: 196
20.08.2015, 07:35  [ТС]
Цитата Сообщение от BANO Посмотреть сообщение
кого "его"? js код?
Да
Цитата Сообщение от BANO Посмотреть сообщение
вообще я не вижу смысла отправлять на сервер файл
Из файла требуется взять данные и внести в нужные поля таблицы. Это нужно для того чтобы пользователь увидел что поля заполнены правильными данными и при надобности отредактировал, а не вводил всю таблицу вручную. Потом отправка этой инфы на сервер.
Цитата Сообщение от BANO Посмотреть сообщение
короче я не понял, вы в той теме спросили про смену url у фреймов
у меня вопрос: "у вас эти таблицы в iframe?"
В этой теме таблицы,селект и инпут файл находятся в одном фрейме. Тему с фреймами я создал потому что решил что разрешить проблему без фреймов нельзя. Для меня практически не имеет значения как это будет в итоге реализовано, разве что с фреймами удобнее так как не придётся держать весь код в одной страницы.
0
Ренегат
Эксперт HTML/CSS
 Аватар для BANO
1740 / 1085 / 386
Регистрация: 06.08.2014
Сообщений: 5,203
Записей в блоге: 1
20.08.2015, 09:46
Mr_Progger, вы читать файл на js умеете?

Добавлено через 47 секунд
ну понимаете что значит
JavaScript
1
reader = new FileReader()
и как этим пользоваться
0
24 / 24 / 16
Регистрация: 01.11.2013
Сообщений: 196
20.08.2015, 18:50  [ТС]
Цитата Сообщение от BANO Посмотреть сообщение
вы читать файл на js умеете?
нет, не умею. На сервере нет файловой системы.
0
Ренегат
Эксперт HTML/CSS
 Аватар для BANO
1740 / 1085 / 386
Регистрация: 06.08.2014
Сообщений: 5,203
Записей в блоге: 1
27.08.2015, 19:40
Лучший ответ Сообщение было отмечено Mr_Progger как решение

Решение

Mr_Progger, а причём тут файловая система сервера?

Добавлено через 7 минут
Цитата Сообщение от Mr_Progger Посмотреть сообщение
не придётся держать весь код в одной страницы
какая разница на одной странице на 2, это совершенно не имеет значения для конечного пользователя
а если там есть фреймы, то скажу так как я обычно делаю, я плюю на сайты, построенные на фреймах и фреймсетах, поскольку это признак неумелости верстальшиков

вам предлагаю так:
сделать простой ридер файлов, который вообще-то у вас в коде есть, и поместить это всё на 1 страницу, чтобы не напрягать пользователей и прогеров, которые будут работать после вас
0
24 / 24 / 16
Регистрация: 01.11.2013
Сообщений: 196
27.08.2015, 20:04  [ТС]
Цитата Сообщение от BANO Посмотреть сообщение
а причём тут файловая система сервера?
сорри не правильно понял. Файловая система действительно не причём

Цитата Сообщение от BANO Посмотреть сообщение
какая разница на одной странице на 2, это совершенно не имеет значения для конечного пользователя
мой сервер это устройство на базе сигнального процессора, и во общем то не очень шустрое. Если кода на странице очень много, то заметен лаг при загрузке.

Цитата Сообщение от BANO Посмотреть сообщение
я плюю на сайты, построенные на фреймах и фреймсетах, поскольку это признак неумелости верстальшиков
я создаю не совсем сайт. Я делаю веб интерфейс для железяки, по средствам которого оператор сможет управлять устройством и ему до лампы фреймы там или нет.

Задачу решил разместив все таблицы на одной страницы сделав свойство display = none, при выборе поля селект или выборе файла я меняю свойство display у нужной таблицы.
0
Ренегат
Эксперт HTML/CSS
 Аватар для BANO
1740 / 1085 / 386
Регистрация: 06.08.2014
Сообщений: 5,203
Записей в блоге: 1
27.08.2015, 20:55
Цитата Сообщение от Mr_Progger Посмотреть сообщение
одной страницы сделав свойство display = none, при выборе поля селект или выборе файла я меняю свойство display у нужной таблицы.
вооот, это правильное решение, поздравляю

Цитата Сообщение от Mr_Progger Посмотреть сообщение
мой сервер это устройство на базе сигнального процессора
не знаю как вам, а меня эти банкоматы с браузером внутри бесят

короче теперь понятно
сказали бы сразу про платформу, то сразу можно было избежать некоторых вопросов

Не по теме:

про лаги при загрузке локально страницы слышу в первый раз



Добавлено через 40 секунд
ладно, хорошо, что разобрались
0
27.08.2015, 20:57

Не по теме:

Цитата Сообщение от BANO Посмотреть сообщение
я плюю на сайты, построенные на фреймах и фреймсетах
как же вам неприятно потом смотреть в свой монитор :)

0
27.08.2015, 21:05

Не по теме:

Цитата Сообщение от kalabuni Посмотреть сообщение
как же вам неприятно потом смотреть в свой монитор
обычно не долетает, поскольку я сначала в туалет бегу :-!, а потом резким движением пальцев нажимаю ctrl+w и приступ закончен
а ещё запоминаю этот сайт себе в каспера, как вирусный, потом меня туда уже никто не затянет

хотя есть у меня немного жалости к создателям такого сайта, поскольку они наверное и неподозревают о существовании html5 и es6
хотя поделом им ]:->

0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
BasicMan
Эксперт
29316 / 5623 / 2384
Регистрация: 17.02.2009
Сообщений: 30,364
Блог
27.08.2015, 21:05
Помогаю со студенческими работами здесь

Заполнить двумерный массив(9 строк на 9 столбцов) логическими значениями из входного текстового файла
помогите пожалуйста написать програмку: Заполнить двумерный массив(9 строк на 9 столбцов) логическими значениями из входного...

Заполнить таблицу из файла
Написать программу, которая считывает из файла &lt;login&gt;.note все данные и выводит на экран в виде таблицы, выполненной по образцу ниже...

Не получается вывести таблицу со значениями функции, либо со значениями аргумента
Ни в какую не отображается. Делаю все по инструкциям. Нужно чтобы получились таблицы: со значением функции, со значением аргумента.

Ребят, выручите подсказкой, заполнить таблицу с файла
Здравствуйте. Проблема в том, что с 1с не работал вообще. Только установка / обновления. Суть в следующем. На объекте стоит 1с 8.2. Под...

Заполнить таблицу на чужом сайте данными из файла
В общем суть такая. Есть текстовый файл. Есть чужой сайт. На сайте есть таблица и нужно заполнить таблицу данными из текстового файла.


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

Или воспользуйтесь поиском по форуму:
12
Ответ Создать тему
Новые блоги и статьи
http://iceja.net/ математические сервисы
iceja 20.01.2026
Обновила свой сайт http:/ / iceja. net/ , приделала Fast Fourier Transform экстраполяцию сигналов. Однако предсказывает далеко не каждый сигнал (см ограничения http:/ / iceja. net/ fourier/ docs ). Также. . .
http://iceja.net/ сервер решения полиномов
iceja 18.01.2026
Выкатила http:/ / iceja. net/ сервер решения полиномов (находит действительные корни полиномов методом Штурма). На сайте документация по API, но скажу прямо VPS слабенький и 200 000 полиномов. . .
Расчёт переходных процессов в цепи постоянного тока
igorrr37 16.01.2026
/ * Дана цепь постоянного тока с R, L, C, k(ключ), U, E, J. Программа составляет систему уравнений по 1 и 2 законам Кирхгофа, решает её и находит переходные токи и напряжения на элементах схемы. . . .
Восстановить юзерскрипты Greasemonkey из бэкапа браузера
damix 15.01.2026
Если восстановить из бэкапа профиль Firefox после переустановки винды, то список юзерскриптов в Greasemonkey будет пустым. Но восстановить их можно так. Для этого понадобится консольная утилита. . .
Сукцессия микоризы: основная теория в виде двух уравнений.
anaschu 11.01.2026
https:/ / rutube. ru/ video/ 7a537f578d808e67a3c6fd818a44a5c4/
WordPad для Windows 11
Jel 10.01.2026
WordPad для Windows 11 — это приложение, которое восстанавливает классический текстовый редактор WordPad в операционной системе Windows 11. После того как Microsoft исключила WordPad из. . .
Classic Notepad for Windows 11
Jel 10.01.2026
Old Classic Notepad for Windows 11 Приложение для Windows 11, позволяющее пользователям вернуть классическую версию текстового редактора «Блокнот» из Windows 10. Программа предоставляет более. . .
Почему дизайн решает?
Neotwalker 09.01.2026
В современном мире, где конкуренция за внимание потребителя достигла пика, дизайн становится мощным инструментом для успеха бренда. Это не просто красивый внешний вид продукта или сайта — это. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru