find donné dans le champ de saisie ButtonClick dans page.and html statique hightlight puis à l'aide de javascriptrecherche du texte dans un autre texte et le mettre en évidence en utilisant javascript
2
texte
A
Répondre
4
Voici un exemple avec le code de Searching for Text In Page. Il effectue essentiellement l'équivalent de faire un Trouver avec CTRL + F dans dans le navigateur. Si vous utilisez la bibliothèque jQuery, vous pouvez utiliser le Search-Highlight Plugin pour surligner le texte de la même manière que la recherche Google.
<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>
Questions connexes
- 1. Comment mettre en évidence le texte en PDF WinForms C#
- 2. Comment puis-je mettre en évidence un sous-ensemble du texte dans une zone de saisie?
- 3. puis-je mettre en surbrillance n'importe quel texte en utilisant Javascript autre que textarea et l'élément de texte de saisie?
- 4. Comment remplacer du texte en utilisant JavaScript?
- 5. Comment mettre en évidence et sélectionner du texte dans une TextBox à partir de ViewModel
- 6. Comment mettre en miroir du texte dans Firefox?
- 7. Comment mettre en forme le texte en ######. ##
- 8. Comment mettre en évidence les changements/différences dans un paragraphe de texte de l'autre?
- 9. Jeditable - mettre en évidence tout le texte après un double clic
- 10. Mettre en surbrillance du texte dans un contrôle Webbrowser .net
- 11. recherche plein texte et mise en évidence par PHP et MySQL?
- 12. Mettre l'accent dans une zone de texte avec un nom de variable en utilisant javascript
- 13. écrire du texte dans le fichier texte et l'enregistrer en utilisant saveDialog
- 14. surligner du texte en html avec javascript jQuery
- 15. Changer la couleur d'une partie du texte en utilisant javascript?
- 16. Mettre du code HTML dans un iframe (en utilisant javascript)
- 17. Comment mettre en évidence les différences entre deux versions d'un texte dans l'application Web .NET?
- 18. Comment mettre en surbrillance seulement le texte sur le vol stationnaire, pas les espaces? (javascript)
- 19. Dans Firefox, comment changer la couleur du texte dans un treecell en utilisant javascript
- 20. recherche plein texte en utilisant sql server 2008
- 21. Mettre en forme et dessiner du texte dans UITableViewCell à partir de Twitterrific pour iPhone
- 22. Ajouter du texte à la zone de texte en utilisant javascript
- 23. Lire et afficher le fichier texte en javascript
- 24. Comment désactiver temporairement la sélection de texte en utilisant JavaScript?
- 25. Comment mettre en évidence le Html.ValidationMessage sur un message AJAX?
- 26. En utilisant le ruban Office dans un traitement de texte
- 27. Comment dessiner du texte en utilisant OpenGL, SDL et C++?
- 28. Comment transformer un texte en texte?
- 29. Mettre le texte en surbrillance dans la boîte aux messages
- 30. Ajoute le texte Javascript