Suchen
- Ersteller Nobbi
- Erstellt am
Ja, das von www.jswelt.de:"Seite durchsuchen"
Klappt einfach und prima.
Aber jetzt wollte ich nur einen Berecih, hier eine Tabelle durchsuchen lassen
Klappt einfach und prima.
Aber jetzt wollte ich nur einen Berecih, hier eine Tabelle durchsuchen lassen
Hallo!
Dieser Lösungsansatz funktioniert nur im IE.
Folgendes Prinzip steckt dahinter:
Die zu unterscheidenen Bereiche müssen in "span" Tags gekapselt werden.
Dann wird der zu durchsuchende Bereich mittels "innerHTML" in eine Variable geladen.
Der Rest ist noch ein bißchen String-Funktions-Gefummel.
Und voilà: Man kann in einem bestimmten Bereich suchen.
Folgende lösbare Probleme sind zu beachten:
1. Groß-/Kleinschreibung
2. Wenn sich innerhalb des "Span"-Tags weitere HTML Befehle befinden, werden diese in der Suche mit
einbezogen, was zu einigem HTML-Chaos führen kann. Deshalb sind diese Tags von der Suche auszu-
schließen.
3. Sucht man mehrfach, bleiben die zuvor hervorgehobenen Textpassagen erhalten.
Ich hoffe das hilft.
Gruß
Thomas
<HTML>
<HEAD>
<META NAME="GENERATOR" Content="Microsoft Visual Studio 6.0">
<TITLE></TITLE>
<script language="JavaScript">
function show()
{
var l_string, erg, l_string2
l_string = bereich2.innerHTML
erg = l_string.search(document.form1.text1.value)
if (erg != -1)
{
l_string2 = l_string.slice(0,erg)
l_string2 = l_string2 + "<B>" + l_string.slice(erg, erg+document.form1.text1.value.length) + "</B>"
l_string2 = l_string2 + l_string.slice(erg+document.form1.text1.value.length,l_string.length)
bereich2.innerHTML = l_string2
return true
}
alert("Das Wort:" + document.form1.text1.value + " ist NICHT in Bereich1 vorhanden!")
}
</script>
</HEAD>
<BODY>
<form name=form1>
<input type=text1 name=text1 id=text1>
<br>
<span id=bereich1>
Dieser Text ist als Bereich1 gekennzeichnet.
</span>
<br>
<span id=bereich2>
Dieser Text ist als Bereich2 gekennzeichnet.
</span>
<br>
</form>
<input type=button value="suchen" onClick="show()">
Gesucht wird der in der Textbox eingegebene Text, aber nur in Bereich2!
</BODY>
</HTML>
Dieser Lösungsansatz funktioniert nur im IE.
Folgendes Prinzip steckt dahinter:
Die zu unterscheidenen Bereiche müssen in "span" Tags gekapselt werden.
Dann wird der zu durchsuchende Bereich mittels "innerHTML" in eine Variable geladen.
Der Rest ist noch ein bißchen String-Funktions-Gefummel.
Und voilà: Man kann in einem bestimmten Bereich suchen.
Folgende lösbare Probleme sind zu beachten:
1. Groß-/Kleinschreibung
2. Wenn sich innerhalb des "Span"-Tags weitere HTML Befehle befinden, werden diese in der Suche mit
einbezogen, was zu einigem HTML-Chaos führen kann. Deshalb sind diese Tags von der Suche auszu-
schließen.
3. Sucht man mehrfach, bleiben die zuvor hervorgehobenen Textpassagen erhalten.
Ich hoffe das hilft.
Gruß
Thomas
<HTML>
<HEAD>
<META NAME="GENERATOR" Content="Microsoft Visual Studio 6.0">
<TITLE></TITLE>
<script language="JavaScript">
function show()
{
var l_string, erg, l_string2
l_string = bereich2.innerHTML
erg = l_string.search(document.form1.text1.value)
if (erg != -1)
{
l_string2 = l_string.slice(0,erg)
l_string2 = l_string2 + "<B>" + l_string.slice(erg, erg+document.form1.text1.value.length) + "</B>"
l_string2 = l_string2 + l_string.slice(erg+document.form1.text1.value.length,l_string.length)
bereich2.innerHTML = l_string2
return true
}
alert("Das Wort:" + document.form1.text1.value + " ist NICHT in Bereich1 vorhanden!")
}
</script>
</HEAD>
<BODY>
<form name=form1>
<input type=text1 name=text1 id=text1>
<br>
<span id=bereich1>
Dieser Text ist als Bereich1 gekennzeichnet.
</span>
<br>
<span id=bereich2>
Dieser Text ist als Bereich2 gekennzeichnet.
</span>
<br>
</form>
<input type=button value="suchen" onClick="show()">
Gesucht wird der in der Textbox eingegebene Text, aber nur in Bereich2!
</BODY>
</HTML>