Foros del Web » Programando para Internet » Jquery »

SOLUCIONADO: jQuery: pintar "palabras" en parrafo

Estas en el tema de SOLUCIONADO: jQuery: pintar "palabras" en parrafo en el foro de Jquery en Foros del Web. pues, tengo una pregunta, imaginen que tengo el siguiente parrafo Código HTML: Internet es un conjunto descentralizado de redes de comunicación interconectadas, que utilizan la ...
  #1 (permalink)  
Antiguo 15/05/2009, 11:04
Avatar de hector2c  
Fecha de Ingreso: noviembre-2007
Ubicación: Perú - Tacna
Mensajes: 979
Antigüedad: 16 años, 5 meses
Puntos: 25
Pregunta SOLUCIONADO: jQuery: pintar "palabras" en parrafo

pues, tengo una pregunta, imaginen que tengo el siguiente parrafo

Código HTML:
Internet es un conjunto descentralizado de redes de 
comunicación interconectadas, que utilizan la familia de 
protocolos TCP/IP, garantizando que las redes físicas 
heterogéneas que la componen funcionen como una red 
lógica única, de alcance mundial. Sus orígenes se remontan 
a 1969, cuando se estableció la primera conexión de 
computadoras, conocida como ARPANET, entre tres universidades 
en California y una en Utah, Estados Unidos.
deseo pintar toodas las palabras que sean "es"... es como un buscador, al termina de buscar, que pinte las palabras que se usaron de criterio, alguien paso alguna vez por esta duda???
__________________
blog: hector2c.wordpress.com
email: [email protected]

Última edición por hector2c; 15/05/2009 a las 11:32
  #2 (permalink)  
Antiguo 15/05/2009, 11:31
Avatar de hector2c  
Fecha de Ingreso: noviembre-2007
Ubicación: Perú - Tacna
Mensajes: 979
Antigüedad: 16 años, 5 meses
Puntos: 25
Pregunta Respuesta: jQuery: pintar "palabras" en parrafo

pos pos pos, ya esta!!!

javascript:
Código HTML:
$(document).ready(function(){
	var newText = $("p").text().split(" ").join("</span> <span>");
	newText = "<span>" + newText + "</span>";
	$("p").html(newText);
	$("input:button").click(function(){
		$("p").find(":contains('" + $("input:text").val() + "')").addClass("pinta");
	});
});
estilo:
Código HTML:
.pinta{
	color: #F00;
}
html:
Código HTML:
<input type="text" /><input type="button" value="Buscar" />
<p>Internet es un conjunto descentralizado de redes de comunicación interconectadas, que utilizan la familia de protocolos TCP/IP, garantizando que las redes físicas heterogéneas que la componen funcionen como una red lógica única, de alcance mundial. Sus orígenes se remontan a 1969, cuando se estableció la primera conexión de computadoras, conocida como ARPANET, entre tres universidades en California y una en Utah, Estados Unidos.</p> 
gracias!!!
__________________
blog: hector2c.wordpress.com
email: [email protected]
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 18:17.