Fóruns sobre PHP, JavaScript, HTML, MySQLi, jQuery, Banco de Dados, CSS


Moderador: web

 
Avatar do usuário
ADMIN
ADMIN
Tópico Autor
Mensagens: 17735
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Busca no documento com window.find

03-10-2007 11:50

O window.find permite buscar no documento determinado texto e selecioná-lo. Mais ou menos como o uso do Ctrl + f.

Obs.:
- Funciona somente no FireFox
- Uma versão para Internet Explorer pode ser encontrada no link abaixo
http://www.codigosnaweb.com/textos/procura.html
- Para uma versão da busca com POPUP acesse
http://www.codigosnaweb.com/janelas/popnova.html
* O código-fonte da popup para o script do link acima segue abaixo:

<script language="javascript"> function popup(url) { window.opener.location=url } var NS4 = (document.layers); var IE4 = (document.all); var win = this; var n   = 0; function findInPage(str) { var txt, i, found; if (str == "") return false; if (NS4) { if (!win.find(str)) while(win.find(str, false, true)) n++; else n++; if (n == 0) alert(str + " não está nesta página."); } if (IE4) { txt = win.opener.document.body.createTextRange(); for (i = 0; i <= n && (found = txt.findText(str)) != false; i++) { txt.moveStart("character", 1); txt.moveEnd("textedit"); } if (found) { txt.moveStart("character", -1); txt.findText(str); txt.select(); txt.scrollIntoView(); n++; } else { if (n > 0) { n = 0; findInPage(str); } else alert(str + " não foi encontrado nesta página."); } } return false; } </script> <form name=search onSubmit="return findInPage(this.string.value);"> <font style="font-family:verdana,arial; font-size:8pt; color:#1c1c1c;">teste digitando... javascript<br> <center><input type=text value="" name=string  onChange="n = 0;" size=0 maxlength=50 style="background-color:#f8f8f8; font-size:11px;font-family: verdana,helvetica;" type="text" id="q" size="18"><br><center><input type="submit" border="0" name="BFind" value="&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;procurar&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;" style="font-family:verdana,arial; font-size:8pt; color:#f8f8ff; background-color:#66a6e5; border:black; border-style:groove; border-top-width:0px; border-bottom-width:0px; border-right-width:0px; border-left-width:0px"><br><center><INPUT type="button" value="fechar X" onClick = "self.close()" style="font-family:verdana,arial; font-size:8pt; color:#1c1c1c; background-color:#f8f8f8; border:#d5d5d5; border-style:groove; border-top-width:1px; border-bottom-width:1px; border-right-width:1px; border-left-width:1px"> </form>

veja o exemplo abaixo, vamos buscar a palavra texto no documento

<script type="text/javascript"> function busca() { if(window.find('texto')) { return true; } else { alert("nada encontrado"); } } </script>


<input type="button" value="clique" onclick="busca()"> texto aqui

0
A melhor hospedagem para o seu site HostGator!
 
Avatar do usuário
ADMIN
ADMIN
Tópico Autor
Mensagens: 17735
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Busca no documento com window.find

31-03-2015 17:56

Em alternativa ao script acima pode se usar um plugin jquery chamado hightlight http://bartaz.github.io/sandbox.js/jque ... light.html
Esse script abaixo serve para destacar determinada palavra no documento.

Segue um exemplo

<script src="//code.jquery.com/jquery-1.11.2.min.js"></script> <script src="http://github.com/bartaz/sandbox.js/raw/master/jquery.highlight.js"></script> <script> $(document).ready(function() { $("div").highlight("texto"); }); </script>


<style> .highlight { background-color: #FFFF88; } </style>


<div>meu texto</div>

0
A melhor hospedagem para o seu site HostGator!

Quem está online

Usuários navegando neste fórum: Nenhum usuário registrado