Searching and Replacing Substrings : Regular Expressions : Development JAVASCRIPT DHTML TUTORIALS


JAVASCRIPT DHTML TUTORIALS » Development » Regular Expressions »

 

Searching and Replacing Substrings




<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
  "http://www.w3.org/tr/xhtml1/DTD/xhtml1-transitional.dtd">
<!-- 
     Example File From "JavaScript and DHTML Cookbook"
     Published by O'Reilly & Associates
     Copyright 2003 Danny Goodman
-->
<html>
<head>
<title>Recipe 1.7</title>
<link rel="stylesheet" id="mainStyle" href="../css/cookbook.css" type="text/css" />
<script language="JavaScript" type="text/javascript">
function doSR(form) {
  var searchStr = form.srchText.value;
  var re = new RegExp(searchStr, "g");
  var replaceStr = form.replaceText.value;
  var div = document.getElementById("boilerplate");
  div.firstChild.nodeValue = div.firstChild.nodeValue.replace(re, replaceStr);
}
</script>
</head>
<body>
<h1>1.7. Searching and Replacing Substrings</h1>
<hr />
<form action="" onsubmit="return false">
Search for: <input type="text" id="srchText" name="srchText" size="30" value="(ph)" /><br />
Replace with: <input type="text" id="replaceText" name="replaceText" size="30" value="PLACEHOLDER REPLACEMENT" /><br />
<div class="buttons"><input type="reset" value="Reset Form" />&nbsp;&nbsp;<input type="button" value="Search and Replace"
onclick="doSR(this.form)" /></div>
</form>
<h2>Boilerplate Text</h2>
<p id="boilerplate">Lorem ipsum dolor sit (phamet, consectetaur adipisicing 
elit, sed (phdo eiusmod (phtempor incididunt ut labore et dolore magna 
aliqua. Ut enim adminim veniam, quis (phnostrud exercitation ullamco (ph
laboris nisi ut aliquip ex ea commodo consequat.</p>
</body>
</html>


           
       



-

Leave a Comment / Note


 
Verification is used to prevent unwanted posts (spam). .

Follow Navioo On Twitter

JAVASCRIPT DHTML TUTORIALS

 Navioo Development
» Regular Expressions