Soy nuevo con javaScript y jQuery y necesito un poco de ayuda.
He creado un tooltip con el plugin de bassistance. Mi intención es mostrar definiciones en el tooltip procedentes de un documento xml.
Mi problema es que no consigo recorrer adecuadamente el archivo xml o actualizarlo cada vez que entro en un enlace que contiene un tooltip.
La primera vez que paso el cursor por los enlaces no ocurre nada, la segunda vez si se puede vez el tooltip con la información. Si cambio de enlace la información no se actualiza y muestra la anterior llamada.
Firebub de Firefox me devuelve un error: "nom is not defined" y no se muy bien que produce este error ya que esa variable esta definida.
No se si me explico bien. Para verlo en acción podéis ver en la demo: http://in.hostei.com/bass/index.html
El código jQuery que estoy usando es:
Código Javascript :
$('div.cont span').tooltip({
track: true,
delay: 0,
showURL: false,
fixPNG: true,
top: 0,
left: 15,
fade: 250,
bodyHandler: function() {
$(this).css('cursor', 'help');
concept = $(this).attr('id');
$.get("data.xml", function (xml) {
$(xml).find('ter').each(function() {
ref = $(this).attr('ref');
if (ref == concept) {
nom = $(this).find('nom').text();
d1 = $(this).find('d1').text();
d2 = $(this).find('d2').text();
imagen = $(this).find('imagen').text();
}
}); //each
}); //get
return $('<h3>' + nom + '</h3><img src="' + imagen +'"/><p>' + d1 + '</p><p>' + d2 + '</p>');
}, //bodyHandler
}); //tooltipY el código xml…
Código XML :
<ters> <ter ref="mancha" letra="a"> <nom>La Mancha</nom> <d1>La Mancha es una región natural del centro de.......</d1> <d2></d2> <imagen>im/lamancha.png</imagen> </ter> <ter ref="hidalgo"> <nom>Hidalgo:</nom> <d1>El concepto de hidalgo proviene de España yes .......</d1> <d2></d2> <imagen>im/hidalgo.png</imagen> </ter> ........... </ters>
Les agradezco cualquier sugerencia.
Un saludo.
