Tooltip not working in frontend

Hello,
I'm French, excuse me for my bad English...😶
I have installed chronoforms on joomla 1.5.9. with the template td_dukato and maked a form. This form is in the frontend but the text of the tooltips don't appear when the mouse get over the tooltip.
I saw the explications of Bob in the forum on http://www.chronoengine.com/forums.html?cont=posts&f=2&t=11486&p=16395&hilit=tooltip#p16395 but I don't understand because my php is as bad as my english.
I'm neophyte, someone can help me ?

Jean-Pierre.

Salut Jean-Pierre,

On peut parler en Franglais si ca vous aide.

Il y a peut etre des problemes avec Joomal 1.5.9, j'ai pas l'essayer ni Max non plus !

Est que cette page est visible sur l'internet? S'il ya, peut etre je peut trouver ce que ne marche pas.

Frequetment il y a des problems quand on utilise plus q'un 'Framework JavaScript'. Pour example si on utilise MooTools et au meme temps Prototype ou JQuery.

Bob

Bonjour Bob,

Effectivement ça m'aiderai en Franglais mais je ne voudrais pas que ça gène les utilisateurs du forum !
La page est effectivement visible depuis Internet, je viens de la mettre en ligne (il s'agit seulement d'un essai car je suis en train de faire le site).
Voir le lien: http://www.tostamicale.com/component/option,com_chronocontact/Itemid,66/
Chronoforms est vraiment un super composant et je souhaite m'en servir.

JP

Bonjour JP,

Oui, on peut voir que vous avez MooTools et JQuery et je crois c'est ca que vous donne les problems

Bob

Merci pour votre réponse rapide.

Existe-t'il des solutions à ce problème ?
J'aimerai vraiment me servir de toutes les possibilités de chronoforms.

JP

Hi JP,

