TOPへ戻るをpreloadにしてみるテスト。[XCL2.2系専用] #XOOPS

JQueryで、スクロールしながらTOPに戻るプラグイン「jQuery Scroll to Top Control v1.1」を
XOOPS Cubeで利用可能にするプリロードを作ってみました。（XCL2.2系専用）

※3つのファイルを、以下のような感じで配置する事になります。

html
├─[preload]─JQueryScrollTopControl.class.php
├─[common]─scrolltopcontrol.js
├─[images]─up.png
・
・

１．preload作成

作成ファイル：/html/preload/JQueryScrollTopControl.class.php

JQueryScrollTopControl.class.php

<?php

if (!defined('XOOPS_ROOT_PATH')) exit();

class JQueryScrollTopControl extends XCube_ActionFilter
{
    public function preBlockFilter()
    {
        $this->mRoot->mDelegateManager->add('Site.JQuery.AddFunction',array(&$this, 'addScript'));
    }

    public function addScript(&$jQuery)
    {
        $ImgIcon = "up.png";    //画像ファイルの名前
        $ImgWidth = "50";   //画像ファイルの横幅（単位：px）
        $ImgHeight = "50";  //画像ファイルの高さ（単位：px）

        $ControlIcon = XOOPS_URL . "/images/" . $ImgIcon;
        $JQueryScrollTopControlScript = "/common/js/scrolltopcontrol.js?" . "url=" . $ControlIcon . "&width=" . $ImgWidth . "&height=" . $ImgHeight;

        $jQuery->addLibrary($JQueryScrollTopControlScript, true);
    }
//class END
}
?>

※画像ファイル名を変更する場合、$ImgIconにファイル名、
　$ImgWidthに画像の横幅、$ImgHeightに画像の高さを指定してください。

２．jQuery Scroll to Top Controlの変更

jQuery Scroll to Top Control v1.1をダウンロードして、scrolltopcontrol.jsを開き、
先頭に下記コードを追加。

var configs = new Object;
var scripts = document.getElementsByTagName("script");
for (var i = 0; i < scripts.length; i++) {
  var s = scripts[i];
  if (s.src && s.src.match(/scrolltopcontrol\.js(\?.*)?/)) {
    var params = s.src.replace(/.+\?/, '');
    break;
  }
}

params = params.split("&");
for(var i = 0; i < params.length; i++) {
  var tmp = params[i].split("=");
  configs[tmp[0]] = unescape(tmp[1]);
}

imgtag = '<img src="' + configs.url + '" style="width:' + configs.width + 'px; height:' + configs.height + 'px;" />';

更に、12行目あたりにある

controlHTML: '<img src="up.png" style="width:48px; height:48px" />',

…を、以下の通りに変更。

controlHTML: imgtag,

変更したscrolltopcontrol.jsを /html/common/js/ にアップロード。

３．TOPへ戻る画像

jQuery Scroll to Top Control同梱の画像（若しくは自分で作った画像）を、
/html/images/　へアップロード。

GitHubにあげてあるので、こちらからどうぞ。
pianoman-net / JQueryScrollTopControl