JavaScript | blog/名無製作所

2009/05/31

MTでAjax

少し前の投稿にちらと書きましたが、
MT(MTOS)でAjaxを設置したので、注意点など備忘録。
設置したものは以下。両方ともjQuery。

特にAjaxに限ったことではないかもしれませんが、
基本的にCSS内でパーツなどの画像リンクは
全てMTタグを使って絶対パス指定にした方が無難なようです。

また、各Ajax用のCSSは@importで読み込まず
直接link設定をした方が、良いようです。
@importだとSafariだけでしたが
ちゃんと読み込んでくれず表示崩れを起こしました。

追記

「ColorBox」を導入したMovaleType用テンプレートを作成してみました。
よければ使ってみてください。
こちらからどうぞ>>

Category : CSS,JavaScript,MovableType

« prev page next page »

2009/05/22

ColorBoxをMovableTypeへ導入

ColorBoxをMT4へ導入しました。
その際の注意点を備忘録として。

導入方法はほとんど通常のHTMLサイトへの導入と同じでOK。
テンプレート作成時のエントリーへのリンク設定のみ注意が必要。

エントリーのリンク指定では
<$MTEntryLink$>を使用することがありますが、
こちらは絶対パスとなるので、
ColorBoxが無視されてしまいます。

よって相対パスにしなければならないので、
下記方法でパスを設定。

href=”第2階層フォルダ/<$MTCategoryBasename$>/<$MTEntryBasename$>.html”

（第2階層フォルダ/エントリーが入ったフォルダ/エントリー　の構成の場合）

これで正常に動作しました。（WinFF３、IE６で検証）

追記：
第2階層ページで誤って<$MTEntryLink$>（絶対パス指定）で
設定したのですが、なぜか正常に表示。
それならと全て絶対指定にしたらルート直下（HOME）ではだめでした。
理由は不明ですが、とりあえずルート直下は相対指定、第2階層は絶対指定と
併用で設置しました。

memo

ColorBoxはMIT Licenseです。

追記

「ColorBox」を導入したMovaleType用テンプレートを作成してみました。
よければ使ってみてください。
こちらからどうぞ>>

Category : CSS,JavaScript,MovableType

« prev page next page »

2009/05/20

jQueryとMooToolsの共存、、、出来ませんでした

jQueryとMooToolsの共存を目指しましたが、
挫折してしまったので、一応、備忘録として。

正確には下記3つの併用を目指しました。

いろいろ対処方法ググって下記方法を試みましたが、
出来ませんでした。
記述の順番かえたりいろいろ試してみたのですが、
だめでした。
————————–
<script type=”text/javascript” src=”jquery.js”></script>
<script type=”text/javascript”>
<!–
jQuery.noConflict();
var j$ = jQuery;
–>
</script>
<script type=”text/javascript” src=”mootools.js”></script>
————————–
何か他の設定を間違えているのかもしれないので
後日あらためてチャレンジしたいと思います。

Category : CSS,JavaScript

« prev page next page »

2009/04/21