Home > js | wordpress > adobe spryのタブつきパネル マウスオーバーでタブを切り替える

adobe spryのタブつきパネル マウスオーバーでタブを切り替える

DreamweaverCS3に付いているspryでタブつきパネルを使っていてデフォルトでは、タブをクリックして切り替えるんですが、
マウスオーバーで切り替わらないか調べてみてうまくいったのでご紹介します。

SpryTabbedPanels.jsの275行目くらいに以下のようなところがあります。

Spry.Widget.TabbedPanels.prototype.addPanelEventListeners = function(tab, panel)
{
var self = this;
Spry.Widget.TabbedPanels.addEventListener(tab, "click", function(e) { return self.onTabClick(e, tab); }, false);
Spry.Widget.TabbedPanels.addEventListener(tab, "mouseover", function(e) { return self.onTabMouseOver(e, tab); }, false);
Spry.Widget.TabbedPanels.addEventListener(tab, "mouseout", function(e) { return self.onTabMouseOut(e, tab); }, false);

赤字の”click”を“mouseover” に変えるとマウスオーバーでタブが切り替わるようになります。

Spry.Widget.TabbedPanels.prototype.addPanelEventListeners = function(tab, panel)
{
var self = this;
Spry.Widget.TabbedPanels.addEventListener(tab, "mouseover", function(e) { return self.onTabClick(e, tab); }, false);
Spry.Widget.TabbedPanels.addEventListener(tab, "mouseover", function(e) { return self.onTabMouseOver(e, tab); }, false);
Spry.Widget.TabbedPanels.addEventListener(tab, "mouseout", function(e) { return self.onTabMouseOut(e, tab); }, false);

Comments:0

Comment Form
Remember personal info

Trackbacks:0

Trackback URL for this entry
http://www.coral-design.net/js/333.html/trackback
Listed below are links to weblogs that reference
adobe spryのタブつきパネル マウスオーバーでタブを切り替える from WEB制作のメモ帳 - coral design

Home > js | wordpress > adobe spryのタブつきパネル マウスオーバーでタブを切り替える

Search
Feeds
フィードメーター - coral design
Bloglinesで閲読登録 ADD TO Hatena::RSS Subscribe with livedoor Reader Add to Google
Meta
Get Adobe Flash playerPlugin by wpburn.com wordpress themes

Return to page top