JavaScript：允許用戶更改背景圖像

我在嘗試代碼「JavaScript：允許用戶更改背景圖像」，如 this video on youtube 但我仍然無法使其工作。JavaScript：允許用戶更改背景圖像

此代碼： 的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="images/1.jpg" width="50" hieght="50" /></a> 
     <a href="#" onclick="changeImage(2);"><img src="images/2.jpg" width="50" hieght="50" /></a> 
     <a href="#" onclick="changeImage(3);"><img src="images/3.jpg" width="50" hieght="50" /></a> 
     <a href="#" onclick="changeImage(4);"><img src="images/4.jpg" width="50" hieght="50" /></a> 
     <a href="#" onclick="changeImage(5);"><img src="images/5.jpg" width="50" hieght="50" /></a> 
     <a href="#" onclick="changeImage(6);"><img src="images/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(); 

     } 
    ?>

來源

2014-10-30 alberto

您正在使用的兩種方法jQuery不存在。

在你的代碼$.post$.get

文檔這裏$.post()$.get()

你在你的PHP代碼同樣的錯誤更換$.Post和$.Get。

要訪問帖子並獲取參數，您必須使用$_POST和$_GET。

來源

2014-10-30 20:05:34

**我照你說Catalin Munteanu，但沒有工作** – alberto 2014-10-30 20:24:18

JavaScript：允許用戶更改背景圖像

回答

相關問題