Задать значение PHP переменной по клику на определенный блок, картинку

@mayor777 · Регистрация: 31.03.2012

Студворк — интернет-сервис помощи студентам

Здравствуйте!
Описываю ситуацию:
Есть вывод товаров на странице.
В каждом блоке товара кнопка КУПИТЬ.
Но это не кнопка формы, а блок DIV с картинкой в background "Купить"
При клике на который всплывает форма отправки заказа, при помощи JQuery

Задача. При клике на DIV блок "Купить" переменной php $ind надо присваивать значение id конкретного товара.
Надо чтобы при клике по соответственной кнопке в $ind заносился id именно того товара, по которому кликнули.

Естественно, БЕЗ ПЕРЕЗАГРУЗКИ СТРАНИЦЫ.
Понятно, что формы и передача POST GET через них не канают.
Так как страница не должна перегружаться. А просто по клику даваться переменной php определенное значение (id).

С PHP и JQuery знаком примерно
Ajax - НЕ знаком вообще.

Подскажите как решить задачу.

Только не отправляйте учить весь Ajax, придет и его время. Надо решить конкретную задачу.
Помогите плиз практическим решением!

@Jallik Lich · 31.03.2012, 22:52

Сообщение от mayor777

Только не отправляйте учить весь Ajax, придет и его время.

С середины выучить его не получится...

Если я правильно понял задачу, то есть у меня идейка, как решить задачу другим способом... Когда при клике на "Купить" всплывает форма (а, насколько я понял, переменная относится к этой форме), добавьте в нее скрытое поле с необходимым значением... И отправляйте этот ID (тоесть значение скрытого поля) вместе с формой...

Если не так, то придется учить AJAX... Если знакомы с PHP и JQuery, то выучить его для решения поставленой задачи будет не сложно и не долго... У меня это заняло несколько часов...

@mayor777 · 31.03.2012, 23:29 **[ТС]**

Не катит скрытое поле... На странице 10-20 товаров, а значит 20 разных id. Какой из них прикажете вставлять в скрытое поле??? Надо именно тот, на который кликнули...
На странице внутряке, где описание 1 го товара - я так и сделал, через скрытое поле. Проблема на странице каталога всех товаров...

Ну так если знаете Ajax, может поделитесь соображениями, как решить задачу на нем??

Я не программер по складу, чтобы аякс проглотить за пол дня... Туговат для таких подвигов. А сделать задачу хорошо бы за день-два. Андестунд? )))

@Кошковладельцев · 31.03.2012, 23:37

Сообщение от mayor777

При клике на DIV блок "Купить" переменной php $ind надо присваивать значение id конкретного товара.

Можно, но бессмысленно. Вы не этого хотите.

Добавлено через 48 секунд

Сообщение от mayor777

Не катит скрытое поле...

Катит. По щелчку на элементе вполне можно получить его id.

@mayor777 · 31.03.2012, 23:58 **[ТС]**

Сообщение от Кошковладельцев

Можно, но бессмысленно. Вы не этого хотите.

Чего я хочу, мне виднее )) Во всяком случае я вижу задачу и проблему так, как описал. Просветите, пожалуйста о своих соображениях...

Катит. По щелчку на элементе вполне можно получить его id.

Я рад, что реально... Но от этого не легче )))
А можно подробнее?? Каким образом по щелчку задать переменной php конкретное значение? Просветите

@Jallik Lich · 01.04.2012, 00:08

Сообщение от mayor777

Надо чтобы при клике по соответственной кнопке в $ind заносился id именно того товара, по которому кликнули.

Ну и откуда и как Вы его собираетесь брать?

Немного теории... Для практики я уже слишком сильно спать хочу

Уже третье сутки почти не сплю...

Ajax используется для того, чтобы выполнить какой нибуть php скрипт (передавая и получая данные)... Другими словами, так-же, как и на php, но только без обновления страницы... Поэтому, ваша задача (так, как вы ее описали) не имеет решения... Даже если и присвоить переменной какое-то значение, то переменная будет уничтожена после завершения работы скрипта...

Видим следующее решение проблемы: либо хранить id в каком-то месте HTML разметки (как я говорил, в скрытом поле), либо вытаскивать его с других источников, но её придется обработать в скрипте... Поэтому вот алгоритм...

