Ajax Event Calendar Support Product Page

Answered

Show Advanced Tooltip Not Working

Asked 16 Dec 2011 00:37:34
1
has this question
16 Dec 2011 00:37:34 Lee Firth posted:
I have added a Show Advanced Tooltip behavior when mouse moves over event but it doesn't work.

This is the code that was generated in the head by the extension:

<script>
function MM_goToURL() { //v3.0
  var i, args=MM_goToURL.arguments; document.MM_returnValue = false;
  for (i=0; i<(args.length-1); i+=2) eval(args[i]+".location='"+args[i+1]+"'");
}
function applyDMXTooltip(trigger) {//v1.5
	if (arguments.length < 3 || !arguments[2]) return true; // ignore empty tooltips
  window.stylesFolderName = 'Styles';
	var arg = {};
	var options = ['contentType', 'dataProvider','showEffect','easing','showAt',
  'showDirection', 'showDuration','showDelay','closeEvent','styleTheme',
	'showCloseBtn','onshow','onhide','mouseOffsetX','mouseOffsetY','x','y','w','h'];
  for (var i = 0; i < options.length && i < arguments.length-1; i++) {
		arg[options[i]] = arguments[i + 1];
	}
	showTooltip(trigger, arg);
}
</script>


This is the code that was generated in the body by the extension:

  
<div class="dmx_ajax_event_calendar brushed_metal" id="dmxAjaxCalendar1" style="width:800px;"></div>
<script type="text/javascript">
  // <![CDATA[
 jQuery(document).ready(
   function()
     {
       jQuery("#dmxAjaxCalendar1").dmxAjaxCalendar(
         {id:"dmxAjaxCalendar1", calendar_name:"Appointment Calendar", allowed_display_types:[false, false, true, true], events_type:[{number:0, name:"Available", color:"#000000", background_color:"#98FB98", border_color:"#8B8B8B"}, {number:1, name:"Tentative", color:"#000000", background_color:"#FFFF00", border_color:"#808080"}, {number:2, name:"Confirmed", color:"#FFFFFF", background_color:"#0080C0", border_color:"#808080"}, {number:3, name:"Not Available", color:"#FFFFFF", background_color:"#FF0000", border_color:"#808080"}], ajax_feeds:[{url:"../calendar_ajax/calendar_get_events1.php"}], date_display_type:1, week_start:1, onEventClick:"MM_goToURL('parent','appointments_edit.php?event_id=##id##&UserID=<?php echo $_GET['UserID']; ?>');", onEventMouseOver:"applyDMXTooltip(this,'html','appointments_display.php?event_id=##id##','fade','easeOutQuad','mouse','out',600,600,'mouseout','darkgreybevel',false,'','',0,0,'0','0','auto','auto');"}
       );
     }
 );
  // ]]>
</script>
  </div>

Replies

Replied 16 Dec 2011 09:29:49
16 Dec 2011 09:29:49 Teodor Kuduschiev replied:
Please provide a link to your page
Replied 16 Dec 2011 23:46:10
16 Dec 2011 23:46:10 Lee Firth replied:
QuotePlease provide a link to your page


This is a little difficult as there are two calendars for this website, one that the public can view at www.livingwisdom.com.au/appointments.php which doesn't have this behaviour applied and one in the admin area of the website which does have the behaviour applied. For obvious reasons I wouldn't want to grant access publicly, but if you give me your email address, I will grant you temporary access to take a look.
Replied 19 Dec 2011 10:00:37
19 Dec 2011 10:00:37 Teodor Kuduschiev replied:
Please send me a link to your page at
Replied 05 Jan 2012 03:19:51
05 Jan 2012 03:19:51 Brian Williams replied:
Did this ever get resolved? I've experienced the same thing, the tooltips not showing on the calendar.
Replied 05 Jan 2012 06:54:41
05 Jan 2012 06:54:41 Lee Firth replied:
Not as yet, Theodor is looking at it, but I haven't heard back from him.
Replied 05 Jan 2012 09:33:09
05 Jan 2012 09:33:09 Teodor Kuduschiev replied:
Hello Lee,

Haven't you received my email?
The problem with your page is that in the <head></head> tags the:

<script type="text/javascript" src="../ScriptLibrary/jquery-latest.pack.js"></script>

Is after the

<script type="text/javascript" src="../ScriptLibrary/dmxTooltips.js"></script>

Just move the jquery include before the dmxtooltips.js
Replied 05 Jan 2012 17:04:03
05 Jan 2012 17:04:03 Brian Williams replied:
I think my problem must be something different. I'm actually getting a javascript error on the calendar page.

Message: Object expected
Line: 45
Char: 2
Code: 0
URI: www.domainname.com/reservations/login/admin-calendar.php

Line 45 on the calendar page is part of a recordset.

$colname_rsGuideInfo = "-1";
Replied 06 Jan 2012 00:40:28
06 Jan 2012 00:40:28 Lee Firth replied:
Thanks for the responce Teodore, however it is still not behaving as expected. When I mouse over an appointment, the details appear at the top of the page rather than in a poppup.



Edited by - Lee Firth on 06 Jan 2012  00:41:15


Edited by - Lee Firth on 06 Jan 2012  00:41:47
Replied 06 Jan 2012 09:26:08
06 Jan 2012 09:26:08 Teodor Kuduschiev replied:
Hello Lee,

Please change Styles

window.stylesFolderName = 'Styles';


to styles (lowercase) in the code of:

<script>
function MM_goToURL() { //v3.0
  var i, args=MM_goToURL.arguments; document.MM_returnValue = false;
  for (i=0; i<(args.length-1); i+=2) eval(args[i]+".location='"+args[i+1]+"'");
}
function applyDMXTooltip(trigger) {//v1.5
	if (arguments.length < 3 || !arguments[2]) return true; // ignore empty tooltips
  window.stylesFolderName = 'Styles';
	var arg = {};
	var options = ['contentType', 'dataProvider','showEffect','easing','showAt',
  'showDirection', 'showDuration','showDelay','closeEvent','styleTheme',
	'showCloseBtn','onshow','onhide','mouseOffsetX','mouseOffsetY','x','y','w','h'];
  for (var i = 0; i < options.length && i < arguments.length-1; i++) {
		arg[options[i]] = arguments[i + 1];
	}
	showTooltip(trigger, arg);
}
</script>


Replied 06 Jan 2012 09:31:28
06 Jan 2012 09:31:28 Lee Firth replied:
We are getting warmer, it styles correctly now, but doesn't position at the curser but at the top of the screen.
Replied 06 Jan 2012 10:11:55
06 Jan 2012 10:11:55 Teodor Kuduschiev replied:
I've sent you a fixed dmxTooltips.js file to your email.

Reply to this topic