Tooltip not working - Information button

Hi

Real new to Chrono, am impressed, so far, also by what seems to be fantastic support, one LARGE issue I have:

The Tooltip does not work on the front end, if I hove over it, it does nothing - the pointer changes to a hand, but even a click brings nothing. Tried to create a new form, same problem. Using Ubuntu 8.04, Mozilla FF 3.03, Joomla 1.5.7.

Please help, otherwise I need to create a new form and take out all the info help.

Malcolm

Hi Malcolm,

What code are you using to create a ToolTip? Is your page on-line somewhere?

The default Joomla 1.5 ToolTip uses Mootools.js and needs to be set up before you can use it with a JHTML call

<?php
JHTML::_('behavior.tooltip');
?>
. . . 
<?php 
echo JHTML::_('tooltip', "This is the Form name, It must be Unique." );
. .  .
echo JHTML::_('tooltip', "Some other tooltip." );
?>

Bob

Hi

It is th standard info button when creating using the wizard.

It is here:

<!-- w --><a class="postlink" href="http://www.tech4law.co.za">www.tech4law.co.za</a><!-- w -->

I will post the rest o you in private mail, as I did earlier, in your mail area.

Cheers

Malcolm

Hi Bob

Do you need backend access as well?

Malcolm

Hi malcolmp,

your URL above doesn't work for me, I need to look at your form page.

Cheers
Max

Hi Max

Sent you Private Mail with the access codes.

Cheers
Malcolm

Hi Malcolm,

I tried to look but no password . . .

Bob

Hi Bob and Max

username and password sent to you in your private area mail, in this forum. Then here is the code, maybe that will also help, appreciate the help...

