My tooltips have dissapeared from the rendered form although the code appears in the page source. Tooltips are OK in form preview.
Can anyone advise on possible cause? Many thanks in advance
Hi treblesix,
Could be problem with the image paths, could be a JavaScritp conflict, could be that you have Load ChronoForms JS & CSS files set to No.
Bob
Hi Bob - paths are OK and CSS/JS set to yes
Script elements of rendered form page are detailed below - can you spot any potential conflict??
<script type="text/javascript" src="/templates/yoo_blueprint/lib/js/mootools/mootools-release-1.11.js"></script>
<script type="text/javascript" src="/modules/mod_gtranslate/jquery-translate.js"></script>
<script type="text/javascript">
var YtSettings = { tplurl: '/templates/yoo_blueprint', color: 'orange', itemColor: '', layout: 'left', fontDefault: 'font-medium', widthDefault: 'width-thin', widthThinPx: 825, widthWidePx: 960, widthFluidPx: 0.9 };
</script>
<script type="text/javascript">
var CF_LV_Type = 'default';
</script>
<script type="text/javascript" src="http://www.mysite.com/components/com_chronocontact/js/calendar2.js"></script>
<script src="http://www.mysite.com/components/com_chronocontact/js/livevalidation_standalone.js" type="text/javascript"></script>
<script src="http://www.mysite.com/components/com_chronocontact/js/customclasses.js" type="text/javascript"></script>
<script type="text/javascript">
Element.extend({
getInputByName2 : function(nome) {
el = this.getFormElements().filterByAttribute('name','=',nome)
return (el)?(el.length)?el:el:false;
}
});
window.addEvent('domready', function() {
});
</script>
<script type="text/javascript">
window.addEvent('domready', function() {
myCal_arrival = new Calendar({ arrival: 'd/m/Y' }, { classes: ['dashboard'] });
myCal_departure = new Calendar({ departure: 'd/m/Y' }, { classes: ['dashboard'] });
myCal_insurance_valid_from = new Calendar({ insurance_valid_from: 'd/m/Y' }, { classes: ['dashboard'] });
myCal_insurance_valid_to = new Calendar({ insurance_valid_to: 'd/m/Y' }, { classes: ['dashboard'] });
});
</script>
<script src="http://www.mysite.com/components/com_chronocontact/js/jsvalidation2.js" type="text/javascript"></script>
<script type='text/javascript'>
var fieldsarray = new Array();
var fieldsarray_count = 0;window.addEvent('domready', function() {
elementExtend();setValidation("ChronoContact_Questionnaire", 1, 0, 0);});
</script>
<script type="text/javascript">
elementExtend();
window.addEvent('domready', function() {
});
</script>
<script type="text/javascript" src="/templates/yoo_blueprint/lib/js/addons/base.js"></script>
<script type="text/javascript" src="/templates/yoo_blueprint/lib/js/addons/accordionmenu.js"></script>
<script type="text/javascript" src="/templates/yoo_blueprint/lib/js/addons/fancymenu.js"></script>
<script type="text/javascript" src="/templates/yoo_blueprint/lib/js/addons/dropdownmenu.js"></script>
<script type="text/javascript" src="/templates/yoo_blueprint/lib/js/yoo_tools.js"></script>
Hi treblesix,
Probably JQuery is the problem - it needs to be in noConflict() mode. Test by adding &tmpl=component to the form URL and probably evrything will work OK (though without the template).
Bob
Thanks Bob
Got a little further overnight - switched off ChronoContact component in sh494SEF and tooltips appear!! - not an ideal solution though
Hi treblesix,
Then maybe you need to check what sh404SEF is doing to the image urls for the tooltip images? It shouldn't affect them. There is no sef_ext file for ChronoForms - though there is a very old alpha version somewhere in the forums here.
Bob