Página HTML, búsqueda de palabras en un texto

novato123456 · #1 (**permalink**) 06/07/2015, 14:50

Hola.

Tengo un texto en txt o html, en ambas, cualquier opción me vale.
Y quiero buscar unas palabras concretas de ese mismo texto. ¿Cómo leo el texto entero y le digo que me muestre solamente las palabras VARIABLES que yo le diga? O que me redireccione a otra página donde se han extraido esas variables y se muestran solamente esas.

Gracias.
Saludos.

novato123456 · #2 (**permalink**) 06/07/2015, 16:36

Para mostrar los datos o la información en sí, he metido la página html o el fichero txt en un <object>.......</object>

horusorion · #3 (**permalink**) 07/07/2015, 03:51

Hola, para eso creo que necesitas de programacion dinamica como php o javascript.

novato123456 · #4 (**permalink**) 07/07/2015, 09:04

Si. Eso es lo que necesito. ¿Pero que función exacta de javascript es la que necesito??
Gracias

PHPeros · #5 (**permalink**) 07/07/2015, 09:41

Te puedes facilitar bastante el trabajo haciendo uso de expresiones regulares.

novato123456 · #6 (**permalink**) 07/07/2015, 11:21

Y una vez que he conseguido acceder al contenido (que no me sale... jajaj), ¿Cómo accedo a las variables concretas de mi texto?

PHPeros · #7 (**permalink**) 07/07/2015, 11:24

¿Qué variables concretas de tu texto? Pon un ejemplo.

novato123456 · #8 (**permalink**) 07/07/2015, 11:30

Por ejemplo:

Me llamo Luis y tengo 29 años y vivo en Valencia y me gusta el deporte.
Hola, me llamo Ana y tengo 30 años y vivo en Valencia.
Me llamo Carlos y tengo 40 años y vivo en Madrid.

Yo tengo un texto mucho más grande y con mas palabras, y lo tengo en un fichero txt. Con funciones de javascript quiero mostrar en una página html solamente los datos que cambian, como en ese ejemplo. En una página html saldrían los datos:

Luis 29 Valencia
Ana 30 Valencia
etc etc

novato123456 · #9 (**permalink**) 07/07/2015, 11:32

He probado con PHP pero no me ha funcionado... Prefiero hacerlo con javascript para poder mostrarlo en una página html

monicapo · #10 (**permalink**) 07/07/2015, 13:39

¿Esto te puede servir? Habría que completarlo con la ciudad.

Código:

<html>
<head>
	<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
	<script>
		$(document).ready(function(){
			$("#miTexto .frase").each(function (index) { 
				frase = $(this).text();
				posicion1 = frase.indexOf("llamo");
				posicion2 = frase.indexOf("y tengo");
				posicion3 = frase.indexOf("años");
				alert((frase.substring((posicion1+5),posicion2))+', '+(frase.substring((posicion2+8),posicion3)));
			}) 
		});
	</script>
</head>
<body>

<div id='miTexto'>
	<div class='frase'>Me llamo Luis y tengo 29 años y vivo en Valencia y me gusta el deporte.</div>
	<div class='frase'>Hola, me llamo Ana y tengo 30 años y vivo en Valencia.</div>
	<div class='frase'>Me llamo Carlos y tengo 40 años y vivo en Madrid.</div>
</div>

</body>
</html>

PHPeros · #11 (**permalink**) 07/07/2015, 13:40

Te sería más fácil con PHP o cualquier lenguaje del servidor que con JavaScript.

Y es preferible usar RegExp, por cierto.

monicapo · #12 (**permalink**) 07/07/2015, 13:43

Si usas un .txt local solo lo puedes tratar con HTML5. Si quieres usar PHP o jQuery debes tenerlo en un servidor externo.

novato123456 · #13 (**permalink**) 07/07/2015, 14:47

Uso un fichero de texto local.

El problema lo tengo en como meter el fichero, porque solo me sale en pantalla cuando pongo el <object>, ahora es un div

<object type="text/html" data="hola.txt" width="1000" height="10000" id="id"></object>

novato123456 · #14 (**permalink**) 07/07/2015, 14:53

Si no me equivoco has contado la posición de cierta palabra que se encuentra antes y después, y has sacado la variable. No?

monicapo · #15 (**permalink**) 07/07/2015, 16:22

He buscado la posición de la primera letra de la palabra y le he sumado las letras de la misma palabra, para que me coja lo siguiente, y que me coja hasta la posicion de la primera letra de la siguiente palabra.

