× Help Forum English

[VIEWED] Tooltip modification

Début
Précédent
1
Suivant
Fin

devilishcrossnova
Auteur du sujet
Nouveau membre

Plus d'informations

il y a 11 ans 1 mois - il y a 11 ans 1 mois #5698 par devilishcrossnova

[VIEWED] Tooltip modification a été créé par 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

Dernière édition: il y a 11 ans 1 mois par Lyr!C. Raison: [VIEWED]

Connexion ou Créer un compte pour participer à la conversation.

Lyr!C
Administrateur
Lead Developer

Plus d'informations

il y a 11 ans 1 mois #5713 par Lyr!C

Réponse de Lyr!C sur le sujet 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) .

Connexion ou Créer un compte pour participer à la conversation.

devilishcrossnova
Auteur du sujet
Nouveau membre

Plus d'informations

il y a 11 ans 1 mois #5724 par devilishcrossnova

Réponse de devilishcrossnova sur le sujet 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:

Connexion ou Créer un compte pour participer à la conversation.

Lyr!C
Administrateur
Lead Developer

Plus d'informations

il y a 11 ans 1 mois #5732 par Lyr!C

Réponse de Lyr!C sur le sujet Tooltip modification

devilishcrossnova écrit:
* 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...

Connexion ou Créer un compte pour participer à la conversation.

Début
Précédent
1
Suivant
Fin

Modérateurs: Lyr!C

Temps de génération de la page : 0.082 secondes

Propulsé par Kunena

Forum

[VIEWED] Tooltip modification

Legal

Follow Us