[jQuery] plugin .live e tooltip contemporaneamente

[maforast]

Salve a tutti, ho un problema quando faccio coesistere il plugin jquery.tooltip del tizio tedesco con il metodo .live di jquery.

Mi spiego, ho contemporaneamente 2 effetti che devono essere gestiti quando di fa un mouse over:
il tooltip

$("map > #tooltip area").tooltip({showURL: false,  
 positionLeft: true });

ed il live

jQuery('#continenti > map > #tooltip area').live('mouseover', function() {
jQuery(".provID").html(" - "+jQuery(this).attr('alt'));
});
jQuery('#continenti > map > #tooltip area').live('mouseout', function() {
	jQuery(".provID").html("");
});

Se inseriso il tooltip il live non funge piu mentre se lo levo va benissimo.
come posso far coesistere i due eventi? credo che il problema sia legato al fatto che entrambi vogliano accedere all'evento mouseover.

tnx

[Vindav]

il plugin permette di gestire il callback? se si potresti inserire questa riga di codice:

jQuery(".provID").html(" - "+jQuery(this).attr('alt'));

nella funzione di callback

[maforast]

Originariamente inviato da Vindav
il plugin permette di gestire il callback? se si potresti inserire questa riga di codice:

jQuery(".provID").html(" - "+jQuery(this).attr('alt'));

nella funzione di callback

grazie 1000 per la risposta, il plugin è questo

http://bassistance.de/jquery-plugins...lugin-tooltip/

non vedo, nella demo, che utilizzi funzioni di callback

ops
scusa forse è questa

bodyHandler: function() {
return $($(this).attr("href")).html();
},

[maforast]

Originariamente inviato da Vindav
il plugin permette di gestire il callback? se si potresti inserire questa riga di codice:

jQuery(".provID").html(" - "+jQuery(this).attr('alt'));

nella funzione di callback

niente non va...

ho provato cosi

jQuery("map > #tooltip area").tooltip({ bodyHandler: function(){
return jQuery(".provID").html(" - "+jQuery('#continenti > map > #tooltip area').attr('alt'));
}, 
showURL: false,  positionLeft: true 
					 });

e anche così

jQuery("map > #tooltip area").tooltip({
					 bodyHandler: function(){
					 				jQuery('#continenti > map > #tooltip area').live('mouseover', function() {
									jQuery(".provID").html(" - "+jQuery(this).attr('alt'));
									});	
									jQuery('#continenti > map > #tooltip area').live('mouseout', function() {
									jQuery(".provID").html("");
									});
									}, 
					 showURL: false, 
					 positionLeft: true 
					 });

ma niente ...

[Vindav]

da quanto ho capito la funzione di callback bodyHandler serve esclusivamente per generare e customizzare dinamicamente il contenuto del tooltip... cercando in giro sembra cmq che non crei nessun conflitto con altre funzioni associate al medesimo evento... quindi sembra un problema solo della tua pagina, è possibile che ci sia qualcos'altro che generi questo errore

[maforast]

Originariamente inviato da Vindav
da quanto ho capito la funzione di callback bodyHandler serve esclusivamente per generare e customizzare dinamicamente il contenuto del tooltip... cercando in giro sembra cmq che non crei nessun conflitto con altre funzioni associate al medesimo evento... quindi sembra un problema solo della tua pagina, è possibile che ci sia qualcos'altro che generi questo errore

QUindi possono coesistere 2 eventi onmouseover contemporaneamente?

ti spiego

quando passo il mouse su una mappa, entra in azione il tooltip col codice di kiamata che hai visto, contemporaneamente ci sono le due chiamate .live che mi vanno a scrivere il contenuto dell'attributo alt in un div. se metto il tooltip il contenuto risulta vuoto, se lo commento risulta pieno.

QUindi per questo penso ci sia un conflitto. ti posso mandare il codice?

[Vindav]

esatto possono coesistere, prova questo codice:

<script src="http://code.jquery.com/jquery-1.6.4.min.js" type="text/javascript"></script>
<script src="http://jquery.bassistance.de/tooltip/jquery.tooltip.js" type="text/javascript"></script>

<script>
$(function(){
	$('input').tooltip();
	
	$('input').live("mouseover",function(){
		$(this).val("ciao");
	});
	$('input').live("mouseout",function(){
		$(this).val("");
	});
});
</script>
<body>
 <input type="text" title="tooltip"></input>
 </body>

Vedrai che si attiveranno entrambi gli eventi