Seleccionar texto y comparar

ivankmx · #1 (**permalink**) 14/06/2012, 03:34

Hola!

Estoy intentando hacer lo siguiente:

Tengo un array en javascript con datos que obtengo de una tabla de mi respectiva base de datos.

A continuación tengo un texto en un textarea (lo ideal sería tenerlo fuera del textarea, pero si saco el texto del textarea no me funciona).

Quiero que al seleccionar alguna parte de texto, aparezca un alert que me indique si esa palabra ó palabras existen o no en el array. Pero no lo consigo.

Os pego el código.

Aquí cargo los datos de la BD en un array en php.

Código PHP:

  include("./funciones/conexion.php"); 
conexion(); 
 
$sql=mysql_query("SELECT Nombre FROM islas ORDER BY islas DESC");  
$i=mysql_num_rows($sql); 
$c=1; 
 
while($islas=mysql_fetch_array($sql)) 
{  
    $lista.="\"".$islas['Nombre']."\"";  
     
    if($c<$i) 
    { 
        $lista.=","; 
    } 
         
    $c++; 
}     
 
?>

A continuación, la función que lee los caracteres seleccionados, además declaro el array en Javascript con los datos del array en PHP.

Código:

<script type="text/javascript">

$(document).ready(function(){

        $("#texto").select(function(){          
                var origen = document.getSelection();
		$("#resultado").html("" + origen);
		
		var lista = new Array(<?php echo $lista;?>);
		
				
        });     
});   


</script>

El BODY del HTML:

Código HTML:

<form id="miformu">
        <label for="texto">Selecciona parte del texto:</label><br/>
        <textarea id="texto" rows="40" cols="100">AQUÍ IRÍA EL TEXTO EN EL CUAL BUSCARÍA LAS PALABRAS</textarea>  
</form>

Esta parte del código lo tengo habilitado simplemente para comprobar que parte del texto estoy seleccionado:

Código HTML:

<span id="resultado"></span>

Antes de nada decir que de Javascript se poco, muy poco.

He intentado lo siguiente:

Código:

var lista = new Array(<?php echo $lista;?>);
			
for(i=0;i<lista.length;i++)
{

if(lista.toUpperCase()==origen.toUpperCase())
alert("EXISTE")

}

Pero no consigo nada, no sé si lo que quiero hacer se puede hacer de esta manera.

Un saludo y gracias.

IsaBelM · #2 (**permalink**) 14/06/2012, 05:54

estás comparando un string con una palabra. usa indexOf()

ivankmx · #3 (**permalink**) 14/06/2012, 10:39

He usado indexOf() de la siguiente forma:

Código:

for(i=0; i<lista.length;i++)
{	

t = lista[i].indexOf(origen)
				
if(t == '0')
      $("#mostrar").html("Existe - " + origen + " - " + lista[i]);
else
      $("#mostrar").html("No Existe - " + origen + " - " + lista[i]);

			
}

El problema que tengo es que lista[i] no avanza, es decir, compara el valor de origen con el ultimo valor del array, sin recorrer los demás valores.

emprear · #4 (**permalink**) 14/06/2012, 12:31

getSelection() no se comporta igual en todos los navegadores, tendrías que hacerlo así

Código HTML:

Ver original<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>selección de texto</title>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script type="text/javascript">
textoSeleccionado = function(){
var t = '';
if(window.getSelection){
t = window.getSelection();
}else if(document.getSelection){
t = document.getSelection();
}else if(document.selection){
t = document.selection.createRange().text;
}
return t;
}
            
mouseup = function(){
var tsel = textoSeleccionado();
if(tsel!=''){
alert("Texto Seleccionado:\n"+tsel);
 
/// Buscar coincidencia
var items = new Array("ingredere", "constanter", "civitas");
for (var i = 0; i < items.length; i++) {
  var item = items[i];
 // alert(item);
var coincidencia = new RegExp(item,"i"); 
var existe= coincidencia.test(tsel); 
if(existe == true){
alert(items[i] + ' está en el texto seleccionado');
}
  
}
 
 
}
}
        
$(document).ready(function(){
$(document).bind("mouseup",mouseup);
});
                        
