TOP

Home  >  ブログ  >  時空 解  >  パソコンソフト関連  >  "ページトップに戻るボタン" を導入しました。

時空 解 さんの日記

 
2017
7月 3
(月)
08:50
"ページトップに戻るボタン" を導入しました。
本文
みなさん、おはようございます。時空 解です。

今日もエアコンを入れて涼しい環境でブログを書いています。快適です。作業がはかどります。
まぁそのせいかどうかは分かりませんが、サイトに新しい機能を一つ追加する事が出来ました。
"ページ内 目次" に続いて "ページトップに戻るボタン" です。


この機能を追加するに当たって参考にしたサイトは下記のとおり。
jQueryでスクロールすると表示する系いろいろ

参考サイトに記されている CSS (スタイルシート ) に書くためのコードを、 XOOPS 内ではどのファイルに書き込むのか?これに気を付けないとブラウザ IE では機能するが、Google chrome をはじめ他のブラウザでは機能しない、と言う結果になります。ブラウザ IE はテーマにあるスタイルシート style.css に書き込めば機能しますが、他のブラウザでは XOOPS の モジュール単位のスタイルシートに書き込まないと機能しません。
まずここがポイントですね。

これが判れば、後はそれほど難しい機能ではありません。おっと、jQuery に導入されているかどうかが、一つ問題ですかね。

互換レンダーシステム の 一般設定 の中にある jQuery に関する設定を下記のように設定します。
・jQuery UI CSS ファイルの URL → //ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/smoothness/jquery-ui.css
・jQuery コアライブラリ → //ajax.googleapis.com/ajax/libs/jquery/1.8/jquery.min.js
・jQuery UI ライブラリ → //ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js

これで大丈夫だと思います。
とにかく "ページ内 目次" や  "ページトップに戻るボタン" 機能が実現できたので、後はコンテンツをたくさん作って、多くの方たちがこのサイトに訪れてくれるようになるといいのですけどね。
なかなかコンテンツ作りが…。

ま、とにかく今日もエアコンを入れて頑張ります。

応援してね。
千里の道も一歩から。そしてその道は登り坂です。

(ポチッとブログ村のバナーをクリックしてね)


毎日の実施・予定表
項目 昨日の実施状況 今日の予定
朝 ブログを更新 8時35分 8時半
朝 そろばんの練習 20分 30分
午前 数学の学習(1限目) p110 ~ p112 p112 ~ p114
サイトのコンテンツ ページトップに戻るボタン ちょっと進める
休日に LaTeX2ε 学習 ------ ------
プラスアルファする事、1つ。 ------ ------
夜 数学の学習(2限目) できず p115 ~ p118
夜 ブログの下書き 出来ず する


 
閲覧(3303)
コメントを書く
コメントを書くにはログインが必要です。
メインメニュー
ログイン
ユーザー名:

パスワード:



日記投稿者リスト
カレンダー
月表示
カテゴリー
にほんブログ村リンク