Как отследить нажатие на кнопку php?

Question

[FaFuChEG]

Есть 3 кнопки:

<div class="offer-photo">
				<input type="image" name="first" id="one_photo" src="img/white-boot.png" class="photo-boots chose" onclick="photo_one()">
				<input type="image" name="second" id="two_photo" src="img/blue-boot.png" class="photo-boots" onclick="photo_two()">
				<input type="image" name="third" id="three_photo" src="img/red-boot.png" class="photo-boots" onclick="photo_three()">
			</div>

При нажатии на них должна меняться переменная в php:

<?php
			$current = 2;
		if ($current == 1){
			echo '<img src="img/boots-galery.png" alt="" class="boot-galery">';
			echo '<div class="wrapper-offer">
			<img src="img/galery-white-1.jpg" alt="" class="offer-galery">
			<img src="img/galery-white-2.jpg" alt="" class="offer-galery">
			<img src="img/galery-white-3.jpg" alt="" class="offer-galery">
			</div>';
			}
		else if ($current == 2){
			echo '<img src="img/blue-boots-galery.png" alt="" class="boot-galery">';
			echo '<div class="wrapper-offer">
			<img src="img/galery-blue-1.jpg" alt="" class="offer-galery">
			<img src="img/galery-blue-2.jpg" alt="" class="offer-galery">
			<img src="img/galery-blue-3.jpg" alt="" class="offer-galery">
			</div>';
			}
		else if ($current == 3){
			echo '<img src="img/red-boots-galery.png" alt="" class="boot-galery">';
			echo '<div class="wrapper-offer">
			<img src="img/galery-red-1.jpg" alt="" class="offer-galery">
			<img src="img/galery-red-2.jpg" alt="" class="offer-galery">
			<img src="img/galery-red-3.jpg" alt="" class="offer-galery">
			</div>';
			}
		?>

Как это сделать?)

Comments

[Ewgeny_U]

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

<div class="offer-photo">
	<a href="your-path/?current=1" class="photo-boots chose">
		<img src="img/white-boot.png" alt="" />
	</a>
	
	<a href="your-path/?current=2" class="photo-boots chose">
		<img src="img/blue-boot.png" alt="" />
	</a>
	
	...
</div>

<?php
	$current = $_GET['current'] ?? 1;
?>

<?php if($current == 1) : ?>
	<img src="img/boots-galery.png" alt="" class="boot-galery">';
	<div class="wrapper-offer">
		  <img src="img/galery-white-1.jpg" alt="" class="offer-galery">
		  <img src="img/galery-white-2.jpg" alt="" class="offer-galery">
		  <img src="img/galery-white-3.jpg" alt="" class="offer-galery">
	</div>
<?php elseif($current == 2) : ?>
	...
<?php endif; ?>

Answer 1

[Евгений Вольф]

При нажатии на них должна меняться переменная в php:

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

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

Как это сделать?)

С помощью отправки формы на сервер, либо с помощью AJAX-запроса, это наиболее распространённые способы.

Comments

[FaFuChEG]

Я не могу сделать так:
1.Нажатие на кнопку
2.Изменение значение переменной
???

[Евгений Вольф]

FaFuChEG, уточните, в каком именно месте у Вас сложности или что именно нужно пояснить, т.к. я видимо не до конца понимаю Ваш вопрос. Кнопка, по умолчанию - отправляет на сервер форму (тег <form>), в которой она (кнопка) располагается. В этой форме соотв. Вы отправлять различные поля, значения которых в последствии можно получить в переменных $_GET и $_POST.

[Stalker_RED]

FaFuChEG, можете, только между вашими 1 и 2 произойдет еще много всего.
Да и перед 1 (эта кнопка не сама появится же).
А также вы наверняка захотите что-то сделать и после 2.

[Immortal_pony]

Я не могу сделать так:
1.Нажатие на кнопку
2.Изменение значение переменной
???

Кратко - нет. Добро пожаловать в мир скриптовых языков.

Все работает так:
1. Пользователь вбивает в адресной строке адрес вашего сайта
2. Сервер подготавливает ответ (html). В этот момент инициализируются перемнные, им задаются значения, и т.д.
3. Сервер передает заканчивает свою работу. Все перемнные удаляются из памяти.
4. Клиент получает данные от сервера.
5. Пользователь видит html, подготовленный сервером.

Последующие действия пользователя могут инициализировать новый запрос на сервер, но тогда ВСЕ пермеменные будут инициализовваться заново.

Answer 2

[Stalker_RED]

Никак. PHP работает на сервере, и не видит что там клиент нажимает.

Браузер должен отправить запрос на сервер, обычно с POST или GET запросом (есть и другие варианты, но эти два чаще всего).

Открой учебник по HTML и почитай как устроены ссылки и формы. Или ajax.

Answer 3

[Владислав Линник]

Посерчи AJAX.
Выглядеть решение будет примерно так - при клике на кнопку идет AJAX-запрос на сервер, в data отправляешь кнопку по которой кликнул, на сервере обрабатываешь и возвращаешь в браузер.

Answer 4

[motcart]

Для каждой кнопки у вас есть имя в атрибуте name с разными названиями для трех кнопок:

<input name="first"' ... >
<input name="second"' ... >
<input name="third"' ... >

На принимающей стороне проверяете эту переменную в зависимости от нее выполняете нужный блок $current.
$current = $POST[name]; (или GET)
Только вместо $current==1 впишите $current==first и т. п.

Как-то так. Давно не кодил. Должно работать, надо проверить.

Comments

[Евгений Николаев]

К Вашему ответу добавил бы ещё что нужно тег form добавить потому что его сейчас нет
А ещё у Вас ошибка не $POST а $_POST поправьте пожалуйста.

Answer 5

[Александр]

Видя отсутствие тега <form> и <submit> и присутствия onclick="photo_three()" можно предположить что у вас технология AJAX. В этой JS функции вы должны вызвать php страницу с сервера и "использовать, например, сессию или базу данных, или хранилище или..." (то что сказал Евгений Вольф ) для сохранения результата нажатия. Например, мой.сайт.рф/photo_three.php или мой.сайт.рф/photo.php?current=three (так не делайте :) - это только пример - безопасность к летит к черту). Нужно написать еще одну страницу на php, контроллер, Поищите AJAX+PHP .
Когда вы откроете страницу вашего php скрипта инициализируете переменную $current из того хранилища которое выбрали (Сессия или база данных ... )