Как обработать форму, выводимую в цикле?

ThunderCat, я искренне благодарен Вам за столь исчерпывающие советы по методологии разработки. Я ими обязательно воспользуюсь.
Млет быть Вы сможете также порекомендовать мне, где можно найти открытые коды для админок, например, интернет-магазинов. Замена изображений товаров и категорий - задача оттуда.

чего вы ждете от скрипта, который повешен на конкретный id элемента

Ничего, кроме того, чтобы он правильно работал. Можно, конечно, скрипт повесить, например, на класс, а не на id, но как тогда скрипт определит на какой элемент DOM он должен срабатывать? Та же история, если использовать атрибут data. Или нет?

Как обработать форму, выводимую в цикле?

ThunderCat,

Проблема в том, что ниже приведенные коды отлично работают для:
а) одного, отдельно взятого изображения;
б) для первого изображения группы, выведенной в цикле. Для остальных - не срабатывает даже input type="file".

Магия - в последней фразе пункта б). )))
А если проще, то не работает для замены изображений, выведенных таким образом - в циклических формах.

Почему input "присасался" к img?

Ignatiy2, а, вообще говоря, Grid Layuot или Bootstrap сильно облегчают жизнь верстальщику. Я не увидел, что Вы то-то из этого использовали, предлагаю попробовать. Изучение любого из них замет у Вас не более 1 дня (ну, хотя бы в первом приближении). Найти информацию в сети по ним не составит труда. Рекомендую сразу изучить Grid, она более современна. Но, с другой стороны, Bootstrap сразу включает в себя классы CSS, которые можно использовать. Вот, например, справочник по Bootstrap с примерами работы его классов: https://hackerthemes.com/bootstrap-cheatsheet/

Почему input "присасался" к img?

Ignatiy2, нет здесь ничего сложного, а помидоры, в качестве оружия, на tostere не используются ))) Попробуйте таки прописать style прямо внутри тега img. Если не поможет, то дело, скорее всего, в консерватории - нужно смотреть бОльшую часть проекта.

Почему input "присасался" к img?

Коллеги, Вы удивитесь, но если прописать для img стили не как класс, а просто добавить в тег styles="стили, как в классе", то все будет работать. И это никак не связано с тем, что img это строчный элемент (строго говоря это не так) и даже не с тем, что класс подключен неправильно. А с тем, что если не срабатывает класс css, то первым делом нужно почистить куки в браузере. Страница локально разрабатываемого сайта кэшируется браузером (если Вы не запретили это делать в его настройках) и выдает страницу не из localhost, а из кэша.

Как исправить ошибку в AJAX запросе?

ThunderCat, простите. но я или туплю не по-детски, или просто не понял о чем Вы.
Ну, сделаю я эту конкретную кнопку button'ом, дальнейшая обработка ее нажатия возможна. если она попадает в $_POST. Проверю...
А

data: {'id': data_uid}
if ( isset ($_POST['delete_utility']) ) {...

почему смущать должно? Есть переменная id, которая формируется по клику на input. Ее значение передается в обработчик. Если $_POST['delete_utility'] установлено, то код внутри isset должен работать. При этом id уже передана в обработчик, как локальная переменная для всего обработчика. Почему я ее не вижу внутри isset, я реально не понимаю.
Действительно, туплю, видимо...

Как исправить ошибку в AJAX запросе?

ThunderCat,

Ммм, программирование методом тыка.

Не совсем )))))) Я таки читал документацию, взял как раз оттуда )))

Как исправить ошибку в AJAX запросе?

ThunderCat, вроде все передается, но...
У меня таки есть общий скрипт для обработки формы. В ней, как я уже говорил, несколько input type="submit" - один отвечает за сохранение всех полей в таблице БД, второй - за добавление новой записи в таблицу БД. Они оба в одном экземпляре, за пределами цикла вывода полей. А вот третий, с которым я и заморочился, выводится внутри цикла для каждой записи в таблице БД и должен отвечать за удаление этой конкретной записи. В SQL-запросе все элементарно: "DELETE ... WHERE id=", куда, в качестве параметра id подставляется id текущей записи. И вот с этим как раз и проблема - как при нажатии на input получить этот самый конкретный id. Я пошел путем HTML5 - добавил атрибут data в input, но его обработать можно только в javascript (jQuery). Получить там этот атрибут элементарно, и как передать его в обработчик я, с Вашей помощью, разобрался. Проблема только в том, что в обработчике я вынужден разделить обработку разных input'ов. Делаю это с помощью isset. Для первых двух это срабатывает, а для третьего нет, поскольку я в JS отменяю обработку click'а по умолчанию preventDefailt'ом.
Так что пока мне грустно...