indexOf de 'llamo' me devuelve la posición de la primera 'l' y le sumo las letras de 'llamo' que son 5 (4 desde la primera 'l' mas un espacio en blanco). Y luego lo mismo con las otras posiciones clave.

Es un codigo un poco de andar por casa, y se puede afinar mucho, pero como solucion vale sin problemas.

Para cargar archivos txt locales con HTML tienes que usar FileReader. Que al final puedes guardar el contenido en una variable y hacer lo mismo.

novato123456 · #16 (**permalink**) 07/07/2015, 17:29

Vale. Entiendo. Pero aún así no me sale.
Mi código es este: (donde pone select-output es lo que debo sacar, lo siguiente a eso)

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" lang="es-es">
<title>Leer archivo de texto</title>

<script>

function processFiles(files) {
var file = files[0];

var reader = new FileReader();

reader.onload = function (e) {
// Cuando éste evento se dispara, los datos están ya disponibles.
// Se trata de copiarlos a una área <div> en la página.
var output = document.getElementById("fileOutput");
output.textContent = e.target.result;};
reader.readAsText(file);
}

</script>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script>
$(document).ready(function(){
$("#fileInput .frase").each(function (index) {
frase = $(this).text();
posicion1 = frase.indexOf("select-output");
alert((frase.substring((posicion1+5));
})
});
</script>

</head>

<body>
<input id="fileInput" type="file" size="50" onchange="processFiles(this.files)">
<div id="fileOutput"></div>
</body>
</html>

monicapo · #17 (**permalink**) 08/07/2015, 02:57

Código:

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script>
    $(document).ready(function(){
		$('#btnVariables').css('display','none');
			$('#mifichero').change(function(){
				verTexto();
			});
			
			$('#btnVariables').click(function(){
				texto = $('#texto').text();
				arrayTexto = texto.split(' ');
				nombres = [];
				edades = [];
				ciudades = [];
				for (palabra in arrayTexto) {
					if(!isNaN(parseInt(arrayTexto[palabra]))) {
						edades.push(arrayTexto[palabra]);
					}
				}
			}
			alert('Edades: '+edades);
		});
    });
		
	function verTexto() {
		var file = document.querySelector('input[type=file]').files[0];
		var reader  = new FileReader();

		reader.onload = function () {
			$('#texto').html(reader.result);
			$('#btnVariables').css('display','block');
		}
		reader.readAsBinaryString(file);
	}
		
</script>
</head>

<body>
        <div>
			<input type='file' id='mifichero'>
			<div id='texto'></div>
			<input type='button' id='btnVariables' value='SACAR VARIABLES' />			
        </div>
</body>

</html>

Este ejemplo es un poco mas completo.
Selecciono el archivo de texto del disco duro y lo descompongo en un array de palabras. Teniendo las palabras por separado puedo jugar con ellas para sacar los valores que quiera.

Por ejemplo, las edades es fácil porque solo hay que detectar las palabras que son números.

Para las ciudades y nombres, yo que se, se puede hacer una funcion que detecte si la primera letra de la palabra es mayuscula. O indicar palabras clave como "llamo", y que la siguiente se añada al array de nombres, etc. Eso ya como veas.

novato123456 · #18 (**permalink**) 08/07/2015, 04:41

Entiendo el código, pero meto un archivo txt igual que la cadena que os dije y sigue sin salirme. Y yo ya no se que hacer :( :(

Muchísimas gracias por vuestra ayuda.

novato123456 · #19 (**permalink**) 08/07/2015, 04:46

Lo que no me sale es que, al pulsar el botón sacar variables, no sale nada.

PHPeros · #20 (**permalink**) 08/07/2015, 05:02

Insisto en que la forma más productiva de hacerlo sería mediante capturas (RegExp):

Te dejo un ejemplo online de cómo sería.

Con el modificador m indicas que la búsqueda es multilínea y por lo tanto no tienes que estar haciendo split("\n") ni cosas raras

Si lo quieres implementar en JS, puedes hacerlo con exec().

novato123456 · #21 (**permalink**) 08/07/2015, 05:09

Muchas gracias por tu ejemplo.

Intentaré ponerlo con expresiones regulares también, el problema está en la lectura del archivo si se usa ese tipo de expresiones. Se necesita leer.

En cuanto al error del código html, hay un error en una de las llaves de antes del alert. Sin embargo, si se quita alguna, el botón de seleccionar palabras desaparece...