ボタンをクリックして作成されるページには、最大 15 個のテキスト ボックスがあります。私が望むのは、「選択済み」のテキストボックスのみのテキストの色を変更することです。他のすべてのテキスト ボックスの色は変更しないでください。
現在、すべてのテキスト ボックスの色を変更するテキスト カラー チェンジャー スライダーがあります。
ソースコードをダウンロードするには、ここをクリックしてください。
ボタンをクリックして作成されるページには、最大 15 個のテキスト ボックスがあります。私が望むのは、「選択済み」のテキストボックスのみのテキストの色を変更することです。他のすべてのテキスト ボックスの色は変更しないでください。
現在、すべてのテキスト ボックスの色を変更するテキスト カラー チェンジャー スライダーがあります。
ソースコードをダウンロードするには、ここをクリックしてください。
これを試してください:
インデックス ファイルに jscolor.js を含めます。このリンクhttp://jscolor.com/try.phpから、さらに多くのデモを表示してダウンロードすることもできます。
<div>
<?php
or($i=0;$i<15;$i++){?>
<div id="txt_add<?php echo $i; ?>" onclick="get_current_text(<?php echo $i; ?>);">
<div id="f<?php echo $i+1; ?>" class="bring_front"><span style="cursor:move"><input type="text" **class="box color"** placeholder="Sample text <?php echo $i+1; ?>" style="border:none; background:none; width:87px; margin-left:6px;" maxlength="10" onchange="set_color(<?php echo $i; ?>);"/></span></div>
</div>
<?php }?>
</div>
and put this code in javascript:
function set_color(txtid)
{
$("#txt_add"+txtid+" input").css('color','#'+this.color);
//document.getElementsByTagName('BODY')[0].style.backgroundColor = '#'+this.color
}
function get_current_text(id)
{
$("#prod div input").css("background-color","white");
$("#txt_add"+id+" input").css('background-color',"green"); $("#txt_add"+id+" input").css('color',"red");
}
編集: 1) 入力クラスをボックスからボックスの色に変更します 2) これを入力 onchange="set_color();" に入れます 3) スクリプトに set_color 関数を入れます