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="https://web-answers.ru/wp-content/uploads/2019/03/1.jpg" width="50" hieght="50" /></a>
<a href="#" onclick="changeImage(2);"><img src="https://web-answers.ru/wp-content/uploads/2019/03/2.jpg" width="50" hieght="50" /></a>
<a href="#" onclick="changeImage(3);"><img src="https://web-answers.ru/wp-content/uploads/2019/03/3.jpg" width="50" hieght="50" /></a>
<a href="#" onclick="changeImage(4);"><img src="https://web-answers.ru/wp-content/uploads/2019/03/4.jpg" width="50" hieght="50" /></a>
<a href="#" onclick="changeImage(5);"><img src="https://web-answers.ru/wp-content/uploads/2019/03/5.jpg" width="50" hieght="50" /></a>
<a href="#" onclick="changeImage(6);"><img src="https://web-answers.ru/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();

}
?>

1

Решение

Вы используете два метода jQuery которые не существуют.

замещать $.Post а также $.Get в вашем коде с $.post $.get

Документы здесь $ .Post () $ .Get ()

У вас есть те же ошибки в вашем коде PHP.

Чтобы получить доступ к записи и получить параметры, вы должны использовать $_POST а также $_GET,

0

Другие решения

Других решений пока нет …

По вопросам рекламы [email protected]