</script>
</head>
<body>
<p>
Lorem ipsum dolor sit amet, re ingredere tempore percussus ait. Scola veniamus est amet amet constanter approximavit te.
Maria non ait regem Boreas ingreditur ipse a civitas ex sic ut sua etiam quantitas non coepit.
</p>
</body>
</html>

Lo que está medio confuso es tu enunciado

Cita:

Quiero que al seleccionar alguna parte de texto, aparezca un alert que me indique si esa palabra ó palabras existen o no en el array.

yo lo interpreto, si alguna o algunas palabras de la lista está en el texto seleccionado, te mande un alert

Saludos

IsaBelM · #5 (**permalink**) 14/06/2012, 13:03

vamos, que sólo se trataba de leer un poco

Cita:

if(origen.indexOf(lista[i]) == -1)
$("#mostrar").html("No Existe - " + origen + " - " + lista[i]);
else
$("#mostrar").html("Existe - " + origen + " - " + lista[i]);

Cita:

Iniciado por ivankmx

El problema que tengo es que lista[i] no avanza, es decir, compara el valor de origen con el ultimo valor del array, sin recorrer los demás valores.

es que no estás concatenando, supongo. de jquery estoy pez

ivankmx · #6 (**permalink**) 15/06/2012, 11:19

Gracias a todos por las respuestas, al final lo he conseguido haciendo lo siguiente:

Código:

<script type="text/javascript">

$(document).ready(function(){

        $("#texto").select(function(){          
                origen = new String;
		origen = document.getSelection();
			
				
			var lista = new Array(<?php echo $lista;?>);
			
			for(var i=0; i<lista.length;i++)
			{	
				
				concepto = lista[i].toLowerCase();
								
				if(origen==concepto)
					{
						$("#mostrar").html("Existe - " + origen + " - " + lista[i]);
						i = 100000;
					}
				else
						$("#mostrar").html("No Existe - " + origen + " - " + lista[i]);
			
					
			

	
			}
			
			
					
        });     
});     


</script>

Un pequeño problema que tengo ahora es que no puedo transformar origen a minúsculas (para que así al comparar funcione correctamente).

Si hago:

origen = origen.toLowerCase();

Deja de funcionar, supongo que será por incompatibilidad de la función toLowerCase() con el tipo de variable declarada... me extraña porque es un string.

¿Sugerencias?

IsaBelM · #7 (**permalink**) 16/06/2012, 05:42

qué se supone que has conseguido??

si ls sub-cadena seleccionada es "hola mundo" y los elementos de la matriz son "hola, mundo", al compararlo con el operador (==) retornará false. puesto que está comparando

Cita:

hola mundo == hola // false
hola mundo == mundo // false

por lo que has de usar indexOf()

el objeto String acepta el método toLowerCase(), el problema es como estás usando el objeto

Cita:

origen = new String(document.getSelection());
origenmin = origen.toLowerCase()

aunque no creo que haga falta nada de esto porque supongo que getSelection() retorna un string

Cita:

i = 100000;

sustituye eso por break;

ivankmx · #8 (**permalink**) 25/06/2012, 02:25

Cita:

Iniciado por IsaBelM

qué se supone que has conseguido??

Pues lo que he conseguido es que me compare el texto seleccionado con mi lista de elementos del array, si por ejemplo en el texto seleccionas "Menorca" devuelve existe. No me ha hecho falta usar el indexOf para buscar el texto seleccionado en el array de elementos.

Cita:

Iniciado por IsaBelM

el objeto String acepta el método toLowerCase(), el problema es como estás usando el objeto

Perfecto, ya lo tengo solucionado.

Cita:

Iniciado por IsaBelM

sustituye eso por break;

Hecho.

IsaBelM · #9 (**permalink**) 25/06/2012, 05:39

quizás no me expresé bien.

pongamos por caso que tu array es "blanco, rojo, azul, negro" y tu cadena es "tengo un coche rojo, pero me gusta montar en mi moto azul en verano"

ahora, el usuario selecciona el substring "moto azul", esta comparación

Cita:

if(origen==concepto)

retorna false

si quieres que retorne true, has de usar indexOf()