Уведомления

Группа в Telegram: @pythonsu
  • Начало
  • » Web
  • » Создание таблицы в HTML через Python [RSS Feed]

#1 Сен. 24, 2010 15:56:57

Mag
От:
Зарегистрирован: 2010-09-23
Сообщения: 12
Репутация: +  0  -
Профиль   Отправить e-mail  

Создание таблицы в HTML через Python

Всем привет!)
есть простенькая табличка в ХТМЛЕ

<table border="1" width = "100%">
<tr>

<td align="center" rowspan = "2">№</td>
<td align="center" rowspan = "2">Число и дата</td>
<td align="center" rowspan = "2">Краткое содержание выполненных работ по вопросам раздела (темы), программы практики</td>
<td align="center" colspan = "2">Подпись руководителей</td>

</tr>
<TR>
<TD align="center">От предприятия</TD>
<TD align="center">От колледжа</TD>
</TR>
<TR>
<TD>1</TD>
<TD>1</TD>
<TD>1</TD>
<TD>1</TD>
<TD>1</TD>
</TR>

</TABLE>
и есть кнопочка….

1. Как сделать, чтобы при нажатии на кнопку в табличку добавлялась 1 пустая строка.
2. Как сделать, чтобы поля таблицы были изменяемыми в реальном времени.
3. Используя Python, GAE, HTML

Заранее спс)

Как я понял нужно сделать этакую процедурку, в нее прописать структуру 1й строки таблицы…
…но как это привязать к кнопке и питону



Отредактировано (Сен. 24, 2010 15:58:05)

Офлайн

#2 Сен. 24, 2010 16:12:21

Ferroman
От:
Зарегистрирован: 2006-11-16
Сообщения: 2759
Репутация: +  1  -
Профиль   Отправить e-mail  

Создание таблицы в HTML через Python

1. Попробуйте использовать генерацию html-ки с помощью любого шаблонизатора. Например Jinja2. Кнопочка - это форма, которая отправляет запрос, после чего и формируется страница.
2. Что Вы имели в виду? Если имелось в виду без перезагрузки страницы - надо использовать AJAX с помощью JavaScript.
3. Начните с чтения Python (http://www.intuit.ru/department/pl/python/), GAE(http://habrahabr.ru/blogs/gae/81895/), HTML(http://www.intuit.ru/department/internet/htmlbasics/).

Офлайн

#3 Сен. 24, 2010 16:47:46

Mag
От:
Зарегистрирован: 2010-09-23
Сообщения: 12
Репутация: +  0  -
Профиль   Отправить e-mail  

Создание таблицы в HTML через Python

Ferroman
2. Что Вы имели в виду? Если имелось в виду без перезагрузки страницы - надо использовать AJAX с помощью JavaScript.
чтобы можно было каждое поле таблицы редактировать как в Екселе)



Отредактировано (Сен. 24, 2010 16:53:09)

Офлайн

#4 Сен. 24, 2010 16:56:50

regall
От: Киев
Зарегистрирован: 2008-07-17
Сообщения: 1583
Репутация: +  3  -
Профиль   Отправить e-mail  

Создание таблицы в HTML через Python

Mag
чтобы можно было каждое поле таблицы редактировать как TEdit или TMemo   ака Ексель)
Ну, тут вам не Delphi. Взгляните в сторону Sencha ExtJS. Там такое реализовано. Или сами сделайте на javascript, и по событиям нажатия клавиш делайте сабмит формы, или AJAX-запрос на сохранение поля. Но для этого нужно на сервере сделать обработчик.



Офлайн

#5 Сен. 24, 2010 17:42:16

Mag
От:
Зарегистрирован: 2010-09-23
Сообщения: 12
Репутация: +  0  -
Профиль   Отправить e-mail  

Создание таблицы в HTML через Python

regall
Ну, тут вам не Delphi.
Да уж привык))

regall
Взгляните в сторону Sencha ExtJS.
за ссылочку и идею спс) буду пробовать



Офлайн

#6 Сен. 24, 2010 19:14:04

Mag
От:
Зарегистрирован: 2010-09-23
Сообщения: 12
Репутация: +  0  -
Профиль   Отправить e-mail  

Создание таблицы в HTML через Python

Ferroman
Если имелось в виду без перезагрузки страницы - надо использовать AJAX с помощью JavaScript.
А если вот так…
есть таблица…
есть поля ТЕХТ по колво ячеек в строке…
заполняем их….
нажимаешь кнопочку и заполненные поля присоединяются к общей таблице?



Отредактировано (Сен. 24, 2010 19:14:42)

Офлайн

