Форма без перезагрузки страницы
Здравствуйте!
есть простенький скрипт ,необходимо с помощью 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>
|
mirstiker,
стоимость укажите ... |
mirstiker,
имя формы совпадает с инпутами, чекед указан неправильно, у картинки желательно класс придумать. |
mirstiker,
РНР здесь вообще не нужен. |
laimas,
это решение меня и не устроило т.к происходит перезагрузка страницы. |
Бюджет 300 р .Ребят кто возьмется?
|
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>
|
рони,
не работает,по умолчанию отображается <img src = "image/standart.jpg"> |
mirstiker,
измените имя формы |
рони,
Супер! заработало) напишите yandex кошелек -пришлю вознаграждение) |
mirstiker,
или скопируйте код снова |
Цитата:
Дело не в перезагрузке, можно отдать и посредством РНР не перегружая страницу при этом так как src, это шлюз. Но РНР тогда должен отдавать тело изображения, а не текст. Просто в данном случае РНР лишнее звено. |
| Часовой пояс GMT +3, время: 06:51. |