changing color of a string inside an asp.net textbox

Dot Net

=?Utf-8?B?YnJ1Y2UgYmFya2Vy?=
2008-06-19 07:45:00 AM

<input type="text">does not support css on text segments (as there is no
span, etc). to set select its just javascript:

document.getElementById('myinput').createTextRange().find('text to select');


-- bruce (sqlwork.com)


"jc" wrote:

>It would appear I cannot do this unless it's a richtextbox...
>
>but is there any way I can change the color of a given string inside a
>textbox control?
>
>Maybe with javascript? Postrender? CSS?
>
>If not, does anybody have any javascript code where I can atleast
>select (hilite) the given text?
>
>Thanks for any help or information!
>
 
Top

Re: changing color of a string inside an asp.net textbox

nick chan
2008-06-19 01:12:00 PM

document.getElementById('textboxclientid').style.color = 'Blue';



On Jun 19, 6:24 am, jc <wild...@noclient.net>wrote:
>It would appear I cannot do this unless it's a richtextbox...
>
>but is there any way I can change the color of a given string inside a
>textbox control?
>
>Maybe with javascript? Postrender? CSS?
>
>If not, does anybody have any javascript code where I can atleast
>select (hilite) the given text?
>
>Thanks for any help or information!

 


Top

Re: changing color of a string inside an asp.net textbox

Mark Rae [MVP]
2008-06-19 03:44:00 PM

"nick chan" <zzzxtreme@gmail.com>wrote in message
news:ff35c657-99ff-477f-a9df-930abec167d9@a9g2000prl.googlegroups.com...

[top-posting corrected]

>>It would appear I cannot do this unless it's a richtextbox...
>>
>>But is there any way I can change the color of a given string inside a
>>TextBox control?
>
>document.getElementById('textboxclientid').style.color = 'Blue';

That will turn the *entire contents* of the TextBox blue...


--
Mark Rae
ASP.NET MVP
www.markrae.net

 


Top

Re: changing color of a string inside an asp.net textbox

jc
2008-06-19 11:14:00 PM

>document.getElementById('myinput').createTextRange().find('text to select');


Thank you . I'm trying the below and getting OBJECT EXPECTED error in
javascript.

on my aspx page I have this:

<script language="javascript" type="text/javascript">
function SearchText(selectit)
{
document.getElementById('TextBox_Body').createTextRange().find(selectit);
}
</script>

In a class called pkb I have this function:

Public Function SelectText(ByVal SearchString As String) As String
Return "<script language='JavaScript'>" + vbCrLf +
"SearchText('" + SearchString + "')" + vbCrLf + "</script>"
End Function


and attempting to call the javascript like this:
ClientScript.RegisterClientScriptBlock(Me.GetType, "client",
pkb.SelectText(TextBox_Search1.Text))


If rightclick view source on the page and do see that the textboxes ID
is TextBox_Body

If I step through the code, the dynamic javascript looks like this
when passed the string car:

<script language='JavaScript'>
SearchText('car')
</script>


Also, once I get past this, will i be able to select more than one
string or repeating strings? Also how can I make this not care about
case?

Thanks for any help or information.






 


Top

Re: changing color of a string inside an asp.net textbox

jc
2008-06-20 04:12:00 AM

this gives me error "Object Expected"


The original html source:

<html>
<head>
<title>
Javascript testing
</title>
</head>

<body>

<form name="form1" method="post" action="_Blank" id="form1">


<script language="javaScript" type="text/javascript">
SearchText("test");
</script>


<input name="TextBox_Body" type="text" value="this is a test"
id="TextBox_Body" />
</form>


<script language="javascript" type="text/javascript">
function SearchText(selectit)
{
document.getElementById('TextBox_Body').createTextRange().find(selectit);
}
</script>


</body>
</html>

.. a view source when the error occurs

<html>
<head>
<title>
Javascript testing
</title>
</head>

<body>

<form name="form1" method="post" action="_Blank" id="form1">


<input name="TextBox_Body" type="text" value="this is a test"
id="TextBox_Body" />
</form>


<script language="javascript" type="text/javascript">
function SearchText(selectit)
{
document.getElementById('TextBox_Body').createTextRange().find(selectit);
}
</script>

<script language="javaScript" type="text/javascript">
SearchText("test");
</script>

</body>
</html>


giving me the object expected on line 20

document.getElementById('TextBox_Body').createTextRange().find(selectit);
 


Top