Foros del Web » Programando para Internet » Javascript »

Capturar datos de un div al pasar el raton

Estas en el tema de Capturar datos de un div al pasar el raton en el foro de Javascript en Foros del Web. Hola, soy bastante nuevo en javascript, y la verdad que he estado buscando, y no encuentro la solucion, por eso me he decidido a preguntar. ...
  #1 (permalink)  
Antiguo 16/12/2014, 17:06
Avatar de raid_  
Fecha de Ingreso: diciembre-2010
Mensajes: 132
Antigüedad: 13 años, 3 meses
Puntos: 12
Capturar datos de un div al pasar el raton

Hola, soy bastante nuevo en javascript, y la verdad que he estado buscando, y no encuentro la solucion, por eso me he decidido a preguntar.

Tengo el siguiente problema, tengo varios parrafos, con el mismo id, misma clase, y quiero capturar los datos de uno de ellos cuando ponga el raton encima, para resaltar el texto con la libreria highlight.js.
pongo un ejmplo

Código HTML:
                          
<div class="comentario-texto">   
		<div class="comentario-texto_imagen normaljjj">   
			<img src="img/user-default.png" alt="admin"> 
		</div> 
		<div class="comentario-texto_nombre normaljjj"> admin 
		</div> 
		<div class="comentario-texto_coment normaljjj"> 
		</div> 
		<div id="comentario-texto_highlight" style="display:none "> 
			<textarea id="comentario-texto_highlight1"> [["&lt;span class=\\\"highlighted note-added ajuste-highlight\\\" style=\\\"background-color: rgb(255, 255, 123);\\\"&gt;&lt;/span&gt;\",\"enas elementum fermentum odio, accumsan maximus tellus rutrum in. Praesent cursus, nulla ac cursus elem\",\"5:1:1\",415,103],[\"&lt;span class=\\\"highlighted current-highlight note-added aporte-highlight\\\" style=\\\"background-color: rgb(255, 255, 123);\\\"&gt;&lt;/span&gt;\",\"m. Aliquam d\",\"5:1:3\",58,12]]
			</textarea>  
		</div>  
</div>  
<div class="comentario-texto"> 
		<div class="comentario-texto_imagen normaljjj">   
			<img src="img/user-default.png" alt="admin">  
		</div>  
		<div class="comentario-texto_nombre normaljjj"> admin  
		</div>  
		<div class="comentario-texto_coment normaljjj">   
		</div> 
	    <div id="comentario-texto_highlight" style="display:none "> 
			<textarea id="comentario-texto_highlight1"> [["&lt;span class=\\\"highlighted current-highlight\\\" style=\\\"background-color: rgb(255, 255, 123);\\\"&gt;&lt;/span&gt;\",\"diet. Integer eget nunc cursus, imperdiet massa eu, rutrum ipsum. Etiam mollis libero quis massa hendrerit iaculis. In accumsan sit amet ex ac porta. Maecenas non rutrum justo, ac sollicitudin dolor. Maecenas elementum fermentum odio, accumsan maximus tellus rutrum in. Praesent cursus, nulla ac cursus el\",\"5:1:1\",211,305]] 
			</textarea>  
		</div>  
</div> 
Lo que necesito, es cuando pase el raton por encima de "comentario-texto" me seleccione el contenido del textarea de ese div, y no el de los demas,

Estoy probando con esto

Código PHP:
        $(document).on'mouseenter' ".parrafo-cambios" , function(){
        var 
este = $(".comentario-texto_highlight1");
        
console.log('comentario' +este);
        }); 
y he probado todas las convinaciones que se me han ocurrido, pero sin resultado,

estaria muy agradecido, si alguien pudiera orientarme en donde estoy fallando, o que es lo que podria hacer.

Muchas gracias
  #2 (permalink)  
Antiguo 16/12/2014, 17:12
Avatar de caricatos
Moderador
 
Fecha de Ingreso: abril-2002
Ubicación: Torremolinos (Málaga)
Mensajes: 19.607
Antigüedad: 22 años
Puntos: 1284
Respuesta: Capturar datos de un div al pasar el raton

Hola:

Los atributos "id" no pueden repetirse.
Seleccionar por la clase es posible, pero al tratarse de una colección, debes usar un bucle (un simple for)

Saludos
__________________
Por favor:
No hagan preguntas de temas de foros en mensajes privados... no las respondo

Etiquetas: js, raton
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 16:04.