<div  class="form_item"><div class="form_element cf_heading"><h1 id="" class="cf_text">Product Matrix Form</h1></div><div class="clear"> </div></div><div  class="form_item"><div class="form_element cf_textbox"><label class="cf_label">Firm name</label><input class="cf_inputbox" maxlength="150" size="30" id="text_1" name="text_1" type="text"></div><div class="clear"> </div></div><div  class="form_item"><div class="form_element cf_checkbox"><label class="cf_label">Office branches</label><div class="float_left"><input value=" Gauteng" class="radio" id="_Gauteng" name="_Gauteng" type="checkbox"><label for="_Gauteng" class="check_label"> Gauteng</label><br><input value=" Western Cape" class="radio" id="_Western Cape" name="_Western Cape" type="checkbox"><label for="_Western Cape" class="check_label"> Western Cape</label><br><input value=" KwaZulu Natal" class="radio" id="_KwaZulu Natal" name="_KwaZulu Natal" type="checkbox"><label for="_KwaZulu Natal" class="check_label"> KwaZulu Natal</label><br><input value=" Eastern Cape" class="radio" id="_Eastern Cape" name="_Eastern Cape" type="checkbox"><label for="_Eastern Cape" class="check_label"> Eastern Cape</label><br><input value=" Northern Cape" class="radio" id="_Northern Cape" name="_Northern Cape" type="checkbox"><label for="_Northern Cape" class="check_label"> Northern Cape</label><br><input value=" Limpopo" class="radio" id="_Limpopo" name="_Limpopo" type="checkbox"><label for="_Limpopo" class="check_label"> Limpopo</label><br><input value=" Free State" class="radio" id="_Free State" name="_Free State" type="checkbox"><label for="_Free State" class="check_label"> Free State</label><br><input value=" North West" class="radio" id="_North West" name="_North West" type="checkbox"><label for="_North West" class="check_label"> North West</label><br><input value=" Mpumalanga" class="radio" id="_Mpumalanga" name="_Mpumalanga" type="checkbox"><label for="_Mpumalanga" class="check_label"> Mpumalanga</label><br></div></div><div class="clear"> </div></div><div  class="form_item"><div class="form_element cf_textbox"><label class="cf_label">Number of partners</label><input class="cf_inputbox validate-number" maxlength="150" size="30" id="text_3" name="text_3" type="text"></div><div class="clear"> </div></div><div  class="form_item"><div class="form_element cf_textbox"><label class="cf_label">Practice management and legal accounting</label><input class="cf_inputbox" maxlength="150" size="30" id="text_4" name="text_4" type="text"></div><div class="clear"> </div></div><div  class="form_item"><div class="form_element cf_textbox"><label class="cf_label">Conveyancing</label><input class="cf_inputbox" maxlength="150" size="30" id="text_5" name="text_5" type="text"></div><div class="clear"> </div></div><div  class="form_item"><div class="form_element cf_textbox"><label class="cf_label">Debt recovery software</label><input class="cf_inputbox" maxlength="150" size="30" id="text_6" name="text_6" type="text"></div><div class="clear"> </div></div><div  class="form_item"><div class="form_element cf_textbox"><label class="cf_label">Estates software</label><input class="cf_inputbox" maxlength="150" size="30" id="text_7" name="text_7" type="text"><a onclick="return false;" class="tooltiplink"><img  src="components/com_chronocontact/css/images/tooltip.png" class="tooltipimg" width="16" border="0" height="16"></a><div  class="tooltipdiv">Estates software :: a system like LegalEase</div></div><div class="clear"> </div></div><div  class="form_item"><div class="form_element cf_textbox"><label class="cf_label">Document management software</label><input class="cf_inputbox" maxlength="150" size="30" id="text_8" name="text_8" type="text"></div><div class="clear"> </div></div><div  class="form_item"><div class="form_element cf_textbox"><label class="cf_label">Digital dictation software</label><input class="cf_inputbox" maxlength="150" size="30" id="text_9" name="text_9" type="text"></div><div class="clear"> </div></div><div  class="form_item"><div class="form_element cf_textbox"><label class="cf_label">Preferred desktop computers</label><input class="cf_inputbox" maxlength="150" size="30" id="text_10" name="text_10" type="text"></div><div class="clear"> </div></div><div  class="form_item"><div class="form_element cf_textbox"><label class="cf_label">Preferred printers</label><input class="cf_inputbox" maxlength="150" size="30" id="text_11" name="text_11" type="text"></div><div class="clear"> </div></div><div  class="form_item"><div class="form_element cf_textbox"><label class="cf_label">Copiers</label><input class="cf_inputbox" maxlength="150" size="30" id="text_12" name="text_12" type="text"></div><div class="clear"> </div></div><div  class="form_item"><div class="form_element cf_textbox"><label class="cf_label">Internet service provider</label><input class="cf_inputbox" maxlength="150" size="30" id="text_13" name="text_13" type="text"></div><div class="clear"> </div></div><div  class="form_item"><div class="form_element cf_textbox"><label class="cf_label">Bandwidth to ISP</label><input class="cf_inputbox validate-alphanum" maxlength="150" size="30" id="text_14" name="text_14" type="text"></div><div class="clear"> </div></div><div  class="form_item"><div class="form_element cf_textbox"><label class="cf_label">CRM or marketing software</label><input class="cf_inputbox" maxlength="150" size="30" id="text_16" name="text_16" type="text"></div><div class="clear"> </div></div><div  class="form_item"><div class="form_element cf_textbox"><label class="cf_label">Document accounting solutions</label><input class="cf_inputbox" maxlength="150" size="30" id="text_17" name="text_17" type="text"><a onclick="return false;" class="tooltiplink"><img  src="components/com_chronocontact/css/images/tooltip.png" class="tooltipimg" width="16" border="0" height="16"></a><div  class="tooltipdiv">Document accounting solutions :: Like Equitrac, Dynatrac etc</div></div><div class="clear"> </div></div><div  class="form_item"><div class="form_element cf_textbox"><label class="cf_label">Document Assembly</label><input class="cf_inputbox" maxlength="150" size="30" id="text_18" name="text_18" type="text"></div><div class="clear"> </div></div><div  class="form_item"><div class="form_element cf_textbox"><label class="cf_label">Desktop anti-virus software</label><input class="cf_inputbox" maxlength="150" size="30" id="text_19" name="text_19" type="text"></div><div class="clear"> </div></div><div  class="form_item"><div class="form_element cf_textbox"><label class="cf_label">Risk search software</label><input class="cf_inputbox" maxlength="150" size="30" id="text_20" name="text_20" type="text"><a onclick="return false;" class="tooltiplink"><img  src="components/com_chronocontact/css/images/tooltip.png" class="tooltipimg" width="16" border="0" height="16"></a><div  class="tooltipdiv">Risk search software :: Windeed, SearchWorks, DeedSearch, DeedsWeb</div></div><div class="clear"> </div></div><div  class="form_item"><div class="form_element cf_textbox"><label class="cf_label">Word processor software</label><input class="cf_inputbox" maxlength="150" size="30" id="text_21" name="text_21" type="text"></div><div class="clear"> </div></div><div  class="form_item"><div class="form_element cf_textbox"><label class="cf_label">Switchboard</label><input class="cf_inputbox" maxlength="150" size="30" id="text_22" name="text_22" type="text"></div><div class="clear"> </div></div><div  class="form_item"><div class="form_element cf_textbox"><label class="cf_label">Least cost routing supplier</label><input class="cf_inputbox" maxlength="150" size="30" id="text_23" name="text_23" type="text"><a onclick="return false;" class="tooltiplink"><img  src="components/com_chronocontact/css/images/tooltip.png" class="tooltipimg" width="16" border="0" height="16"></a><div  class="tooltipdiv">Least cost routing supplier :: A system that redirects your call to a system that has a cheaper route than the landline.</div></div><div class="clear"> </div></div><div  class="form_item"><div class="form_element cf_radiobutton"><label class="cf_label">Voice over IP (VoIP)</label><div class="float_left"><input value=" Yes" class="radio" id="_Yes0" name="radio0" type="radio"><label for="_Yes0" class="radio_label"> Yes</label><br><input value=" No" class="radio" id="_No0" name="radio0" type="radio"><label for="_No0" class="radio_label"> No</label><br></div><a onclick="return false;" class="tooltiplink"><img  src="components/com_chronocontact/css/images/tooltip.png" class="tooltipimg" width="16" border="0" height="16"></a><div  class="tooltipdiv">Voice over IP (VoIP) :: Where telephone calls are re-routed via your digital data line</div></div><div class="clear"> </div></div><div  class="form_item"><div class="form_element cf_captcha"><label class="cf_label">Enter the text as it is displayed here.</label><span>{imageverification}</span></div><div class="clear"> </div></div><div  class="form_item"><div class="form_element cf_button"><input value="Submit" name="undefined" type="submit"></div><div class="clear"> </div></div>

