JavaScript: разрешить пользователям изменять фоновое изображение
Я пытаюсь код «JavaScript: разрешить пользователям изменять фоновое изображение», как
это видео на YouTube
но я все еще не могу заставить это работать.
Этот код:
index.php
<!DOCTYPE html>
<html>
<head>
<title>Change Back Ground </title>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript"></script>
<script type="text/JavaScript" src="core/changebg.js"></script>
</head>
<body>
<?php
session_start();
if(isset($_SESSION['image'])) {
echo'<script type="text/JavaScript">
changeImage('.$_SESSION['image'].')</script>';
}
?>
<div id="choosebg" style="background-color:#f2f2f2; width:200px; padding:10px;text-align:center;" >
<a href="#" onclick="changeImage(1);"><img src="http://web-answers.org/wp-content/uploads/2019/03/1.jpg" width="50" hieght="50" /></a>
<a href="#" onclick="changeImage(2);"><img src="http://web-answers.org/wp-content/uploads/2019/03/2.jpg" width="50" hieght="50" /></a>
<a href="#" onclick="changeImage(3);"><img src="http://web-answers.org/wp-content/uploads/2019/03/3.jpg" width="50" hieght="50" /></a>
<a href="#" onclick="changeImage(4);"><img src="http://web-answers.org/wp-content/uploads/2019/03/4.jpg" width="50" hieght="50" /></a>
<a href="#" onclick="changeImage(5);"><img src="http://web-answers.org/wp-content/uploads/2019/03/5.jpg" width="50" hieght="50" /></a>
<a href="#" onclick="changeImage(6);"><img src="http://web-answers.org/wp-content/uploads/2019/03/6.jpg" width="50" hieght="50" /></a> <br/>
<a href="#" onclick="changeImage();">Clear Back Ground Image </a>
</div>
</body>
</html>
Changebg.js
function changeImage(number)
{
$.Post('core/changebg.php',{number:number},
function(data)
{
$('body').css('background-image','url("images/'+number+'.jpg")');
});
}
function clearImage() {
$.Get('core/changebg.php?resetBg',
function(data) {
$('body').css('background-image'.'');
});}
Changebg.php
<?php
if(isset($_Post['number'])) {
SESSION_START();
$_SESSION['image'] = $_Post['number'];
}
if(isset($_Get['resetBg'])) {
SESSION_START();
SESSION_destroy();
}
?>
Решение
Вы используете два метода jQuery которые не существуют.
замещать $.Post а также $.Get в вашем коде с $.post $.get
Документы здесь $ .Post () $ .Get ()
У вас есть те же ошибки в вашем коде PHP.
Чтобы получить доступ к записи и получить параметры, вы должны использовать $_POST а также $_GET,
Другие решения
Других решений пока нет …