Javascript-форум (https://javascript.ru/forum/)
-   Элементы интерфейса (https://javascript.ru/forum/dom-window/)
-   -   AJAX форма из таблички (https://javascript.ru/forum/dom-window/64035-ajax-forma-iz-tablichki.html)

Igorsrt 16.07.2016 12:00

AJAX форма из таблички
 
Здравствуйте! Подскажите пожалуйста как проще реализовать такое?
Имеется табличка:
https://drive.google.com/file/d/0B4l...ew?usp=sharing
Её необходимо "загнать" в форму:
https://drive.google.com/file/d/0B4l...ew?usp=sharing
Т.е. что бы при выборе параметров отображалась нужная стоимость из таблички без перезагрузки страницы. :write:

laimas 16.07.2016 13:34

Цитата:

Сообщение от Igorsrt
Подскажите пожалуйста как проще реализовать такое?

Проще серверу сразу отдать форму.

Igorsrt 16.07.2016 14:03

Цитата:

Сообщение от laimas (Сообщение 422213)
Проще серверу сразу отдать форму.

"я отдам - мне не жалко"... только объясните пожалуйста, что это значит... ))

laimas 16.07.2016 14:11

Кто отдает страницы клиенту и кто готовит их содержание? Вестимо сервер. Ну так зачем помещать серверу на странице таблицу, если вместо нее должна быть форма?
Если страница с этой формой, это статический документ, значит нужно "руками" прописать в ней код формы. Если страницы сайта динамические, значит серверный скрипт подключает шаблон страницы в котором форма, или же как-то иначе. А как конкретно сказать трудно, для этого нужно знать как все устроено на сервере.

Igorsrt 16.07.2016 14:40

Я, видимо, не совсем догоняю Вашу мысль... Но мне кажется нужно вставить на страницу 2 поля селект и какой-то ajax скрипт, который будет выводить результат... в js абсолютный "ноль" - поэтому и прошу помощи

laimas 16.07.2016 14:50

А причем тут Ajax, если нужно "загнать" в форму таблицу? Ajax - это всего лишь метод взаимодействия клиента с сервером, при этом табличка инициатор этого, или форма, это не играет никакой роли.

Если на странице нужна форма, то почему ее сразу не отдает сервер, а надо беднягу таблицу "загнать" в форму? Если форма на странице требуется только по запросу и асинхронному, то причем тут тогда таблица?

Igorsrt 16.07.2016 15:12

ajax должен показывать текстовое поле со стоимостью и менять его без перезагрузки страницы в зависимости от выбранных условий...
таблица дана для примера - при каких условиях, какая стоимость должна выводиться.
А нужна именно форма (если хотите, можем назвать это "калькулятор") :)

laimas 16.07.2016 15:26

:)
Забыть как страшный сон о Ajax, пока не разберетесь с формой.
Вопрос еще раз - коли на странице есть таблица, данные/поля которой нужно представить полями формы, то выводите ее сразу на странице, в чем проблема?
А уже к имеющейся на странице форме можно добавить какие угодно клиентские сценарии, хоть Ajax, хоть заставить поля формы исполнять серенаду.

Igorsrt 16.07.2016 15:42

