<!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" /> <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>
|