I have a put a div on my page:

<div id="webiconhelp" style="visibility:hidden">
<p>this is the small icon<br />
that appears at the top of<br />
the browse and should have an<br />
extension of ico and be 16x16
</p>
</div>

as I wish to show it as a tooltip:

i have set the dialog to pick up the DIV but the tooltip only shows #webicon


I am using CS4

Edited by - Jim Elliott on 28 Nov 2010  12:56:52

Hello

Could you please provide us with a link to your page?

Would it be possible for you to send me an email address so I can send the link as I do not wish it published in an open forum.

Thanks.

I have emailed you a link. Not the same tooltip as I mentioned in the start but it does not work and also keep appearing over other links.

Hello,

I checked your site. Seems the div container is not with id webiconhelp but tooltiptest.
Also - on Content type, please make sure Jquery (DOM object or Selector) is choosen because now it isn't

Sorry a bit confused.

Here is the code for the test link:

 <p onmouseover="applyDMXTooltip(this,'','#tooltiptest','fade','easeOutQuad','mouse','out',600,600,'mouseout','bluebevel',true,'','',0,0,'0','0','auto','auto')"><a href="#" onmouseover="applyDMXTooltip(this,'','#tooltiptest','fade','easeOutQuad','mouse','out',600,600,'mouseout','bluebevel',true,'','',0,0,'0','0','auto','auto')">test tooltip</a></p>

and here is the div in question:

<div style="visibility:hidden" id="tooltiptest">
        <p>This is my tooltip [img]icons/task_notes.png" alt="" width="48" height="48" /></p>
      </div>

the head area contains

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

and

<script language="javascript" type="text/javascript" src="ScriptLibrary/dmxTooltips.js"></script>
<script type="text/javascript">
<!--
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>

Please just configure the tooltips the following way:

Thanks!

That's sorted it.

[]