2014-03-29 40 views
1

我目前被困在我的「通訊訂閱表單」中。我使用MailChimp發送我的通訊,並在輸入電子郵件後設法將我的頁面訪問者重定向到一個自定義的PHP文件。如何通過PHP更改HTML類?

的過程是這樣的:

  1. 用戶輸入電子郵件
  2. 電子郵件默默(用戶不會看到它)被添加到MailChimp數據庫(電子郵件列表)
  3. 即時重定向到自託管PHP腳本。

4. PHP腳本通過HTML文件中的CSS類更改按鈕的顏色。

我被困在第4點,因爲我真的不知道如何在PHP文件中更改HTML文件中的CSS類。網頁仍然保留在HTML中是非常重要的(否則我會在PHP中使用一個簡單的變量)。 我需要解析PHP值到AJAX或JSON,然後更改類(可能與jQuery?)

如果是的話,你能給我一個例子如何做到這一點?我從來沒有真正使用過JSON或AJAX。

非常感謝你們:)

+0

顯示您的源代碼以幫助我們回答您的問題。用戶提交後,按鈕是否由您的php代碼生成並刷新? –

+0

你試圖做的似乎有點做作,但如果你想發佈到使用jQuery的PHP腳本嘗試[這](https://api.jquery.com/jQuery.post/) – Neilos

+5

你知道PHP是在SERVER端執行?您應該能夠在將HTML發送回瀏覽器之前操作HTML。 – rednaw

回答

2

完全理解這個問題有點困難。 如果你想輸入的類加載網頁時,這是非常容易使用PHP:

<?php 
$classVariable = "myClass"; 
?> 
<div id="someID" class="<?php echo $classVariable; ?>">Some content</div> 

PHP加載一次,頁面上的任何事情之前,決不會再次運行。您可以使用AJAX調用其他腳本,然後可以返回可以使用的數據。例如(使用jquery)

<script type="text/javascript"> 
$.get("path-to-myscript.php", function(response){ 
    // read the response in, perhaps you grab some class name from it 
    // for demo purposes, lets say this response is in json formatted as a simple string: 
    // '{ "class" : "someClass" }' 
    var data = $.parseJSON(response); 
    var newClass = data.class; 
    $("#someID").attr("class", newClass); 
}); 
</script>