灰色按钮点击按钮

时间:2014-03-31 10:45:06

标签: javascript css

我有一张用jsni制作的表格。我在按钮上添加了单击处理程序。点击保存按钮我希望特定的div显示灰色,显示数据的保存。

var x=$doc.createElement("div");
x.id="nn";
var lbl=$doc.createElement("Label");
var labelText = $doc.createTextNode("FirstName: ");
lbl.appendChild(labelText);
x.appendChild(lbl);

var a=$doc.createElement("input");
x.appendChild(a);

var br = $doc.createElement("br");
x.appendChild(br);

var lblcl=$doc.createElement("Label");
var labelText1 = $doc.createTextNode(" LastName: ");
lblcl.appendChild(labelText1);
x.appendChild(lblcl);


var b=$doc.createElement ("input");
x.appendChild(b);

var br = $doc.createElement("br");
x.appendChild(br);


var lblc=$doc.createElement("Label");
var labelText2= $doc.createTextNode("CollegeName: ");
lblc.appendChild(labelText2);
x.appendChild(lblc);


var p=$doc.createElement("input");
x.appendChild(p);

var br = $doc.createElement("br");
x.appendChild(br);

var lblcl=$doc.createElement("Label");
var labelText3= $doc.createTextNode(" SchoolName: ");
lblcl.appendChild(labelText3);
x.appendChild(lblcl);


var q=$doc.createElement ("input");
x.appendChild(q);

var yu = $doc.createElement("br");
x.appendChild(yu);

var tr=$doc.createElement("Button");
var buttonTxt = $doc.createTextNode("Save");
tr.appendChild(buttonTxt);
x.appendChild(tr);
body.appendChild(x);

我有以下代码变灰但不知道放在哪里。

overlay = document.createElement("div")
overlay.style.width = _width + "px"
overlay.style.height = _height + "px"
overlay.style.position = "absolute"
overlay.style.background = "#dedede"
overlay.style.top = _top + "px"
overlay.style.left = _left + "px"

overlay.style.filter = "alpha(opacity=50)"
overlay.style.opacity = "0.5"
overlay.style.mozOpacity = "0.5"

1 个答案:

答案 0 :(得分:0)

创建一个样式来设置div的不透明度(以及它的内容)。然后你需要做的就是将该样式附加到div。