PHP.SU

Программирование на PHP, MySQL и другие веб-технологии

PHP.SU Портал

Главная

Помощь

Поиск

Поиск Яндекс Вакансии

Пользователи

Здравствуйте, Гость

( Вход · Регистрация · Правила форума )

Забыли пароль?

Взаимодействие с пользователем с помощью SESSION

Форумы портала PHP.SU » PHP » Программирование на PHP » Вопросы новичков (Модераторы: OrmaJever, Саныч, Строитель)

Страниц (1): [1]

Описание: radio кнопки на лету

Поиск в теме | Версия для печати

mirstiker	Отправлено: 19 Июля, 2016 - 00:23:21
Новичок Покинул форум Сообщений всего: 32 Дата рег-ции: Апр. 2015 Помог: 0 раз(а)	Здравствуйте! помогите c решением. есть форма с radio кнопками ,хочу менять изображение "на лету" без перезагрузки страницы CODE (htmlphp): скопировать код в буфер обмена <?php session_start(); $_SESSION['krugka']=$_POST ['krugka'] ; if (isset ($_SESSION ['krugka'])) { if ($_SESSION ['krugka'] == 'standart' ) { $photo = 'standart.jpg'; } if ( $_SESSION ['krugka'] == 'xameleon' ) { $photo ='xameleon.jpg' ; } if ( $_SESSION ['krugka'] == 'pivo' ) { $photo ='pivo.jpg' ; } } ?> <!Doctype html> <html> <head> <meta charset = "utf-8"/> <link rel="stylesheet" type="text/css" href="krugki.css"> </head> <body> <div class="krugka"> <form name="krugka" action ="" method="POST"> <INPUT type="radio" name="krugka" value="standart" cheked="cheked"/> Стандартная кружка </br> <INPUT type="radio" name="krugka" value="xameleon" /> Кружка хамелеон </br> <INPUT type="radio" name="krugka" value="pivo" /> Кружка пивная </br> </form> </div> <div> <img src = "modules/mod_krugka/image/<?php echo $photo ; ?>"> </div> </body> </html>

Faraon-san	Отправлено: 19 Июля, 2016 - 16:13:46
Посетитель Покинул форум Сообщений всего: 318 Дата рег-ции: Сент. 2013 Помог: 8 раз(а)	это скорее javascript нужен, не пхп

mirstiker	Отправлено: 20 Июля, 2016 - 19:29:05
Новичок Покинул форум Сообщений всего: 32 Дата рег-ции: Апр. 2015 Помог: 0 раз(а)	Помогли с решением на javascript вот оно: CODE (javascript): скопировать код в буфер обмена <!Doctype html> <html> <head> <meta charset = "utf-8"/> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script> <link rel="stylesheet" type="text/css" href="krugki.css"> </head> <body> <div class="krugka"> <form name="krug" action ="" method="POST"> <INPUT type="radio" name="krugka" value="standart" checked="checked"/> Стандартная кружка </br> <INPUT type="radio" name="krugka" value="xameleon" /> Кружка хамелеон </br> <INPUT type="radio" name="krugka" value="pivo" /> Кружка пивная </br> <input type="submit" name="submit" value="Стоимость" /> </form> </div> <div> <img src = "image/standart.jpg"> </div> <script> window.addEventListener('DOMContentLoaded', function() { var img = document.querySelector('img'); [].forEach.call(document.querySelectorAll('[name="krugka"]'), function(item) { item.addEventListener('click', function() { img.src = 'image/' +item.value+ '.jpg'; }); }); }); </script> </body> </html>

Fart	Отправлено: 25 Июля, 2016 - 07:07:40
Посетитель Покинул форум Сообщений всего: 324 Дата рег-ции: Июль 2016 Помог: 10 раз(а)	изучай ajax и все будет норм у тебя!!!

Поиск в теме | Версия для печати

Страниц (1): [1]

Сейчас эту тему просматривают: 0 (гостей: 0, зарегистрированных: 0)

« Вопросы новичков »

Все гости форума могут просматривать этот раздел.
Только зарегистрированные пользователи могут создавать новые темы в этом разделе.
Только зарегистрированные пользователи могут отвечать на сообщения в этом разделе.