Tuesday, July 14, 2009

[solved] Search within textarea - JavaScript

This is a working sample of how to search for text within textarea.









And here is the code for this:

<html>
<head>
</head>
<body>
<script language="JavaScript" type="text/javascript">

function setSelectionRange(input, selectionStart, selectionEnd){

if (input.setSelectionRange) {
input.focus();
input.setSelectionRange(selectionStart, selectionStart);
}
else if (input.createTextRange) {
var range = input.createTextRange();
range.collapse(true);
range.moveEnd('character', selectionEnd);
range.moveStart('character', selectionStart);
range.select();
}
}
function alerts(){

var x=document.getElementById('txt').value;
var y=document.forms[0].q.value;
var z=x.search(y);
var ylength=y.length;

var tarea = document.getElementById("txt");
if (navigator.appName=="Microsoft Internet Explorer"){
setSelectionRange(tarea,z, z+ylength);}
else{
setSelectionRange(tarea,z, z+ylength);
tarea.setSelectionRange(z, z+ylength); }

}

</script>
<form action="#" onsubmit="alerts(); return false;">
<input type="text" id="input" name="q" value="and"/><input name="find" type="submit" value="go" /> </form>
<br />
<textarea id="txt" cols="25" rows="8">who are you, who am I and who is this guy ?</textarea>

</body>
</html>
Compatibility: FF3,IE7+,Chrome, Safari

No comments:

Post a Comment