replace str in text area

abcabc · 09-07-2012, 10:58 AM

Hi im trying to replace some text in a text area however it cant seems to pick up the text from inside the textarea. any help is appreciated

<html>
<body>

<p>Click button:</p>

<textarea id="zebra">Type here!</textarea>

<button onclick="myFunction()">Click here</button>

<script>
function myFunction()
{
var str=document.getElementById("zebra").innerHTML;
var n=str.replace("zebra","horse");
document.getElementById("zebra").innerHTML=n;
}
</script>

</body>
</html>

abduraooft · 09-07-2012, 11:04 AM

Change .innerHTML to .value

abcabc · 09-07-2012, 11:11 AM

thank you it works !

abcabc · 09-07-2012, 11:15 AM

however the str zebra might be repeated many times throughout the text. Is there anyway to have it replace all with a click instead of having the user to press the button multiple times ? thank you in advance

Philip M · 09-07-2012, 12:13 PM

Quote:

Originally Posted by abcabc

however the str zebra might be repeated many times throughout the text. Is there anyway to have it replace all with a click instead of having the user to press the button multiple times ? thank you in advance

Code:

var n=str.replace(/zebra/gi,"horse");

rnd me · 09-07-2012, 01:03 PM

the fastest way i know uses strings to do universal replacements:

Code:

var n=str.split("zebra").join("horse");

probably doesn't matter for littlethings, but on big loops or when making lots of replacements, it's noticeably faster than regexp...

DaveyErwin · 09-07-2012, 02:53 PM

Of course
var n=str.split("zebra").join("horse");
won't work neither will
var n=str.replace(/zebra/gi,"horse");
IF you do not want fazebrain to
become fahorsein.

Philip M · 09-07-2012, 03:25 PM

He wanted all instances of zebra replaced by horse.

But if only whole words are wanted:-

Code:

var n=str.replace(/\bzebra\b/gi,"horse");
n = n.replace(/\bmouse\b/gi,"cat");
n = n.replace(/\bmice\b/gi,"cats");

abcabc · 09-08-2012, 04:33 AM

Thank you everyone for their input. I managed to get what I wanted.

abcabc · 09-08-2012, 05:26 PM

Is it possible for the code

var n=str.replace(/\bII\b/gi,"\n");
n = n.replace(/\bmouse\b/gi,"cat");

to work with a symbol specifically the 2 brackets. ))

thank you again

Philip M · 09-08-2012, 06:27 PM

You need to escape (with a backslash) the following META characters in a regex pettern so thay are interpreted as literals and not control characters:-
^ $ \ / ( ) | ? + * [ ] { } . (but not , )

So:-

Code:

<script type = "text/javascript">

var str = "abc))xyz))";
str = str.replace(/\)/g,"something")
alert (str);

</script>