tooltip

[stardom]

Scusate, ma sono alle prime armi con Java.

Se questa è la function:

$('a.clickTip').aToolTip({
clickIt: true,
tipContent: 'CONTENUTO'
});

e questo è il link

[*]visita la nostra showroom[*]invia fax/email[*]contatta un nostro agente[*]scopri il negozio online

Come faccio ad assegnare un diverso CONTENUTO ad ogni link?
Verificare il funzionamento su: http://www.nelpaesedelvino.com/tooltip/demos.html#

[Xinod]

il contenuto del tooltip di default dovrebbe essere il title del link
a meno che non specifichi questo tipConten

[stardom]

non era questo che intendevo... ho scritto CONTENT per questioni di privacy, e so che è il contenuto del tooltip.
Il mio problema è che va bene per un solo link, ma se ne creo 4 diversi (come nella pagina d'esempio) vorrei quattro diversi CONTENUTI. Come modifico il codicillo Java?

[Xinod]

rileggi la risposta:
4 link con 4 title diversi e avrai 4 tooltip con contenuti diversi

[stardom]

ok, per quanto possa sembrare assurdo, ma aggiungere il title="contenuto" sembra funzionare.
Però c'è un problema: il tooltip si poteva chiudere cliccando sulla X, ma anche cliccando su un altro link, così il primo scompariva. Con questa modifica del title, invece, il primo scompare, ma sul secondo link si viene a sovrapporre il precedente tooltip... se alla fine clicco 4 link di seguito, si avranno 4 contenuti uno sull'altro.

Prova anche tu.

[Xinod]

ma a te sembrera' assurdo, e' abbastanza normale aspettarsi che uno script per tooltip funzioni cosi'

per l' altro problema, se prevedi che tutti i tooltip partano al click
modifica la versione non minified dello script
dopo
obj.click(function(el){
aggiungi
$('.' + settings.toolTipClass).remove()

[stardom]

Grazie per la pazienza nell'aiutarmi, ma non saprei come integrare il codice che mi indichi (a dir la verità non lo capisco nemmeno ).

Se lo script originale è

$('a.clickTip').aToolTip({
clickIt: true,
tipContent: 'CONTENUTO'
});

per non saper nè leggere nè scrivere, credo che ci voglia una variabile tipo "if click link 1 show tooltip 1, if click link 2 show tooltip 2, etc". Dirò una idiozia, ma non so ragionare in Java.

[stardom]

Originariamente inviato da stardom
Grazie per la pazienza nell'aiutarmi, ma non saprei come integrare il codice che mi indichi (a dir la verità non lo capisco nemmeno ).

Se lo script originale è

$('a.clickTip').aToolTip({
clickIt: true,
tipContent: 'CONTENUTO'
});

per non saper nè leggere nè scrivere, credo che ci voglia una variabile tipo "if click link 1 show tooltip 1, if click link 2 show tooltip 2, etc". Dirò una idiozia, ma non so ragionare in Java.

Forse ho capito, tu ti riferisci al file jquery.js, dove esiste il codice

		    // check if click feature is enabled
		    if(tipContent && settings.clickIt){
				// Activate on click	
				obj.click(function(el){
					obj.attr({title: ''});						  
					$('.' + settings.toolTipClass).remove()$('body').append("<div class='"+ settings.toolTipClass +"'><p class='aToolTipContent'>"+ tipContent +"</p></div>");
					$('.' + settings.toolTipClass).append("close");
					$('.' + settings.toolTipClass).css({
						position: 'absolute',
						display: 'none',
						zIndex: '50000',
						top: (obj.offset().top - $('.' + settings.toolTipClass).outerHeight() - settings.yOffset) + 'px',
						left: (obj.offset().left + obj.outerWidth() + settings.xOffset) + 'px'
					})
					.fadeIn(settings.inSpeed);	
					// Click to close tooltip
					$('.' + settings.closeTipBtn).click(function(){
						$('.' + settings.toolTipClass).fadeOut(settings.outSpeed, function(){$(this).remove();});
						return false; 
					});		 
					return false;			
			    });
		    }
		  
		}); // END: return this

ma ho dei dubbi dove inserire/sostituire la riga che mi indichi: $('.' + settings.toolTipClass).remove()

[Xinod]

Originariamente inviato da stardom
ma ho dei dubbi dove inserire/sostituire la riga che mi indichi

Originariamente inviato da Xinod
dopo
obj.click(function(el){
aggiungi
$('.' + settings.toolTipClass).remove()

[stardom]

Non è che sono rimbambito, è che non funziona. Sia che aggiunga quella riga di codice, o che la sostituisca a

$('.' + settings.toolTipClass).remove()$('body').append("<div class='"+ settings.toolTipClass +"'><p class='aToolTipContent'>"+ tipContent +"</p></div>");

lo script non funziona, ed i tooltip si sovrappongono.