上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。




FC2ブログでYUIを利用する方法


FC2ブログを利用していて、YUIライブラリを自サイトにアップして利用する方法を記載します。
かなり面倒な所があるので、下記(参考サイト)も参照してください。

参考サイト


【AJAX】Serving YUI Files from Yahoo! Serversの利用



必要なYUIライブラリのアップロード方法


FC2ブログを利用して画像などをアップロードする方法と同じで、必要なライブラリを管理ツールのファイルアップロード機能を利用してアップロードします。
①管理画面を開き[ツール]→[ファイルアップロード]メニューを開きます。
②[参照]ボタンを押下し必要なライブラリを選択し[アップロード]ボタンを押下します。
 ※必要なライブラリが複数ある場合は繰り返します。これが結構面倒です。

必要なライブラリのアップロードは以上で完了です。

サイト内にYUIライブラリ&CSSを読み込む


ブログで使用しているテンプレートHTMLの編集で行うのですが、このファイルを編集すると全ページでYUIライブラリを読み込む事になります。
YUIを使わないページなのに、ライブラリを読み込むとページを表示するのに時間がかかったり・・・
と言うことで、YUIを使うページだけ且つ必要なライブラリだけ読み込む設定にします。

まずは、テンプレートの編集から。
①管理画面を開き[環境設定]→[テンプレートの設定]メニューを開きます。
②使用しているテンプレートのHTMLの編集を行います。
 ※下記ソースは、YUIのカレンダーを利用するために必要なライブラリ群です。

<script type="text/javascript"><!--
var entryurl = "<!--topentry--><%topentry_link><!--/topentry-->";

if (entryurl == "http://studynet.blog54.fc2.com/blog-entry-23.html") {
document.write("<link rel='stylesheet' type='text/css' href='http://blog-imgs-32.fc2.com/s/t/u/studynet/fonts-min.css' />");
document.write("<link rel='stylesheet' type='text/css' href='http://blog-imgs-32.fc2.com/s/t/u/studynet/calendar.css' />");
document.write("<script type='text/javascript' src='http://blog-imgs-32.fc2.com/s/t/u/studynet/yahoo-min.js'></scr" + "ipt>");
document.write("<script type='text/javascript' src='http://blog-imgs-32.fc2.com/s/t/u/studynet/yahoo-dom-event.js'></scr" + "ipt>");
document.write("<script type='text/javascript' src='http://blog-imgs-32.fc2.com/s/t/u/studynet/calendar-min.js'></scr" + "ipt>");
}
//--></script>

表示されたページ毎にif文で読み込むライブラリを制御しています。
上記ソースをテンプレート内(headタグまたはbodyタグなど)に記載します。

上記例の場合、
blog-entry-23.htmlページが表示された時、YUIカレンダーライブラリ群(5ファイル)の読み込みを行います。 少しでも参考になれば応援お願いします。












上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。