Javascript 从表单字段更改背景颜色
我需要创建一个能够让用户输入十六进制值的表单,然后单击它应用该颜色。 我让它在firefox中工作,除非已经选择了背景图像,而且它在IE中根本无法工作(惊喜) 我想我需要先去掉背景图像。 这就是我目前所拥有的 剧本Javascript 从表单字段更改背景颜色,javascript,forms,Javascript,Forms,我需要创建一个能够让用户输入十六进制值的表单,然后单击它应用该颜色。 我让它在firefox中工作,除非已经选择了背景图像,而且它在IE中根本无法工作(惊喜) 我想我需要先去掉背景图像。 这就是我目前所拥有的 剧本 $("#newBodyColorBtn").click(function() { $("body").css("background-color", $("#newBodyColor").val()); }); 表格代码 <form action="#" method
$("#newBodyColorBtn").click(function() {
$("body").css("background-color", $("#newBodyColor").val());
});
表格代码
<form action="#" method="get" name="putcolor">
<strong>Put your color value here</strong> <input id="newBodyColor" type="text" value="" size="15">
<button id="newBodyColorBtn">Change Body Color</button>
</form>
在此处输入颜色值
改变体色
我希望你们能帮忙
上限;) 可能会有帮助,在没有“#”的情况下使用十六进制颜色
函数changeBG(){
document.body.style.background=“#”+$(“#newBodyColor”).val();
}
在此处输入颜色值#
改变体色
作品;)(在Firefox中),无法使用js FIDLE检查IE。。。被阻止您尝试过只使用背景色而不使用背景色吗?这将使图像和所有其他背景设置无效。感谢josh解决了bg图像问题,但是表单在IEThaks pilha中仍然不起作用,我也会看看这个
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script>
function changeBG() {
document.body.style.background = "#" + $("#newBodyColor").val();
}
</script>
</head>
<body>
<strong>Put your color value here #</strong> <input id="newBodyColor" type="text" value="" size="6">
<button id="newBodyColorBtn" onclick="changeBG()">Change Body Color</button>
</body>
</html>
// without jq:
// document.getElementById("newBodyColorBtn").click(function(){
//with jq
$("#newBodyColorBtn").click(function() {
document.body.style.backgroundColor = "#" + document.getElementById("newBodyColor").value;
});