Javascript Replace

[seaside]

Ok so I am trying to make a textbox that you can write a sentence, and then hit a button. Then the text in the textbox will change certain words to certain other words.

Ex: You write "Hello my name is John Smith." and hit the button. Then the text is changed to "Hi my name was John Smith."

Something like that. So that I can choose words like "hello" and "is", and have them changed to "Hi" and "was".

I have a starting point, but do not know how to put in the textbox, or how to match up words to replace.

I know the replace() method exists, but how would I do this?

Thanks.

[diabolo]

if you plan on using jQuery, you might want to check out this article

http://www.nabble.com/jQuery-regex-r...727s27240.html

[seaside]

Thanks Diable, but could you write some code to show wat i should put in my page to get the example above. I didn't understand the atricle.

[diabolo]

you're going to have to pay me for that
=)

no im just kidding, let me write it up, and i'll post it when im done

[seaside]

Thanks sooo much. Il up ur rep! lol.

Thanks.

Please remember the textbox and button. Thanks

[scopey]

HTML:
<div id="text">Hello my name is John Smith</div><button onclick="tmod('text')">Click</button>

Javascript:
function tmod(id){
var str = document.getElementById(id).innerHTML;
str = str.replace("is","was");
str = str.replace("Hello","Hi");
document.getElementById(id).innerHTML = str;
}

Oh and for a text box, it'll be

HTML:
<input type='text' id="text" value="Hello my name is John Smith" /><button onclick="tmod('text')">Click</button>

Javascript:
function tmod(id){
var str = document.getElementById(id).value;
str = str.replace("is","was");
str = str.replace("Hello","Hi");
document.getElementById(id).value = str;
}

[seaside]

thank you. Can I have an E-mail for any later questions?
Edit:
Is there any way, also, to allow the user to have several input boxes that they can write which words are changed to which. Ex: I could write in one box "Dog" and "Cat" in the next. So people can change their words?

Thnx again.

[xav0989]

Do mean that the user could enter their own list of replacement pairs?

[scopey]

I'm not quite sure what you mean sorry.

If you want an interface where users can enter text, then choose what word to replace with what, you could do something like this:

HTML:
<input type='text' id='input1' /><input type='text' id='input1str' /><input type='text' id='input1rep' /><button onclick="tmod('input1')">Click</button>

Javascript:
function tmod(id){
var str = document.getElementById(id).value;
var strstr = document.getElementById(id+"str").value;
var strrep = document.getElementById(id+"rep").value;
str = str.replace(strstr,strrep);
document.getElementById(id).value = str;
}

I hope that's what you meant.

If you want users to be able to define multiple strings to replace, the following should work (I'm just writing and not actually testing, if the code doesn't work, give me a yell and I'll fix it):

(Tell users to seperate the strings with commas)

function tmod(id){
var str = document.getElementById(id).value;
var strstrs = document.getElementById(id+"str").value.split(",") ;
var strreps = document.getElementById(id+"rep").value.split(",") ;
var alen = strstrs.length;
var i=0;
for(i=0;i<alen;i++){
if(strstrs[i] && strreps[i]){
str = str.replace(strstrs[i],strreps[i]);
}
else{
break;
}
}
document.getElementById(id).value = str;
}

Edit: Forgot a semicolon....

[seaside]

wow! Thanks! The first one is fantastic.

One last thing if you could.

How do I make the words that they can enter NOT case sensitive. In the first script i know about the /i, but in the newer one you wrote, how would I do this. Again, Thanks!