× Help Forum English

[VIEWED] Tooltip modification

Start
Prev
1
Next
End

devilishcrossnova
Topic Author
New Member

11 years 1 month ago - 11 years 1 month ago #5698 by devilishcrossnova

[VIEWED] Tooltip modification was created by 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

Last edit: 11 years 1 month ago by Lyr!C. Reason: [VIEWED]

Please Log in or Create an account to join the conversation.

Lyr!C
Administrator
Lead Developer

11 years 1 month ago #5713 by Lyr!C

Replied by Lyr!C on 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) .

Please Log in or Create an account to join the conversation.

devilishcrossnova
Topic Author
New Member

11 years 1 month ago #5724 by devilishcrossnova

Replied by devilishcrossnova on 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:

Please Log in or Create an account to join the conversation.

Lyr!C
Administrator
Lead Developer

11 years 1 month ago #5732 by Lyr!C

Replied by Lyr!C on topic Tooltip modification

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

Please Log in or Create an account to join the conversation.

Start
Prev
1
Next
End

Moderators: Lyr!C

Time to create page: 0.099 seconds

Forum

[VIEWED] Tooltip modification

Legal

Follow Us