При выводе товаров (как я понял, это в цыкле), добавляем в какой нить тэг id этого товара (без разницы в какой, главное, чтобы после его можно было оттуда вытащить jquery... При клике на div (с помощью того-же jquery) в скрытое поле переносим этот id в форму заказа... Ну и отправляем скрипту вместе со всеми остальными данными...

@mayor777 · 01.04.2012, 00:15 **[ТС]**

Сообщение от Jallik Lich

Даже если и присвоить переменной какое-то значение, то переменная будет уничтожена после завершения работы скрипта...

Тут не соглашусь. Сессии еще никто не отменял, так что переменную можно запросто засейвить... Как мне кажется.

А в целом в этом алгоритме что-то есть. СПАСИБО! Завтра попробую реализовать. Отпишусь!

@boong · 01.04.2012, 03:51

mayor777, Вы код покажите мы подскажем решения, я вижу как минимум 2 варианта, это без раздумий))) ну сначала хотелось бы удивить код.

@mayor777 · 01.04.2012, 10:16 **[ТС]**

Сообщение от boong

mayor777, Вы код покажите мы подскажем решения, я вижу как минимум 2 варианта, это без раздумий))) ну сначала хотелось бы удивить код.

PHP
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
do
{
 
printf ("<div class='tovbox'>
    <a href=\"tovar.php?id=%s\">
        <img src=\"images/mini/%s\" width=\"300px\" height=\"225px\" title=\"%s\" alt=\"%s\" align=\"left\" />
    </a>
    <div class=\"tovboxprice\">
        <div class=\"oldprice\">
            <p>Обычная цена</p>
            <p><span><strike>%s руб</strike></span></p>
        </div>
        <div class=\"newprice\">
            <p>Акционная цена</p>
            <p><span>%s руб</span></p>
        </div>
    </div>
    <div class=\"tovboxbut\">
        <div class=\"buybut\">
            <img src=\"images/buy.png\" width=\"164px\" height=\"46px\" title=\"Купить этот товар сейчас!\" alt=\"Купить\" align=\"left\" />
        </div>
        <a href=\"tovar.php?id=%s\">
            <img src=\"images/podrobnee.png\" width=\"164px\" height=\"46px\" title=\"Подробнее\" alt=\"Подробнее об этом товаре\" align=\"right\" />
        </a>
    </div>
</div>
 
",$myrow_tov["id"],$myrow_tov["mini_img"],$myrow_tov["name"],$myrow_tov["name"],$myrow_tov["old_price"],$myrow_tov["price"],$myrow_tov["id"]);
 
}

Вот тот do цикла, который выводит товары на страницу.

PHP
1
2
3
<div class=\"buybut\">
            <img src=\"images/buy.png\" width=\"164px\" height=\"46px\" title=\"Купить этот товар сейчас!\" alt=\"Купить\" align=\"left\" />
        </div>

Вот, внутри него тот DIV, при нажатии на который надо ловить id товара.

Какой вам еще код дать?? Или по этому что-то ясно? )

@boong · 01.04.2012, 14:33

каким образом Вы назначаете событие на кнопку? (код посмотреть)

JavaScript
1
$(document).on('click', '.buybut', function(){...})

так?

@mayor777 · 01.04.2012, 14:45 **[ТС]**

Сообщение от boong

каким образом Вы назначаете событие на кнопку? (код посмотреть)

JavaScript
1
$(document).on('click', '.buybut', function(){...})

так?

ТАК:

JavaScript
1
2
3
4
5
6
7
8
9
10
11
$(document).ready(function(){
 
 
$('.buybut').click(function() {
 
$('.feedb').show();
 
});
 
 
});//Конец ready

@boong · 01.04.2012, 14:51

как вариант сделать можно так...

HTML5
1
2
3
<div class=\"buybut\" id="buy-121"><!--121 -это id товара  -->
    <img src=\"https://www.cyberforum.ru/images/buy.png\" width=\"164px\" height=\"46px\" title=\"Купить этот товар сейчас!\" alt=\"Купить\" align=\"left\" />
</div>

JavaScript
1
2
3
4
5
6
$(document).ready(function(){
    $('.buybut').click(function() {
        alert(this.id); // тут у нас будет пример buy-121, где 121 id товара, (int) можно получить без buy-
        $('.feedb').show();
    });
});/

