468,539 Members | 1,496 Online
Bytes | Developer Community
New Post

Home Posts Topics Members FAQ

Post your question to a community of 468,539 developers. It's quick & easy.

changing color of a string inside an asp.net textbox

jc
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!
Jun 27 '08 #1
5 1871
<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!
Jun 27 '08 #2
document.getElementById('textboxclientid').style.c olor = 'Blue';

On Jun 19, 6:24*am, jc <wild...@noclient.netwrote:
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!
Jun 27 '08 #3
"nick chan" <zz*******@gmail.comwrote in message
news:ff**********************************@a9g2000p rl.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.c olor = 'Blue';
That will turn the *entire contents* of the TextBox blue...
--
Mark Rae
ASP.NET MVP
http://www.markrae.net

Jun 27 '08 #4
jc
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').createText Range().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.


Jun 27 '08 #5
jc
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').createText Range().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').createText Range().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').createText Range().find(selectit);
Jun 27 '08 #6

This discussion thread is closed

Replies have been disabled for this discussion.

Similar topics

4 posts views Thread by Tony W | last post: by
5 posts views Thread by Ioannis Vranos | last post: by
reply views Thread by Luis Esteban Valencia | last post: by
3 posts views Thread by fbergroth | last post: by
By using this site, you agree to our Privacy Policy and Terms of Use.