LOGIN ID Password Auto Login Register Now! Lost Password?
XUGJ Forum

フォントサイズを大・中・小と変えるJavaScript

  • このフォーラムに新しいトピックを立てることはできません
  • このフォーラムではゲスト投稿が禁止されています

投稿ツリー


前の投稿 - 次の投稿 | 親投稿 - 子投稿.1 .2 | 投稿日時 2010/2/12 19:36 | 最終変更
tohokuaiki  Lieutenant 居住地: From:2004/12  投稿数: 420
なんてことは無いものなんですが、よくある文字切り替えをやるやつです。

こんな感じです。
http://f.hatena.ne.jp/tohokuaiki/20100212193341

ファイルです。
http://www.junoe.jp/downloads/itoh/font_changer_20100213.zip

使い方です。prototype.jsが必要です。cookiemanager.jsも必要なのですが、これは同梱しています。

theme.htmlの<head>タグ内に
<script type="text/javascript" src="<{$xoops_url}>/common/lib/prototype.js"></script>
<script type="text/javascript" src="<{$xoops_url}>/common/lib/cookiemanager.js"></script>
<script type="text/javascript" src="<{$xoops_url}>/common/lib/change_word_size.js"></script>
と記述して、あとはボタンを設置したいところに
<div id="textSize">
font size
<img id="font_small" alt="small" src="<{$xoops_imageurl}>images/font_change/font_small.gif"/>
<img id="font_middle" alt="middle" src="<{$xoops_imageurl}>images/font_change/font_middle.gif"/>
<img id="font_big" alt="large" src="<{$xoops_imageurl}>images/font_change/font_big.gif"/>
</div>
と記述します。

IE6は未確認です。
投票数:1 平均点:10.00
前の投稿 - 次の投稿 | 親投稿 - 子投稿なし | 投稿日時 2010/4/8 18:18
mmtt  3rd Class   投稿数: 5
早速設定させていただきました。
これは便利ですね!!。
ですが、mootoolsと同時にインクルードすると、
下記エラーが出るようですので、報告いたします。
共存は無理なのでしょうか。

メッセージ: オブジェクトでサポートされていないプロパティまたはメソッドです。
投票数:0 平均点:0.00
前の投稿 - 次の投稿 | 親投稿 - 子投稿なし | 投稿日時 2010/4/8 21:44
tohokuaiki  Lieutenant 居住地: From:2004/12  投稿数: 420
ご報告ありがとうございます。

すみません、私がオールドタイプなせいか、prototype.jsを使ってやっているので、バッティングするかもしれません。

jQueryやExtjsのような他のJavaScriptフレームワークはprototype.jsと共存できるので、mootoolsも何かあるんじゃないかと思いますが・・・。
投票数:1 平均点:0.00
  条件検索へ

Back to Page Top
MainMenu
Manuals
Search
XOOPS Official & Dev.
XOOPS Communities