2010-02-20 116 views
0

我已經看過所有的帖子,但我的問題不是它不會改變背景顏色,而是它會改變它,但它改變了原來的顏色。這是代碼。JavaScript更改顏色問題

<html> 
     <head> 
      <title>Calculator</title> 
      <link rel="stylesheet" type="text/css" href="color.css"/> 
      <script type="text/javascript"> 
       function calc(color){ 
        //document.body.bgColor = color; 
        x=document.myForm 
        var val1=x.input1.value; 
        var val2=x.input2.value; 
        var val3=val1+"+"+val2; 
        if(eval(val3)<0) return; 
        else{ 

        alert("The result is "+eval(val3)); 
        var bd = document.getElementById ('body'); 
        bd.className="highlight"; 
        return; 
        } 
       } 
      </script> 
     </head> 
     <body id="body" onload="changeBackground(red)"> 
      <form name="myForm" onsubmit="calc(this)"> 
       Enter 2 values to add ;) 
       <input type="text" name="input1"> 
       <input type="text" name="input2"> 
       <input type="submit" value="Send Input"> 
      </form> 
     </body> 
    </html> 

CSS:

.hightlight{ 
     background-color: yellow; 
    } 

據我所知,功能權限的功能在年底前結束。那麼我怎麼才能拿到它的顏色呢?

+4

如果有人回答,是否有機會接受它?我猜不... – 2010-02-20 14:08:26

+0

你需要接受他人的答案來提高你的接受分數的聲望。目前您的接受比例爲0%。 – Sarfraz 2010-02-20 14:09:57

回答

1

問題是,您嘗試通過提交按鈕POST頁面。在這種情況下,頁面完全重新繪製,而不會保留由腳本設置的以前的狀態。 只需更改按鈕代碼:

<input type="button" value="Send Input" onclick="calc(this)">