× Help Forum English

[VIEWED] Tooltip modification

Inizio
Indietro
1
Avanti
Fine

devilishcrossnova
Autore della discussione
New Member

Di più

11 Anni 1 Mese fa - 11 Anni 1 Mese fa #5698 da devilishcrossnova

[VIEWED] Tooltip modification è stato creato da devilishcrossnova

Hi,

is there any way to add some mouseout javascript so that the tooltip would dissappear if the cursor unpointing the specific date in the calendar?

i already make several attempt modificating ictip.js & mod_iccalendar.php but still have found no results.

im really grateful if there anyone who could help me. thx

Ultima Modifica 11 Anni 1 Mese fa da Lyr!C. Motivo: [VIEWED]

Si prega Accedi o Crea un account a partecipare alla conversazione.

Lyr!C
Administrator
Lead Developer

Di più

11 Anni 1 Mese fa #5713 da Lyr!C

Risposta da Lyr!C al topic Tooltip modification

In fact, i've planned in 2 or 3 months, a new developpement of the calendar, with a new tooltip, more responsive, and more fun!

Today, no need to edit ictip.js, as not use since a few versions, and this file will be cleaned soon.

But, if you had a mouseout, you have to add a timer, because if no timer, you won't be able to click on the link.

The mousout function should be done on class ".spanEv" ;-)

If this could help...

Latest version : iCagenda 3.9.8
We recommend every user to keep iCagenda updated.
Don't forget to have your Joomla!™ up-to-date!

Do you like iCagenda?
I would appreciate if you could take 5 minutes to post a review on JED (Joomla Extensions Directory) .

Si prega Accedi o Crea un account a partecipare alla conversazione.

devilishcrossnova
Autore della discussione
New Member

Di più

11 Anni 1 Mese fa #5724 da devilishcrossnova

Risposta da devilishcrossnova al topic Tooltip modification

Yes, you are very helpful indeed :cheer:

Cant wait to implement your new development on my websites.
Thank you so much

you really are a great developer.. and really fast response also.

* still wondering about what should i do with the ".spanEv" class though :pinch:

Si prega Accedi o Crea un account a partecipare alla conversazione.

Lyr!C
Administrator
Lead Developer

Di più

11 Anni 1 Mese fa #5732 da Lyr!C

Risposta da Lyr!C al topic Tooltip modification

devilishcrossnova ha scritto:
* still wondering about what should i do with the ".spanEv" class though

Not so great, as not enought skill in jQuery to give you a code without testing it before (i can often in php/html/css, but for jQuery i always need many tests ;-)

About class .spanEv it's an error, this is the css class (sorry). :pinch:

For open of tooltip, it is on this class ".icevent a", but you can use better the variable "icclasstip", this is the class name used for each day with an event, so the script to open the tooltip is active for this div.

In the code, you will find first this, to open the tooltip with DIV ID "ictip".
The icmouse variable is loading the value of module params 'click' or 'mouseover' :

$(document).on(icmouse, modidid+' '+icclasstip, function(e){
		e.preventDefault();
		$('#ictip').remove();
		$parent=$(this).parent();
		$tip=$($parent).children(modidid+' .spanEv').html();

And other code after is for tooltip (position options + tooltip display)

At this end of this code in mod_iccalendar.php file, you will have this to close the tooltip :

$(document).on('click', '.close', function(e){
			e.preventDefault();
			$('#ictip').remove();
		});

So, it is in this last code, where you can change for a mouseout (and adding a timing to not close tooltip to fast (and so, user can click on it!)

So, without a timing, this will be like this :

$(document).on('mouseout', modidid+' '+icclasstip, function(e){
			e.preventDefault();
			$('#ictip').remove();
		});

Or something like that...

Si prega Accedi o Crea un account a partecipare alla conversazione.

Inizio
Indietro
1
Avanti
Fine

Moderatori: Lyr!C

Tempo creazione pagina: 0.145 secondi

Forum

[VIEWED] Tooltip modification

Legal

Follow Us