@mayor777 · 01.04.2012, 15:16 **[ТС]**

Сообщение от boong

JavaScript
1
2
3
4
5
6
$(document).ready(function(){
    $('.buybut').click(function() {
        alert(this.id); // тут у нас будет пример buy-121, где 121 id товара, (int) можно получить без buy-
        $('.feedb').show();
    });
});/

Спасибо. Тут я понял. id товара получу в JS.

Поясните, как этот ind поместить в переменную php, которая должна пойти в форму (как скрытое поле, например). ???

@boong · 01.04.2012, 15:41

скрытое поле это не вариант, как у Вас устроено все товары помещаются в корзину потом производиться оплата, верно? можно сохранить массив в бд или сессию ..., в большинстве магазинов запись идет в бд используя XMLHttpRequest (ajax)

PHP
1
$order_products = @serialize(array(...)); //массив вида array('id' => '1', 'id' => array(...тут могут быть особенности товара цвет, размер, количество...))

$order_products - содержит строку которую можно сохранить где угодно unserialize() преобразует обратно в массив
и после оплаты только помещать запись в таблицу оплаченных товаров.

@mayor777 · 01.04.2012, 16:52 **[ТС]**

Сообщение от boong

скрытое поле это не вариант, как у Вас устроено все товары помещаются в корзину потом производиться оплата, верно? можно сохранить массив в бд или сессию ..., в большинстве магазинов запись идет в бд используя XMLHttpRequest (ajax)

У меня все проще... Корзины НЕТ!!! Всплывает по клику форма. Вводят имя, емейл, телефон (+должен подхватываться id товара, который нажали) - и по нажатию эта телега отправляется на почту менеджеру + пишется в БД (в таблицу заказов).

Соответственно все реализовано. Только никак не могу вытащить id конкретного товара и заслать в форму.

Там по этому id вытаскивается название товара и его цена. Чтобы эти название и цену втулить в письмо админу и в таблицу заказов БД. (Товар крупный, большие купели, бочки для купания

)) по 2-3 их никто не заказывает. Строго по одной. Так что корзина и прочие сложности мне не нужны...)

Добавлено через 26 минут

Сообщение от Jallik Lich

Поэтому вот алгоритм...
При выводе товаров (как я понял, это в цыкле), добавляем в какой нить тэг id этого товара (без разницы в какой, главное, чтобы после его можно было оттуда вытащить jquery... При клике на div (с помощью того-же jquery) в скрытое поле переносим этот id в форму заказа... Ну и отправляем скрипту вместе со всеми остальными данными...

Задача решена. ОГРОМНОЕ СПАСИБО ЗА АЛГОРИТМ!!!

))

Работает!

@boong · 01.04.2012, 16:54

так можно записать id в сессию допустим, это нам позволит переходить по магазину и сохранять выбранные товары, можно еще записать в поле скрытое и получить как один id так и массив id выбранных товаров, пример для записи в форму можно сделать так...

HTML5
1
2
<input type="hidden" name="product[121]"/>
<input type="hidden" name="product[122]"/>

PHP
1
$order_id = array_keys($_POST['product']); // тут id или несколько id только обязательно проверить на  integer

@mayor777 · 01.04.2012, 16:57 **[ТС]**

Сообщение от boong

так можно записать id в сессию допустим, это нам позволит переходить по магазину и сохранять выбранные товары, можно еще записать в поле скрытое и получить как один id так и массив id выбранных товаров, пример для записи в форму можно сделать так...

И Вам спасибо за участие.
Задача решена по алгоритму Jallik Lich. Обошелся без Аяксов и прочего...

@boong · 01.04.2012, 16:58

не за что)))

