** Buscar y Seleccionar palabra dentro de un texto

[ghidalgoram]

Hola foreros.

Deseo Buscar y Seleccionar palabra dentro de un texto.
Como puedo seleccionar una palabra ó palabras dentro de un texto que está contenido en el campo de un formulario. ?

En mi caso el texto esta contenido dentro de un campo tipo "textarea".

Por ejemplo, si tengo el siguiente texto:

"Visite Costa Rica con playas hermosas "

Yo quiero que el programa me busque la palabra playas dentro del texto y la marque ó señale (como hace el Microsoft Word, cuando se marca las palabras que tienen mal ortografía).
Como les decía arriba, el texto está contenido dentro de un campo de un formulario como un text_box ó textarea.

Se que es sencillo, solo que no sé como hacerlo con javascript.

Saludos

Gracias

[America|UNK]

Si, debe ser sencillo, pero lo que no cuadra es poner color o estilo a un texto dentro de un textarea, la mejor forma sería comvertir el textarea en un div y así puedes seleccionar palabras con la función match()

[ghidalgoram]

Bueno,,, lo voy a poner mas sencillo. No necesariamente debe estar subrayado y en negrita.

Lo que si deseo es que la palabra buscada se resalte de alguna manera. Puede ser como en Safari, FireFox que cuando digitas dentro de un TextBox o campo de formulario, si alguna palabra está mal escrita, la palabra o conjuto de letras se "marcan" con puntos rojos (como me está pasando en este momento, al escribir este Post, con algunas palabras. Estoy usando Firefox).

Debe existir alguna manera de crearlo.

En el programa que estoy haciendo, estoy utilizando PHP, pero hay una sección que debo utilizar Javascript. En PHP lo que hago es reemplazar la palabra "playa" y la sustituía por algo así:

Código PHP:

  <strong class=txt_word_resaltar>playa</strong> 
   

Usando la función

Código PHP:

  str_replace(); 
   

Utilizo una clase llamada "txt_word_resaltar" en donde le doy un fondo amarillo y letras de color negro (como en las búsquedas de Google )

Pero la parte que debo hacerla con Javascript, también necesito marcar la palabra, pero no sé que se debo utilizar.

Saludos America|UNK

Saludos a todos.

Alguna sugerencia ?

[America|UNK]

Si, también tengo firefox y la corrección de palabras, pero si quieres marcar en un texto html es posible, pero en un textarea no.

Código javascript:

<script>
function highlight(){
var obj =  document.getElementById("text"),
texto = "playas", str = obj.innerHTML; 
obj.innerHTML = str.replace(new RegExp("("+texto+")","gi"),'<strong class="txt_word_resaltar">$1</strong>');
}
</script>
// html
<div id="text" onclick="highlight()">
Visite Costa Rica con playas hermosas
</div>
 

[ghidalgoram]

Hola
Aqui de nuevo.

Gracias por el código. Lo guardaré para futuras programaciones, sin embargo sigo creyendo que debe existir algo como lo que mencionaba al principio de este Post.

Voy a tratar de adaptar tu código, pero el asunto es que debo utilizar un campo de un formulario, ya que éstos datos deben ser guardados en una base de datos.

En caso que logre encontrar algo similar, lo compartiré con esta excelente comunidad.

Saludos amigo
Saludos a todos