私の問題は、カーソルがツールチップ付きのテキストから離れた後、ツールチップが非表示にならないことです。この問題の例については、このページを確認できます: http://federationgenealogie.qc.ca/nous-contacter (単純な com_contacts ページ)
しかし、問題は Web サイト全体で解決しません。
com_contacts のテンプレート オーバーライドを試み、ツールチップの処理方法を次のように変更しようとしました: http://docs.joomla.org/How_to_add_tooltips_to_your_Joomla!_website
$toolTipArray = array('className' => 'mytooltipclass', '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', '.hasTip', $toolTipArray); ?>
パラメータだけで'fixed'=>true
動くので、こういう感じで動いてます。しかし、他のすべてのパラメーターが機能していないため、これは解決策ではありません。
また、以下を含む独自の tooltip.js ファイルを作成しようとしました。
window.addEvent('domready', function(){
//do your tips stuff in here...
var zoomTip = new Tips($$('.hasTip'), {
className: 'mytooltipclass', //this is the prefix for the CSS class
offsets: {
'x': 20, //default is 16
'y': 30 //default is 16
},
initialize:function(){
this.fx = new Fx.Style(this.toolTip, 'opacity',
{duration: 1000, wait: false}).set(0);
},
onShow: function(toolTip) {
this.fx.start(0,.8);
},
onHide: function(toolTip) {
this.fx.start(.8,0);
}
});
});
しかし、html alt のようなツールチップしか表示されず、css ファイルをクラス名に合わせて変更しても機能しません。
joomlaのデフォルトの登録および連絡先ページが機能する必要があるため、ツールチップ拡張機能を使用することは解決策ではありません。そして、どちらもclass="hasTip"
これを使用および変更すると、耐久性の理由から実行できないハッキングが必要になります。
firebug と chrome を使用すると、javascript 間に競合があるようには見えません。
何か案は?