Tek-Tips is the largest IT community on the Internet today!
Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!
-
Congratulations Rhinorhino on being selected by the Tek-Tips community for having the most helpful posts in the forums last week. Way to Go!
Changing the color of selected words in an input text box 1
- Thread starter rickpill
- Start date
- Thread starter
- #3
Here's an example:
User enters in input text box:
SALE NYC00001 COUNTRY US GB CA MX
---- -------
The key words here are "SALE" and "COUNTRY". The user would
like to see SALE and COUNTRY in blue, and the selection
words, i.e. NYC00001 and US, GB etc. in red.
This is a simple example, in real word situations, the selections can get pretty complex and difficult to read!
One other thing, this is an ASP application that retrieves
data based on selections!
Thanks,
Rick
User enters in input text box:
SALE NYC00001 COUNTRY US GB CA MX
---- -------
The key words here are "SALE" and "COUNTRY". The user would
like to see SALE and COUNTRY in blue, and the selection
words, i.e. NYC00001 and US, GB etc. in red.
This is a simple example, in real word situations, the selections can get pretty complex and difficult to read!
One other thing, this is an ASP application that retrieves
data based on selections!
Thanks,
Rick
- Thread starter
- #5
-
1
- #6
How about this:
<html><head><title></title>
<script type="text/javascript">
var keywords=["sale","country"];
function highlightKeywords(span){
var t=span.innerText;
document.f.myField.value=t;
t=t.split(" "
;
for(var i=0;i<t.length;i++){
for(var j=0;j<keywords.length;j++){
if(t.toLowerCase()==keywords[j].toLowerCase()){
t="<font color=red><b>" + t.toUpperCase() + "</b></font>";
}
}
}
span.innerHTML=t.join(" "
}
</script>
<body>
<form name="f">
<span
contentEditable=true
style="width:250px; height: 30px; overflow:hidden; border:lightgrey 2px inset;padding:1px; white-space: nowrap"
onkeypress="return (window.event.keyCode!=13)"
onblur="highlightKeywords(this)"></span>
<input type="hidden" name="myField">
</form>
</body>
</html>
Adam
while(woman.width>woman.height && wallet.value>0){beer++;vision.blur()};
<html><head><title></title>
<script type="text/javascript">
var keywords=["sale","country"];
function highlightKeywords(span){
var t=span.innerText;
document.f.myField.value=t;
t=t.split(" "
;for(var i=0;i<t.length;i++){
for(var j=0;j<keywords.length;j++){
if(t.toLowerCase()==keywords[j].toLowerCase()){
t="<font color=red><b>" + t.toUpperCase() + "</b></font>";
}
}
}
span.innerHTML=t.join(" "
;}
</script>
<body>
<form name="f">
<span
contentEditable=true
style="width:250px; height: 30px; overflow:hidden; border:lightgrey 2px inset;padding:1px; white-space: nowrap"
onkeypress="return (window.event.keyCode!=13)"
onblur="highlightKeywords(this)"></span>
<input type="hidden" name="myField">
</form>
</body>
</html>
Adam
while(woman.width>woman.height && wallet.value>0){beer++;vision.blur()};
MuttleyDiXiE
MIS
Hi Rick,
If I understand U correct what U want is something where your users can mark portions/words of the text and format it with bold, underline aso. IE has a feature that would allow for this called WYSIWYG.
Take a look at Here U will find anything U need to implement richtext edit functions on your webpages.
Cheers
DiXiE
If I understand U correct what U want is something where your users can mark portions/words of the text and format it with bold, underline aso. IE has a feature that would allow for this called WYSIWYG.
Take a look at Here U will find anything U need to implement richtext edit functions on your webpages.
Cheers
DiXiE
- Thread starter
- #8
- Status
Similar threads
- Locked
- Question
- Locked
- Question
- Locked
- Question