2009-02-26 9 views
0

私はスペルチェックアプリケーションを行っています。 スペースを入力した後にテキストの色を変更したいと思います。 私は間違った言葉を手に入れました。 今、私はテキストボックスでそのテキストの色を変更する方法が欲しいです。 を使用しています。JavaScriptのスペースを入力すると、テキストの色を変更する方法

+0

FAQのHow To Askセクションを参照して、StackOverlowで質問するのに最適な方法を確認してください。 http://stackoverflow.com/faq#howtoask – mrk

答えて

3

JavaScriptはCSSを非常に簡単に変更できます。私はあなたがテキストエリアに言葉だけの色を変更することができるとは思わない

<input type="text" value="123" id="text1"/> 
<script type="text/javascript"> 
document.getElementById("text1").style.color = "green"; 
</script> 
+1

より良い解決策は、間違ったスペルの単語に対して別のCSSクラスを用意し、必要なときにCSSクラスを切り替えることです。 +1はソリューションが正しい方向にあるためです。 – Cerebrus

1

:私の例を確認してください。

しかし、テキスト入力だけでテキストの色を変更する場合は、rea_andrewで概説されている方法で十分です。

document.getElementById("textboxid").style.color = "green"; 
+0

+1のボールド "textarea"。それは、OPの質問で見逃す(非常に)簡単でした。 – Cerebrus

2

またはJQueryのようなライブラリを使用してください。 JQueryを使用すると簡単です。

持つ

<input name="my-text" type="text" id="my-text"> 

キャッチあなたは、単一の単語を強調表示したい場合は、キーダウンイベント

$("input#my-text").keydown(function(event) 
{ 
    switch (event.keyCode) { 
     // space 
     case 32: $(this).css("color","#f00"); //or set any other property 
     break; 
    } 
} 

、あなたはスパンにそれをラップし、ちょうどこの要素のプロパティを変更する必要があります。

はい、あなたは段落を使用する必要がありますsigle単語を強調表示します。

0

あなたは基本的に、TinyMCEや友人と同じ種類のことをやって、テキストエリアの上に豊かなエディタを構築する必要があります。あなたのためにこれを行うためにあらかじめ作成されたライブラリを使用する方がはるかに良いです。色を変更するだけではなく、エディタ全体を構築する必要があるため、複雑な作業になります。

関連する問題