2013-05-22 4 views
0

Мне нужно создать форму, позволяющую пользователю ввести шестнадцатеричное значение, а затем щелкнуть по нему, применяя этот цвет. У меня есть работающий в firefox, если у вас нет фонового изображения, и он вообще не будет работать в IE (сюрприз) Я думаю, что мне нужно сначала удалить фоновое изображение. Это то, что я до сих порИзменение цвета фона из поля формы

сценария

$("#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> 

я надеюсь, что вы, ребята, можете помочь

Cap;)

+0

Пытались вы просто фон, а не цвет фона? Это должно привести к отключению изображения и всех других настроек фона. – Josh

+0

Спасибо, что разобраться в проблеме с изображением bg, но форма все равно не будет работать в IE – user2399846

ответ

0

Может помочь, цвет в гексагоне без '#'

<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> 
+0

Thaks pilha я тоже посмотрю на это – user2399846

+0

doe не работает :( – user2399846

0
// without jq: 
// document.getElementById("newBodyColorBtn").click(function(){ 

//with jq 
$("#newBodyColorBtn").click(function() { 
    document.body.style.backgroundColor = "#" + document.getElementById("newBodyColor").value; 
}); 

http://jsfiddle.net/HnH5W/

работы;) (в Firefox), не могу проверить IE с JS скрипку ... блокируется

+0

Это прекрасно работает, и я проверю IE позже, спасибо Пика – user2399846

Смежные вопросы