php，css，javascript：點擊圖片 - >更改圖片 - >通話功能

我想要4張圖片。點擊圖像後，它會變成不同的圖像和通話功能。我已經有了它，它的工作原理，但只有分開。php，css，javascript：點擊圖片 - >更改圖片 - >通話功能

改變圖像的代碼。（我把代碼只針對一個圖像）：從不同的文件

<form method="post" action="index.php" name="loginform"> 
    <input id="user_drink" class="login_input" type="text" name="user_drink" ?> required /><br> 
    <input type="submit" name="pridat" value="přidat" id="button"/><br> 
</form>

和代碼：

<form method="post" action="index.php" name="loginform"> 
<script> 
function prvni(img) 
{ 
    img.src = "img/green/green_0.jpg"; 
    document.getElementById("image2").src = "img/red/red_0.jpg"; 
    document.getElementById("image3").src = "img/red/red_0.jpg"; 
} 
</script> 
<img src="img/red/red_0.jpg" id="image1" onclick=prvni(this) /> 
</form>

代碼用於經由按鈕調用函數（類型=提交）

elseif (isset($_POST["pridat"])) { 
$this->myfunction();

當我試圖改變類型提交到圖像，它不起作用。

也許我上面的代碼不是一個好方法。

你能幫助我如何做到這一點（點擊圖片 - >更改圖像 - >通話功能）

謝謝

來源

2017-05-06 kalu1

的唯一方法，你可以調用從PHP函數javascript是使用Ajax發送帖子或在更改圖像後獲取請求。

請參閱此CodePen爲客戶端。

而在你的PHP文件：

// read the data 
$mydata = $_POST['data']; 

// perform actions 

// return if needed 
header('Content-Type: application/json'); 
echo json_encode(array('returnData' => 'myOtherData'));

來源

2017-05-06 03:32:31 tima

謝謝你，我想實現它。對於其他用戶：我想出了將主機jQuery放在代碼中是必要的：https：//www.w3schools.com/jquery/jquery_get_started.asp – kalu1

現在感謝您提馬

我能夠改變形象。不幸的是，我不知道如何用另一個文件的代碼調用函數。

哪個部分從你的php代碼調用函數？

從下面的不同的php文件有滿足IF條件的東西嗎？

if (isset($_POST['data'])) { 
$this->myfunction();

基本上我需要使用圖像作爲按鈕，但我想單擊後更改圖像。將有4個圖像4個選項。當我點擊其中一個圖像時，會通過函數寫入值更改爲mySQL。如果我點擊另一個圖像將會改變（首先點擊的圖像會改回），並且mySQL會爲這個實際圖像寫入值。 myfunction（）從我以前的文章做mySQL，它正在工作，所以我不需要它的幫助。我提到它更好地理解我的問題）

太感謝你了，我真的很新的（兩週），使用PHP，JS等盧卡斯

來源

2017-05-06 23:25:15 kalu1

php，css，javascript：點擊圖片 - >更改圖片 - >通話功能

回答

相關問題