Как исправить ошибку в AJAX запросе?

Вы бы сделали var_dump($_POST) перед обработчиком

Делал внутри isset - приодят все поля формы, но переменной из AJAX в $_POST нет.

урл неплохо бы от корня сайта указывать.

Так это от корня...
Но вот

$('#delete_utility').click(function(e){
e.preventDefault();

помогло.
Однако, если изменить в javascript data: {'id': data_uid}, и добавить в обработчик echo $_POST['id']; (внутри isset), а потом глянуть на ответ сервера в обработчике, то он пуст. А вот если echo поставить до isset, то приходит "21 json" (21 это нужный id).
Спасибо за помощь, буду разбираться дальше, как получить этот id внутри isset.

Почему не компилируются scss в sublime text 3?

Hanneman, текст включает в себя 10 символов, причем здесь 15-ый. Открывал в Notepad++, все чмсто.

Почему не компилируются scss в sublime text 3?

Виталий Киренков, ST3 перезагружал после загрузки каждого плагина, комп - нет. Не вижу смысла, поскольку SassBeautify появился в списке установленных плагинов и доступны фалы его конфигурации. SASS там не появился, но, в принципе и не должен был.

Почему AJAX не передает данные в скрипт?

У меня и было:
Теперь я просто хочу проверить, что приходит в excerpt.php:
if(!empty($_POST)) {
echo "POST is not empty";
else {
echo "POST is empty";
}

Почему AJAX не передает данные в скрипт?

Ао, благодарю. Но Вы, видимо, не заметили, что я передаю данные в формате html, а не json.
Кроме того, я не читаю данные из формы (Вы используете FormData), а передаю массив, сформированный из переменных, читаемых из элемента DOM и параметра data.
Есть и еще один нюанс: код с использованием AJAX короче, понятнее и лучше читается.

Почему AJAX не передает данные в скрипт?

Кстати, задачу в проекте я решил, но не том способом, который хотел бы использовать и использовал ранее.
Просто передал из запроса AJAX на success данные в тег body index.php. Массив $_POST читается, выборка из БД делается...

Почему AJAX не передает данные в скрипт?

Vitsliputsli, да, Вы правы и я уже говорил об этом: правильный, ожидаемый ответ можно получить только на правильно заданный вопрос.
Буду тренироваться в Яндексе на языке поисковых запросов )))

Почему AJAX не передает данные в скрипт?

Коллеги, благодарю всех за ответы.
К сожалению, на Тостере, как и на других подобных ресурсах есть одна, но БОЛЬШАЯ проблема...
Я ни разу не сомневаюсь, что все участвующие в обсуждении являются профессионалами. Но именно здесь, видимо, и проявляется некоторое искривление: НИКТО и НИ РАЗУ ни в одном моем вопросе не ответил КАК НУЖНО ДЕЛАТЬ. Но все без исключения говорят, что "вот здесь" я делаю не так.
Т.е., к сожалению, принцип помощи "как есть" -> "как должно быть" не срабатывает...
Еще раз благодарю за обсуждение и советы. Я обязательно ими воспользуюсь.

Почему AJAX не передает данные в скрипт?

Vitsliputsli, не, не надо мне рассказывать, как он работает)))
Наверное, не лучшее решение, но вполне себе юзабельное.
Вопрос все равно остался открытым: почему не работает практически клон такого решения?

Почему AJAX не передает данные в скрипт?

Vitsliputsli, и, кстати, я пытался сделать див с айди "output"и поместить туда data -без толку.

Почему AJAX не передает данные в скрипт?

Vitsliputsli, а вот и нет))) Нажмите на любую категорию, лучше на бадьи - там точно есть товары, а потом посмотрите код страницы в браузере. Вы удивитесь - в диве с этим айди по прежнему будет "выберите категорию..."

Почему AJAX не передает данные в скрипт?

Vitsliputsli, посмотрите stroytara.ru.
Я там делал точно так же, как пытаюсь сделать здесь.
Есть php-код index, в нем инклудится php скрипт, в который передаются данные нажатой категории (через ajax). В скрипте проверяется массив $_POST и по шаблону выводятся данные. То, что представлено здесь - практически упрощенный клон того проекта.
Если работает там, то почему не работает здесь?
Если будете смотреть коды на стройтаре, не судите строго: код грязный, заказчики все еще тестируют функционал и работают с админкой)))