Как сделать web interface, который бы...

[perasperaadastra]

На raspberry сейчас стоит Flask, который принимает два числа, когда к нему обращаются в формате
http://192.168.1.168/switch/i/j
где i и j это целые числа меньше 7

Я хочу сделать веб-интерфейс, чтобы можно было выбрать i с помощью элемента radio и j с помощью кнопок, причем при нажатии на одну из кнопок для выбора j, на сервер должны отправиться i и j.

Первая часть (radio) вроде бы понятна:

Code: Select all

<form action="">
<input type="radio" name="i" value="1">
<input type="radio" name="i" value="2">
...
</form>

А вот с кнопками не совсем ясно. Как сделать, чтобы кнопка отправляла и i и j?

PS Чувствую я, нужно менять get на post.

[perasperaadastra]

Кажется я понял!

Code: Select all

<form action="/switch" method="get">
  <input type="radio" name="i" value="1"><br>
  <input type="radio" name="i" value="2"><br>
...
  <button type="submit" name ="j" value="1" formtarget="_blank">Submit</button>
  <button type="submit" name ="j" value="2" formtarget="_blank">Submit</button>
...
</form>

[Тверпен]

Value кнопки здесь ни при чем. POST тоже необязателен. Когда форма сабмитится, то все ее компоненты посылаются на сервер.

[stenking]

Кажется я понял!

Code: Select all

<form action="/switch" method="get">
  <input type="radio" name="i" value="1"><br>
  <input type="radio" name="i" value="2"><br>
...
  <button type="submit" name ="j" value="1" formtarget="_blank">Submit</button>
  <button type="submit" name ="j" value="2" formtarget="_blank">Submit</button>
...
</form>

Хитрый да?:) Только это будет работать не во всех браузерах - я думаю FF не поведётся на второй сабмит.

[perasperaadastra]

Как же быть тогда? Если для i и j делать списки или радио, а потом жать submit, то получится очень трудоемко... Это выключатель светильников — быстрее будет дойти до обычного выключателя, чем мучиться с формой на экране телефона...

А что если сделать по кнопке (каждую в индивидуальной форме) для каждой комбинации i и j? Как я понимаю два value к кнопке не приделать, но можно посылать строку типа '32', а дальше заставить сервер это разбивать на отдельные i и j?

[XAOC]

Кажется я понял!

Code: Select all

<form action="/switch" method="get">
  <input type="radio" name="i" value="1"><br>
  <input type="radio" name="i" value="2"><br>
...
  <button type="submit" name ="j" value="1" formtarget="_blank">Submit</button>
  <button type="submit" name ="j" value="2" formtarget="_blank">Submit</button>
...
</form>

Хитрый да?:) Только это будет работать не во всех браузерах - я думаю FF не поведётся на второй сабмит.

тролишь да? всю жизнь при необходимости использовал такую конструкцию, везде работало. проверил в FF последнем, все пучком.

[stenking]

тролишь да? всю жизнь при необходимости использовал такую конструкцию, везде работало. проверил в FF последнем, все пучком.

Это известное поведение еще от IE 6/7.

http://mikefunk.com/2012/04/09/ie-multi ... ttons-bug/" onclick="window.open(this.href);return false;

Я вот не берусь гарантировать что даже сегодня такой код будет работать во всех браузерах на всех платформах. Может да, но может и нет. Нет, для perasperaadastra думаю всё нормально будет, не думаю что кто-то там чем-то старым или экзотическим пользуется. Это я просто вредничаю )

[perasperaadastra]

Спасибо всем за советы!
Я сделал кнопки, передающие строки, которые состоят из комбинаций i и j. А дальше Flask вычленяет нужный параметр.

Code: Select all

<form method="post" action="/switch">
<button type="submit" name="ij" value="11">i=1, j=1</button>
... кнопки для остальных комбинаций...
</form>

Единственная проблема теперь, что при нажатии на кнопку в адресной строке браузера появляется "192.168.1.168/switch". Flask, конечно, возвращает в корень сайта, но адресную строку не обновляет. Можно ли как-то сделать, чтобы html не менял адресную строку при отправке формы через post?

[fruit6]

можете добавить жаба скрипт (keyword: ajax) или делать POST в / endpoint

[perasperaadastra]

Оказалось, во Flask можно сделать redirect на корень.