Searching and Replacing Substrings

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 (ph) amet, consectetaur adipisicing 
elit, sed (ph) do eiusmod (ph) tempor incididunt ut labore et dolore magna 
aliqua. Ut enim adminim veniam, quis (ph) nostrud exercitation ullamco (ph) 
laboris nisi ut aliquip ex ea commodo consequat.</p>
</body>
</html>