1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
22:
23:
24:
25:
26:
27:
28:
29:
30:
31:
32:
33:
|
<head>
<script type="text/javascript">
var test1Text = "";
function findedentext(ziel, tausch) {
if (test1Text.length == 0) {
test1Text = document.getElementById("test1").innerHTML;
}
var match = new RegExp(ziel, "ig");
var replaced = "";
if (tausch.length > 0) {
replaced = test1Text.replace(match, tausch);
}
else {
var boldText = "<div style=\"background-color: red; display: inline; font-weight: bold;\">" + ziel + "</div>";
replaced = test1Text.replace(match, boldText);
}
document.getElementById("test1").innerHTML = replaced;
}
</script>
</head>
<body>
<div id="test1">
Dies ist ein Test. Bla bla bla.</div>
<br>
<table>
<tr><td>Find</td><td><input id="ziel" name="ziel" type="text"></td></tr>
<tr><td>Replacment</td><td><input id="tausch" name="tausch" type="text"></td></tr>
</table>
<input type="button" value="Tausche/Finde" onClick="findedentext(document.getElementById('ziel').value, document.getElementById('tausch').value);">
</body>
|