#7 Сен. 25, 2010 19:59:04

Mag
От:
Зарегистрирован: 2010-09-23
Сообщения: 12
Репутация: +  0  -
Профиль   Отправить e-mail  

Создание таблицы в HTML через Python

кому интересно….
создаем файлик на JavaScript…например AddRows.js
и туда запихиваем такой код

var d = document;

var name;
var initials;
var posada;

function addRow()
{
// Считываем значения с формы
name = d.getElementById('name').value;
initials = d.getElementById('initials').value;
rukvo_rabota = d.getElementById('rukvo_rabota').value;
rukvo_wapara = d.getElementById('rukvo_wapara').value;

// Находим нужную таблицу
var tbody = d.getElementById('tab1').getElementsByTagName('TBODY')[0];

// Создаем строку таблицы и добавляем ее
var row = d.createElement("TR");
tbody.appendChild(row);

// Создаем ячейки в вышесозданной строке
// и добавляем тх
var td1 = d.createElement("TD");
var td2 = d.createElement("TD");
var td3 = d.createElement("TD");
var td4 = d.createElement("TD");

row.appendChild(td1);
row.appendChild(td2);
row.appendChild(td3);
row.appendChild(td4);

// Наполняем ячейки
td1.innerHTML = name;
td2.innerHTML = initials;
td3.innerHTML = rukvo_rabota;
td4.innerHTML = rukvo_wapara;
}
в HTML файле с таблицой пишем такую шнягу….
<script type="text/javascript" src="addrows.js"></script>
<form action="" method="post" id="add_persons" onsubmit="addRow();return false;">
<fieldset>
<legend>Добавить событие</legend>
<ul>
<label for="name">Дата:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</label>

<input type="text" name="name" id="name" value="" tabindex="1" />
<p>

<label for="initials">Содержание работ:&nbsp; </label>

<input type="text" name="initials" id="initials" value="" tabindex="2" />
<p>

<label for="rukvo_rabota">Подпись рук-ва предприятия:&nbsp;</label>

<input type="text" name="rukvo_rabota" id="rukvo_rabota" value="" tabindex="3" />
<p>

<label for="rukvo_wapara">Подпись рук-ва колледжа: &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</label>

<input type="text" name="rukvo_wapara" id="rukvo_wapara" value="" tabindex="4" />
<p>
<input type="submit" name="subm" class="submit" value="Добавить" tabindex="5" />
<input type="Reset" value="Очистить"/>
</ul>
</fieldset>
</form>

<table id="tab1" class="sortable" border = "1" width = "100%">
<TR>
<td align = "center" rowspan ="2">Дата</td>
<td align = "center" rowspan ="2">Краткое содержание</td>
<td align = "center" colspan ="2">Подпись</td>

</TR>

</table>



Отредактировано (Сен. 25, 2010 19:59:45)

Офлайн

#8 Сен. 25, 2010 20:03:40

Mag
От:
Зарегистрирован: 2010-09-23
Сообщения: 12
Репутация: +  0  -
Профиль   Отправить e-mail  

Создание таблицы в HTML через Python

Теперь другой вопрос…где можно почитать про работу с файлами?
Например, чтоб пользователь добавил сколько захочет строк с данными, тыкнул на кнопочку и вся таблица запихнулась в файл…
А при следующем открытии страницы с таблицей все данные обратно прыгнули из файла в таблицу =)



Офлайн

#9 Сен. 25, 2010 20:21:08

regall
От: Киев
Зарегистрирован: 2008-07-17
Сообщения: 1583
Репутация: +  3  -
Профиль   Отправить e-mail  

Создание таблицы в HTML через Python

Не совсем понятно, что за файл и где он должен сохранятся?



Офлайн

#10 Сен. 26, 2010 10:38:36

Mag
От:
Зарегистрирован: 2010-09-23
Сообщения: 12
Репутация: +  0  -
Профиль   Отправить e-mail  

Создание таблицы в HTML через Python

regall
Не совсем понятно, что за файл и где он должен сохранятся?
да любой…способный хранить таблицу…тот же Ехель
Храниться по идее должен на сервере)
может нужно сделать, чтобы при нажатии на кнопку, если Ехеля нету, то создавался файл, в него пихалась таблица с хтмл страницы, а если есть, то инфа обновлялась в нем, и при последующем запуске страницы таблица подгружалась из Ехеля…



Отредактировано (Сен. 26, 2010 14:57:31)

Офлайн

  • Начало
  • » Web
  • » Создание таблицы в HTML через Python[RSS Feed]

Board footer

Модераторировать

Powered by DjangoBB

Lo-Fi Version