1

私の問題は、カーソルがツールチップ付きのテキストから離れた後、ツールチップが非表示にならないことです。この問題の例については、このページを確認できます: 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 間に競合があるようには見えません。

何か案は?

4

0 に答える 0