Hi Bob and Max

Thanks, Bob's original post got the tip to work, although it brings up the plain old yellow tooltip and not the funky black one that is on the backend. Could you give me that code, and I will edit the form to correct all the tooltips.

Thanks for the help, sorry about the site..

Malcolm

Hi Malcolm,

No IM received!

You can add an image url after the ToolTip text, I think though that it points to the /includes/js/ThemeOffice folder.

Bob

Last point..

I am really blown away by our support, well done and keep up the great work!!

Cheers

Malcolm Pearson
<!-- w --><a class="postlink" href="http://www.tech4law.co.za">www.tech4law.co.za</a><!-- w -->

Hi Malcolm,

Thanks - happy to help :-)

Just for clarity, the image entry looks like this

echo JHTML::_('tooltip', "Some other tooltip.", "tootip.png" );

Bob

Hi again

Spoke too soon. In Mozilla (my system) it displays the tooltip like I think it should (attached), then if I do the same in IE, I get "Tooltip", what can I do to fix this?

It also does not send me email? Even though I have enabled email.

Let me know, and Bob, you have the private message with the site details if you want to look.

Appreciate the help....

Hi Malcolm,

That looks like a Joomal/MooTools problem - Google is your friend at this point . . .

Bob

PS In IE7 I see both versions of the tooltip at the same time.

Hi Malcolm,

Sorry but I was away, do you have the "load CF files" setting at the general tab set to "yes" ? there is no reason the tooltips don't work by default!

Max

Hi Malcolm,

after looking at your page again now, you have the jquery JS library loaded at the form page with mootools which may raise problems, the yootheme blocks the joomla mootools and loads its own which I'm not sure is a complete one so this may be another cause for troubles also.

Regards,
Max

Max,

How do I fix it?

Do I have to disable mootools in Yoo template? Not sure what will stop working then?

Is there another way to get tooltiips working?

Cheers
Malcolm

first try to find what loads jquery and disable it and test then look at the mootools thing if it didn't work, the tooltips should work fine out of the box but it needs mootools which is default at J1.5 site, and your site has 2 JS errors and different mootools file so I can't tell whats needed to fix unless we omit all these problems.

Cheers
Max