Форум

mirstiker · #1 (**permalink**) 20.07.2016, 00:34

Здравствуйте!
есть простенький скрипт ,необходимо с помощью radio кнопок подставлять изображения "на лету" без перезагрузки страницы.

вот код:

<?php 
session_start();
$_SESSION['krugka']=$_POST ['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>
		 <input type="submit" name="submit" value="Стоимость" />
     </form>
</div>
<div>
    
     <img src = "image/<?php echo $photo  ; ?>">
	
</div>
</body>
</html>

рони · #2 (**permalink**) 20.07.2016, 00:43

mirstiker,
стоимость укажите ...

рони · #3 (**permalink**) 20.07.2016, 00:55

mirstiker,
имя формы совпадает с инпутами, чекед указан неправильно, у картинки желательно класс придумать.

laimas · #4 (**permalink**) 20.07.2016, 06:15

mirstiker,
РНР здесь вообще не нужен.

mirstiker · #5 (**permalink**) 20.07.2016, 18:13

laimas,
это решение меня и не устроило т.к происходит перезагрузка страницы.

mirstiker · #6 (**permalink**) 20.07.2016, 18:14

Бюджет 300 р .Ребят кто возьмется?

рони · #7 (**permalink**) 20.07.2016, 18:21

mirstiker,

<!Doctype html>
<html>
<head>
   <meta charset = "utf-8"/>
     <link rel="stylesheet" type="text/css" href="krugki.css">
</head>
<body>
<div class="krugka">
     <form  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('input[name="krugka"]'), function(item) {
        item.addEventListener('click', function() {
            img.src = 'image/' +item.value+ '.jpg';
        });
    });
    });
</script>
</body>
</html>

mirstiker · #8 (**permalink**) 20.07.2016, 19:19

рони,
не работает,по умолчанию отображается <img src = "image/standart.jpg">

рони · #9 (**permalink**) 20.07.2016, 19:26

mirstiker,
измените имя формы

mirstiker · #10 (**permalink**) 20.07.2016, 19:30

рони,
Супер! заработало) напишите yandex кошелек -пришлю вознаграждение)

Форум

Справочник

Discord чат

Курсы javascript