find Text in Textfeld auf Button in html statisch page.and gegeben in es dann hightlight mit Hilfe von JavascriptSuchtext in anderem Text und markieren Sie es mit Hilfe von Javascript
2
A
Antwort
4
Hier ist ein Beispiel mit Code aus Searching for Text In Page. Es führt im Wesentlichen das Äquivalent von Find mit CTRL + F im Browser aus. Wenn Sie die Bibliothek jQuery verwenden, können Sie den Text mithilfe des Texts Search-Highlight Plugin ähnlich wie bei der Google-Suche markieren.
<html>
<head>
<script language="JavaScript">
<!--
var TRange=null;
function findString (str) {
if (parseInt(navigator.appVersion)<4) return;
var strFound;
if (window.find) {
// CODE FOR BROWSERS THAT SUPPORT window.find
strFound=self.find(str);
if (strFound && self.getSelection && !self.getSelection().anchorNode) {
strFound=self.find(str)
}
if (!strFound) {
strFound=self.find(str,0,1)
while (self.find(str,0,1)) continue
}
}
else if (navigator.appName.indexOf("Microsoft")!=-1) {
// EXPLORER-SPECIFIC CODE
if (TRange!=null) {
TRange.collapse(false)
strFound=TRange.findText(str)
if (strFound) TRange.select()
}
if (TRange==null || strFound==0) {
TRange=self.document.body.createTextRange()
strFound=TRange.findText(str)
if (strFound) TRange.select()
}
}
else if (navigator.appName=="Opera") {
alert ("Opera browsers not supported, sorry...")
return;
}
if (!strFound) alert ("String '"+str+"' not found!")
return;
}
//-->
</script>
</head>
<body>
<form name="f1" action=""
onSubmit="if(this.t1.value!=null && this.t1.value!='') findString(this.t1.value);return false">
<input type="text" name=t1 value="" size=20>
<input type="submit" name=b1 value="Find">
<p>This is some sample text.</p>
</form>
</body>
</html>
0
<form id=f1 name="f1" action=""
onSubmit="if(this.t1.value!=null && this.t1.value!='')
findString(this.t1.value);return false"
>
<input type="text" id=t1 name=t1size=20>
<input type="submit" name=b1 value="Find">
</form>
<script>
var TRange=null;
function findString (str) {
if (parseInt(navigator.appVersion)<4) return;
var strFound;
if (window.find) {
// CODE FOR BROWSERS THAT SUPPORT window.find
strFound=self.find(str);
if (!strFound) {
strFound=self.find(str,0,1);
while (self.find(str,0,1)) continue;
}
}
else if (navigator.appName.indexOf("Microsoft")!=-1) {
// EXPLORER-SPECIFIC CODE
if (TRange!=null) {
TRange.collapse(false);
strFound=TRange.findText(str);
if (strFound) TRange.select();
}
if (TRange==null || strFound==0) {
TRange=self.document.body.createTextRange();
strFound=TRange.findText(str);
if (strFound) TRange.select();
}
}
else if (navigator.appName=="Opera") {
alert ("Opera browsers not supported, sorry...")
return;
}
if (!strFound) alert ("String '"+str+"' not found!")
return;
}
</script>
Verwandte Themen
- 1. Markieren Sie den Suchtext nach der Suche in einem UITableView
- 2. Wie markieren Sie Daten, wenn der Suchtext mit dem verfügbaren Text im Array übereinstimmt?
- 3. Javascript RegEx: Erhalten Sie alle Texttreffer umgeben von anderem Text?
- 4. Text Textbereich mit Hilfe von Javascript
- 5. Wie markieren Sie Text innerhalb und außerhalb von Tags?
- 6. Ersetzen HTML-Entities mit einem Text mit Hilfe von Javascript
- 7. Wie fette Text und/oder markieren Sie rot im Texteditor mit Javascript?
- 8. wie svg Text-Tag mit Hilfe von Javascript innerHTML-
- 9. Wie markiert man Suchtext in DataGridView?
- 10. Vim Suchtext in Ordner
- 11. So markieren Sie Text in einem tkinter Text-Widget
- 12. Markieren Sie den Text in Textarea mit Verzögerung
- 13. Imacro Suchtext
- 14. Markieren und Markieren von Zellen in einer Zeile
- 15. Benötigen Sie Hilfe mit einfachem JavaScript
- 16. EditText Text markieren
- 17. Markieren Sie Text, außer HTML-Tags
- 18. Drucktischelemente mit Hilfe von Javascript
- 19. Hilfe mit JavaScript Alert
- 20. (Schienen) Benötigen Sie Javascript Hilfe
- 21. Markieren Sie den Text im Meldungsfeld
- 22. Markieren Sie Wörter, wenn Sie aus einer Liste mit Javascript
- 23. Ändern der Bildquelle mit Hilfe von JavaScript
- 24. Markieren von Text in Gelb mit Apple Mail
- 25. sed: Massen Epochen unter zufälligem anderem Text
- 26. Suchtext in der Datenbank
- 27. Wie markieren Sie Text in einem TextView in Swift?
- 28. Lesen und Schreiben von JSON-Datei mit Hilfe von Javascript
- 29. PHP - markieren Sie Text aus einer Zeichenfolge mit HTML
- 30. XCode - Suchtext in allen Dateien