2011-01-09 38 views
0

私はカラーホイールとテキストの色の選択でフォームを作成しています。更新要素、選択肢の選択

基本的に、要素(div)コンテナに動的に読み込まれるロゴがあります。

カラーホイールは、bgカラーを作成します ラジオボタンでテキストの色を選択できます。

js gurusさん、jsを作成してdivを作成する方法を知っています。画像ごとにプレビューdivのbg色とテキストの色が変わります。 alt text

非常に基本的な例(イメージパスが変更されていますが)は機能しますが、 http://www.jsfiddle.net/QZuA5/ 本質的にプレビューdivです。作成します。絶対配置を使用してロゴを動的に配置することができます。

divのプレースホルダーbgの色とフォントのテキストの色を作成するためのjsは基本的にフォームを送信するときにvaluseを解析します。ラインについて

乾杯

+0

あなたが必要とする正確にどの部分に関する詳細な説明することができますか? – amosrivera

+0

私たちがカラーホイールを使用するとき、bgの色を変更する必要があるDivのプレビューを参照してください。ユーザーがテキストカラー:黒または白のラジオボタンを選択すると、その「Text Text Selected:White」のテキストが色を変更し、黒を選択すると黒に変わり、「Text Text selected:Black」 – 422

答えて

0

:*画像ごとに、プレビューのdivのBGの色とテキストの色を変更しDIVを作成します。

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

あなたはいつでも好きなときに、あなたが必要とする他のすべてを変更するには、その.styleプロパティでdivのスタイルにアクセスすることができます:

*

生のJavaScriptでは、あなたが動的にこのようなdiv要素を作成することができます

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

div.style.height = "100px"; 

次に、あなたがどこに.appendChild方法でほしいdivを追加することができます

または

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