Ou, bien sur, n'utilise pas JCEUtilities, mais trouvez un autre plugin pour faire les meme choses mais q'utilise MooTools :-(

Bob

Hello ChronoForms Support Team,

I tried to understand why my tooltips are not as good looking on the frontend as on the backend.
This is why I post the question here.

I had JCEUtilities and Plugin installed, but removed them.
However, there's still a JQuery being loaded from /plugins/system/jceutilities/js/jquery-123.js
Here's a test form

The tooltip works, but it's quite lame, like the alt atribute on images..
I'd like to have the same one as on the CF backend, except with a darker blue, to be coherent visually.

I've read the MooTools documentation, tried the Joomla Wiki tutorial and Forum on tooltips, but nothing managed to changed the style.
I had it change once, but it caused a Javascript error which messed the layout.
I've tried to reach the same result ever since, without success...
I know that, since it works in CF, it should work on the frontend...

Do I need to add this to the form code?

<?php JTHML::_('behavior.tooltip'); ?>

Or can I just write :

<?php 
echo JHTML::_('tooltip', "This is the Form name, It must be Unique." ); 
JHTML::tooltip('This is the tooltip text', 'Tooltip title', 'tooltip.png', '', '', false);
?>

I tried this on the form code without success (with all the possibilities from the tutorials):

<?php $toolTipArray = array('className' => 'custom', 'showDelay'=>'500', 'hideDelay'=>'500', 'fixed'=>'true'
, 'onShow'=>"function(tip) {tip.effect('opacity', {duration: 500, wait: false}).start(0,1)}"
, 'onHide'=>"function(tip) {tip.effect('opacity', {duration: 500, wait: false}).start(1,0)}");
JHTML::_('behavior.tooltip', '.zoomTip', $toolTipArray); 
?>
<span class="zoomTip" title="zoomTip Title::This is using class 'zoomTip' using external JS script.">ZoomTip hover text</span>

Any ideas?
I also installed the Submit Story template, but the tooltip doesn't work either..

Hi ramon,

There is different css loaded in the back-end. You need to look at the styling of the backend tootips and copy the appropriate css from general.css into your front-end style-sheets.

Bob

Hi Ramon,

try to create a new form in the wizard and add a tooltip to one of the fields and see if it will work ?

Regards
Max

Hello all,

I removed and reinstalled CF, removing all forms, then restored the submit story form.

Still, no frontend tooltips...

View form

I tried creating a new form form, but it was throwing a Javascript error, now with this function:

window.addEvent('domready', function() { 
									myCal_ = new Calendar({ : '' }, { classes: ['dashboard'] }); 				
							});

When using the submit form template, the error shows when loading, but after loading the page, it goes away...

Hi Ramón,

I posted a temporary hack to fix the calendar problem earlier this week. The JavaScript is broken if there is no datefield in your form.

Bob

Hi Ramon, Bob,

and actually the datefield issue should be fixed in RC2

Regards
Max

Hi Max,

Excellent, I haven't upgraded to RC2 yet.

Bob

Hi Bob,

Please get it, I fixed the common white page issue + the date field issue + the non loaded CSS files issue and I think its bug free now!

Regards,
Max

Hi Max,

Great I'm upgraded !

Bob

Hello,

I'm glad to inform that my form is currently working.
I've searched the forum for solutions to translation issues and it seems that my approach is quite correct.
However, my JTex::_('NAME') variable is not being displayed (not existent in original Joomla language file), but JText::_'('Message') is (exists in Joomla language file).
I've added the variables I want to the template language file, instead of the specific language file, which works for the template, but not ChronoForms

Do I have to add the text variables to the Joomla core language?

I didn't know where to post this, so I posted on my most recent post..

Here's part of the code:

<label for="<?php echo $gc_fields[3]; ?>"><?php echo JText::_('TITLE'); ?>:</label>
	<input class="inputbox validate-alphanum" maxlength="200" size="70" id="<?php echo $gc_fields[3]; ?>" name="<?php echo $gc_fields[3]; ?>" type="text" />
	<?php echo JHTML::_('tooltip',$emailsubject,false );?>
	
	<label for="<?php echo $gc_fields[4]; ?>"><?php echo JText::_('MESSAGE'); ?></label>
	<textarea class="inputbox required" rows="6" cols="30" id="<?php echo $gc_fields[4]; ?>" name="<?php echo $gc_fields[4]; ?>"></textarea>
	<?php echo JHTML::_('tooltip',$emailmessage,false );?>

Hi Ramón,

I think that you could create a chronoforms language file and put it into the languages folder. I don't think that you need to tell Joomla that it's there.

Or you can create separate files using define and include the appropriate one at the start of the form html.

Bob

Hello Bob,

Is there any naming convention?
Should I use brazilian.chronocontact.php or portuguese_brazilian.chronocontact.php?

Hi ramon,

check the other files there and it will be clear what name formula should it have😉

Cheers
Max

Hello all,

I tried both names and nothing worked.
I only have a language folder in the administrator/components/com_chronocontact/language

Is there something I have to add to the form?
I tried include, but couldn't figure out the path...

Hi ramon,

well, just to make sure, you are trying to translate your tooltips only ?

even adding the language files with correct names is not all the story, you need to add some PHP lines to grab the language files I think, why not wait for the next release ? I will add some multi language support!

Regards
Max

Hello Max,

When is this new release due?
Unfortunately, I want to be able to translate the labels in the form as well as the Javascript messages.

The javascript messages were simple to provide translation, as the template manages that when getting the language info from the settings.
I was hoping that adding the variables to the template language file would be enough, but I was mistaken.

Hi ramon,

if everything went well then may be by Monday's morning!

Cheers
Max

Max,

Is this http://chronoengine.com/downloads/file/84-Chronoforms%20V3.1%20RC2.zip.html the current version?

The date of this version is February 19th...

Hi Ramon,

thats the latest, because the new one I was talking about should be RC3 and is not yet ready, I think it will be out this weekend, many addons are needed!

Regards
Max