Jquery load after click event

[Santo83]

Buenas a todos, me presento soy nuevo por aquí, llevo muy poco trabajando con jquery, si que lo había hecho con html y css. Pero estoy atascado y necesito ayuda.

He creado un evento que me añade un atributo title a un html, ya que todo lo que tengo que hacer de manera externa, la plataforma esta complemente cerrada y solo puedo añadir jquery y poco más. He hecho lo siguiente

<script>
$(document).ready(function() {

$('.class_1').hover(
function () {
$(this).attr("title", "Texto------");
},
function () {
$(this).attr("title", "Texto------2");
}
);

});

</script>

Has aquí correcto, me carga el title y puedo visualizarlo, el problema es que existen unas tabs y que cuando se hace clic en una de ellas se pierde el "title" que he creado en ready.

Las tablas son como la de la siguiente página:
[URL="http://encore.fama.us.es/iii/encore/search/C__S__Orightresult__U;jsessionid=914B18C7D2EA5246D B1B79C3EB9D6CFC?lang=spi"]http://encore.fama.us.es/iii/encore/search/C__S__Orightresult__U;jsessionid=914B18C7D2EA5246D B1B79C3EB9D6CFC?lang=spi[/URL]

Habría alguna manera de que recargara el contenido una vez que se hace clic en una de las tablas...he probado con hover y click... pero en cuanto hago clic desaparece y no recarga.

Gracias por adelantado por vuestro tiempo y disculpar las molestias.

[Alexis88]

Habría que ver qué instrucciones se ejecutan cuando clickeas las tabs, así se podría controlar el cambio del title o ver otra forma más eficiente de solucionar el problema. Recuerda que al ser código JavaScript, es posible verlo en el código fuente, solo tienes que buscar las instrucciones para este caso.

Saludos

[Santo83]

Muchas gracias Alexis88, he encontrado el javascript que hace que se borre el title y es el siguiente:

http://encore.fama.us.es/iii/encore/resources/js/tapestry/tapestry.js

El problema es que refresca esa clase y desaparece lo que he cargado en el document.ready.

No se si habría alguna manera de cargarlo cada vez que se haga clic en la web en lugar de utilizar el document.ready que he utilizado.

Siento si no encuentro quizás otra solución más racional, pero mis conocimientos vienen de una semana dándole vueltas y sin conocimientos previos de programación.

Gracias por vuestra atención.

[Alexis88]

Lo que podrías hacer es tener esas instrucciones que hiciste para cambiar el title y colocarlas en una función, luego, cuando des un clic sobre cualquier tab, al final, ejecutas la función, cosa que así queda el title como estaba.

Saludos

[Santo83]

Se como crear una función, pero no estoy seguro como debería hacer el handler, para que lanzara esa función después.

Siento mi ignorancia, pero no soy programador y me cuesta mucho.

Un saludo y gracias

[Alexis88]

Me refería a que hagas algo así:

Código Javascript:

//Cuando el cursor está sobre el elemento
function sobre(){
    $('.class_1').attr("title", "Texto------");
}
 
//Cuando el cursor es retirado del elemento
function fuera(){
    $('.class_1').attr("title", "Texto------2");
}
 
//El método hover
$('.class_1').hover(sobre, fuera);
 
//Aquí ejecutas el método Ajax
 
//Aquí vuelves a ejecutar la función
sobre();
 

De esta manera, te aseguras de que el título quede como estaba. No sé exactamente cuál de ambas funciones es la que debes de repetir, pero la idea es la misma.

Saludos

[Santo83]

Buenos días, hoy voy a ponerme con ello ya te contare si he podido solucionar el problema, muchas gracias.

[Santo83]

Alexis88 sino utilizo ajax, ya que no tengo servidor en el que ejecutarlo, ¿Podría seguir utilizando el método que me has comentado?

[Alexis88]

Claro, porque si te fijas, es prácticamente lo mismo que hiciste al inicio, solo que desacoplé las funciones que se ejecutan con el método hover para poder usarlas de manera independiente.

Saludos

[Santo83]

Muchas gracias Alex88 ya lo tengo funcionando, que se me había olvidado agradecertelo !!

[GeekGirl]

Acordate de marcarlo como solucionado así no perdemos tiempo leyendo y releyendo para ver cómo ayudarte ;)

Saludos