第一步的嘗試方法是將div裡的顏色用php的方式抓mysql裡的RGB值
<?php
require_once("connMysql.php");
$rgbtext_r = $_POST["rgbtext_r"];
$rgbtext_g = $_POST["rgbtext_g"];
$rgbtext_b = $_POST["rgbtext_b"];
$rgb=$rgbtext_r . "," . $rgbtext_g . "," . $rgbtext_b;
//執行 SQL 命令,新增此帳號
$sql = "INSERT INTO color_choose_rgb (R, G, B)
VALUES ('$rgbtext_r', '$rgbtext_g',
'$rgbtext_b')";
$db_link->query($sql);
//關閉資料連接
$db_link->close();
?>
可行後
現在是需要將能讓此頁面的五個div顏色用同樣php的方式,抓取RGB資料庫裡最新的5筆rgb後呈現出來,但是此頁面的顏色是在js裡就先寫死的
上網查過方法,好像是要用AJAX的方式,但不知從何著手...
可以請高手們明確指點一下小女子嗎TT謝謝各位(若有表達錯誤歡迎糾正)
把:
const colors = [
{
color: '49cc6c' },
{
color: '173A2F' },
{
color: '153944' },
{
color: a },
{
color: '438AAC' }];
移到由php產生的js檔,然後在網頁中掛在你這段js之前。這樣colors常數就可以由php去撈資料庫產生,再給js存取。
簡單應用jQuery.... write less,do more
.done(function(data){
$("#thisDIV").css({'background-color':data['color']});
});