Новые блоги и статьи Все статьи Все блоги /
SDL3 для Web (WebAssembly): Обработчик клика мыши в браузере ПК и касания экрана в браузере на мобильном устройстве 8Observer8 02.02.2026 Содержание блога Для начала пошагово создадим рабочий пример для подготовки к экспериментам в браузере ПК и в браузере мобильного устройства. Потом напишем обработчик клика мыши и обработчик. . .	Философия технологии iceja 01.02.2026 На мой взгляд у человека в технических проектах остается роль генерального директора. Все остальное нейронки делают уже лучше человека. Они не могут нести предпринимательские риски, не могут. . .	SDL3 для Web (WebAssembly): Вывод текста со шрифтом TTF с помощью SDL3_ttf 8Observer8 01.02.2026 Содержание блога В этой пошаговой инструкции создадим с нуля веб-приложение, которое выводит текст в окне браузера. Запустим на Android на локальном сервере. Загрузим Release на бесплатный. . .	SDL3 для Web (WebAssembly): Сборка C/C++ проекта из консоли 8Observer8 30.01.2026 Содержание блога Если вы откроете примеры для начинающих на официальном репозитории SDL3 в папке: examples, то вы увидите, что все примеры используют следующие четыре обязательные функции, а. . .
SDL3 для Web (WebAssembly): Установка Emscripten SDK (emsdk) и CMake для сборки C и C++ приложений в Wasm 8Observer8 30.01.2026 Содержание блога Для того чтобы скачать Emscripten SDK (emsdk) необходимо сначало скачать и уставить Git: Install for Windows. Следуйте стандартной процедуре установки Git через установщик. . . .	SDL3 для Android: Подключение Box2D v3, физика и отрисовка коллайдеров 8Observer8 29.01.2026 Содержание блога Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами. Версия v3 была полностью переписана на Си, в. . .	Инструменты COM: Сохранение данный из VARIANT в файл и загрузка из файла в VARIANT bedvit 28.01.2026 Сохранение базовых типов COM и массивов (одномерных или двухмерных) любой вложенности (деревья) в файл, с возможностью выбора алгоритмов сжатия и шифрования. Часть библиотеки BedvitCOM Использованы. . .	SDL3 для Android: Загрузка PNG с альфа-каналом с помощью SDL_LoadPNG (без SDL3_image) 8Observer8 28.01.2026 Содержание блога SDL3 имеет собственные средства для загрузки и отображения PNG-файлов с альфа-каналом и базовой работы с ними. В этой инструкции используется функция SDL_LoadPNG(), которая. . .

@mayor777 0 / 0 / 0 Регистрация: 31.03.2012 Сообщений: 9

	Задать значение PHP переменной по клику на определенный блок, картинку 31.03.2012, 22:16. Показов 8496. Ответов 17 Метки нет (Все метки) Здравствуйте! Описываю ситуацию: Есть вывод товаров на странице. В каждом блоке товара кнопка КУПИТЬ. Но это не кнопка формы, а блок DIV с картинкой в background "Купить" При клике на который всплывает форма отправки заказа, при помощи JQuery Задача. При клике на DIV блок "Купить" переменной php $ind надо присваивать значение id конкретного товара. Надо чтобы при клике по соответственной кнопке в $ind заносился id именно того товара, по которому кликнули. Естественно, БЕЗ ПЕРЕЗАГРУЗКИ СТРАНИЦЫ. Понятно, что формы и передача POST GET через них не канают. Так как страница не должна перегружаться. А просто по клику даваться переменной php определенное значение (id). С PHP и JQuery знаком примерно Ajax - НЕ знаком вообще. Подскажите как решить задачу. Только не отправляйте учить весь Ajax, придет и его время. Надо решить конкретную задачу. Помогите плиз практическим решением! 0

@mayor777 0 / 0 / 0 Регистрация: 31.03.2012 Сообщений: 9
	31.03.2012, 23:29 [ТС]
	Не катит скрытое поле... На странице 10-20 товаров, а значит 20 разных id. Какой из них прикажете вставлять в скрытое поле??? Надо именно тот, на который кликнули... На странице внутряке, где описание 1 го товара - я так и сделал, через скрытое поле. Проблема на странице каталога всех товаров... Ну так если знаете Ajax, может поделитесь соображениями, как решить задачу на нем?? Я не программер по складу, чтобы аякс проглотить за пол дня... Туговат для таких подвигов. А сделать задачу хорошо бы за день-два. Андестунд? ))) 0

@boong 154 / 124 / 11 Регистрация: 11.01.2010 Сообщений: 434
	01.04.2012, 03:51
	mayor777, Вы код покажите мы подскажем решения, я вижу как минимум 2 варианта, это без раздумий))) ну сначала хотелось бы удивить код. 0

@boong 154 / 124 / 11 Регистрация: 11.01.2010 Сообщений: 434
	01.04.2012, 16:58
	не за что))) 1