элемент обновления, с выбором выбора

Question

Я создаю форму с цветным колесом и выбором цвета текста.

По существу, у нас есть логотип, который будет динамически загружаться в контейнере element (div).

Цветное колесо, создаст цвет bg Радиокнопки позволяют выбирать цвет текста.

Любые js-гуру, знают, как создать js для создания div, который изменяет цвет bg и цвет текста в div предварительного просмотра в соответствии с изображением.

Очень простой пример (пути изображения изменены), но работает. http://www.jsfiddle.net/QZuA5/ По существу его div div, я хочу создать. Мы можем размещать логотип динамически, используя абсолютное позиционирование.

По существу, это js, чтобы создать цвет заполнителя bg и цвет текста шрифта, который будет разборчивать, когда мы отправляем форму.

Приветствия

Answer 1

Что касается линии: * создать DIV, который меняет цвет Б.Г. и цвет текста предварительного просмотра DIV в соответствии с изображением. *

В сыром Javascript, вы можете динамически создавать DIV так:

var div = document.createElement("DIV"); 

Вы можете получить доступ к стилям div с его имуществом .style изменить все остальное, что нужно, когда вы хотите:

div.backgroundColor = "#123456"; 
div.style.color = "green"; 

div.style.height = "100px"; 

Затем вы можете добавить div в любом месте вы хотите с .appendChild способом:

document.appendChild(div); 

или

document.getElementById('anotherElement').appendChild(div);