2014-01-13 80 views
0

我有一個表格中有多個文本框。 也在表格內部但是在表格之外有一個單元格(稱爲單元格A)。當表格發生變化時改變顏色

當您首次訪問表單時,表單中的texboxes使用php/MySQL從DataBase中填充數據。

您可以更改文本框的值,並使用POST將它們提交到數據庫。數據庫已更新,並且您返回到相同(但現在已更新)的表單。

我的問題:我想在單元格A中出現一個彩色文本,指示表單中的數據是否已發送。在第一次到達頁面或更新之後,請閱讀綠色的「實際數據」。但是,如果您在未提交的情況下更改表單,則應更改爲「未發送數據」(紅色)(或類似內容)。

我知道如何將文本與PHP

style="color:<?php echo $ColorChange ?>" 

但格式化時形式的變化(在提交之前),我需要的OnChange和一些JavaScript,例如

function ChangeColor() 
{ 
var col=document.getElementById("UpdateSign"); 
col.style.color="#FF0000"; 
} 

我的問題是如何結合這兩者。有任何想法嗎?

+2

你的第一個問題是Java不是JavaScript。 – epascarello

+0

因此,將更改事件添加到所有表單元素。 – epascarello

+0

謝謝epascarello。向所有表單元素添加更改事件。我放棄了我通過php發送格式的原始(和壞)想法。還需要一些關於Java和JavaScript的閱讀(我確實是一位生物學家......) – CMArg

回答

-3

使用身體的onchange事件,我想這應該工作。我不知道你的完整代碼,所以這比猜測更令人猜測。

<body onchange=ChangeColor()> 
0

將Javascript事件觸發器保留在HTML元素之外,並使用事件偵聽器。 jQuery使綁定事件監聽器非常容易。

例如,

$("#form_input_element").on("onchange", ChangeColor); 

取入形式元素的id和結合ChangeColor功能到onchange事件。