Извините, не понимаю что нужно делать... ((

laimas 16.07.2016 16:02

Цитата:

Сообщение от Igorsrt
Извините, не понимаю что нужно делать...

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

Igorsrt 16.07.2016 16:22

нужно сделать вот такую штуку на странице
отображение стоимости в зависимости от выбранных условий :)

Igorsrt 16.07.2016 16:24

( https://drive.google.com/file/d/0B4l...5heHVkZU0/view )

laimas 16.07.2016 16:33

Если вы знаете чего хотите, но не можете сделать, то заказывайте работу, это будет платно. Но только исполнитель от вас потребует ТЗ, а это не картинка, которая ни о чем не говорит, а детальное описание задачи.

Если же есть некий код, а вопрос как давить в него нечто, то показывайте код и поясняйте чего надо.

Иначе помочь "не понятно чем" никто не сможет.

Igorsrt 16.07.2016 17:03

Цитата:

Сообщение от laimas (Сообщение 422240)
Если же есть некий код, а вопрос как давить в него нечто, то показывайте код и поясняйте чего надо.

я как раз и хотел получить пример кода подобного механизма

laimas 16.07.2016 17:21

Механизма чего?

Igorsrt 16.07.2016 18:15

появления текста со стоимостью при выборе условий в выпадающем списке

Сергей16 16.07.2016 20:21

Наверное это простой кадькулятор. вам наверное сюда http://calccreator.com/

Igorsrt 16.07.2016 20:49

Цитата:

Сообщение от Сергей16 (Сообщение 422264)
Наверное это простой кадькулятор. вам наверное сюда http://calccreator.com/

то-то и оно, что это проще чем просто калькулятор... хочется обойтись без всяких плагинов, сервисов и т.п. - просто вставить скрипт js... а подсказать некому ((

Rise 17.07.2016 01:54

Igorsrt,
<select id="persons">
	<option value="0">50-100</option>
	<option value="1">100-200</option>
</select>
<select id="person">
	<option value="0">man</option>
	<option value="1">woman</option>
</select>
<span id="price"></span>
<script>
var persons = document.getElementById('persons'),
	person  = document.getElementById('person'),
	price   = document.getElementById('price'),
	prices  = [
		[2000, 2500], // 50-100
		[1900, 2400], // 100-200
	];
	persons.onchange = person.onchange = function() {
		price.innerHTML = prices[persons.value][person.value];
	};
	persons.onchange();
</script>

Igorsrt 17.07.2016 08:31

Спасибо! Это, кажется, как раз то что я и хотел увидеть. Дальше попробую сам.

laimas 17.07.2016 09:16

Цитата:

Сообщение от Igorsrt
Это, кажется, как раз то что я и хотел увидеть.

А к чему тогда это:

Цитата:

Сообщение от Igorsrt
Имеется табличка:
https://drive.google.com/file/d/0B4l...ew?usp=sharing
Её необходимо "загнать" в форму

?

Igorsrt 17.07.2016 11:00

И еще один вопрос - возможно не совсем в тему, но все про ту же форму...
В общем, я все сделал за исключением одного: В самом выпадающем списке элементов при наведении фон синий. Насколько я понимаю, стилизовать его при помощи css невозможно. Поэтому опять обращаюсь за помощью к знатокам js... )

Igorsrt 17.07.2016 21:15

Цитата:

Это, кажется, как раз то что я и хотел увидеть.
А к чему тогда это:
Сообщение от Igorsrt
Имеется табличка:
Её необходимо "загнать" в форму
?
Неужели я правда так непонятно объяснял? (( Нужно было сделать форму https://drive.google.com/file/d/0B4l...5heHVkZU0/view , которая бы работала по условиям из таблички https://drive.google.com/file/d/0B4l...5heHVkZU0/view

laimas 18.07.2016 01:54

Имеется табличка:
Её необходимо "загнать" в форму


Что нет знаний какими элементами определяется форма? Зачем загонять, если сразу можно определить форму? А может требуется по щелчку строки таблицы поместить ее данные в форму?

И вопросов может быть много. Учитесь задавать вопросы без простраций и пояснять их без картинок и мультиков.

warren buffet 19.07.2016 15:09

Таблица - это данные. Допустим сервер их отдаст в нормальном виде xml or json. Следовательно остается только рендерить строки по дизайну формы и все.

А вот если сервер отдаст эти данные в виде <table><tr><td> то надо туда будет поехать и кое-кому открутить писюна если имеется.

ЗЫ Вы верите что комп быстро считает потому что очень умный? Нет товарищи, комп считает быстро, потому что ему ПОДГОТОВИЛИ данные для быстрого счета. А вот если бы он как человек считал со слуха или зрения - ну, по изображению таблички бы переводил ее в интерфейс запроса к строке таблички - он бы скорее сдох от горя, чем занимался бы этой хератой.

Вот потому что культура работы с данными в полной жопе в РФ, поэтому и такие вопросы. Типа сделай мне из такой картинки - такую.


Часовой пояс GMT +3, время: 10:46.