確認したい記事を一覧から選んでクリックする。

アドレス部分に記事のURLが表示され、そこにブログ記事のIDとブログのIDが表示される。
http://xxx.com/MTのディレクトリ/mt.cgi?__mode=view&_type=entry&id=xxx&blog_id=xxx

ブログ記事のIDは　entry&id=ブログ記事のID
ブログのIDは　blog_id=ブログID

そのIDをMTEntryタグに記入すれば、その記事だけ表示ができる。

texteditオブジェクトを使用して現在入力しているテキストを表示させようとしたら、何故かひとつ前のテキストが出力されてしまった。以前はそんな事なかったようなと思いながらいろいろやっても解決しなかったので、ググったところcycling'74のフォーラムにレポートがあった。

バグという事だった。。

バージョンを5.0.5で解決するということだったので、ウェブサイトから最新版をダウンロードして無事解決した。

これ、本当にあせったけど良かった。

5.0.5にアップしたけど、注意深くチェックしとかないと。

他のサイトや本を見てみると、最新版の3.0はいろいろと設定がややこしいということなので、一つ前のバージョンであるMT4i/2.2をダウンロードすることに。

上記の画像の2.25をダウンロードしてみた。

mt4i.cgiとmt4imgr.cgiとmt4libをmovabletypeをインストールしたフォルダにアップロードする。
例）http://www.xxxxxxx.xx/mt/mt4i/
ムーバブルタイプがアップされたフォルダにmt4iなどとディレクトリを作成してそこにアップ。

mt4i.cgiとmt4imgr.cgiの最初にperlのパスが記載されているので、それは必要に応じて変更する。自分の環境だと特に問題はないはずだったが。。(/#!/usr/bin/perl)
またmt4imgr.cgiに管理用のパスワードを設定してからファイルをアップしなくてはならない。
ソースコードの以下の記述を見つけて変更する。
my $password = 'ここにパスワードを設定する';

DreamWeaverでウェブの制作をやっているので、文字コードが異なると変換しないで文字化け状態で表示されてしまう。なので、以前良く使っていたmiをインストールして使うようにした。

必須設定項目の「MTホームディレクトリ」と「MovableType上で使用しているBlog固有のID」を設定する。固有IDの方は設定しなくても特に問題ないが、ホームディレクトリは設定しないとNG。MTがはいっているディレクトリを設定したのだが。。

設定後、mt4i.cgiにアクセスするとエラーが表示されてしまった。ここでいろいろサイトを見てディレクトリの位置が違うとエラーになると書いてあったので、シンボリックリンクでない直接のアドレスを指定してもダメだった。またいろいろ探すとプログラムの記載にある文言を加えることで問題解消できると書いてあった。

perlへのパスの記述に--を付けると解決した。
/#!/usr/bin/perl --

mt4i.cgiだけでなくmt4imgr.cgiが動かない場合もこれで起動するようだ。自分の環境ではmt4i.cgiだけがおかしかった。

これで無事にmt4i.cgiにアクセスができた。後は携帯からアクセスしてみようと思う。

Shadowmaker

2008年11月 2日 matsu | 個別ページ | コメント(0) | トラックバック(0)

 厳密にはAjax/Javascriptというカテゴリではないのだが、Googlemap関連なのでこちらに記載。
Googlemapで検索するとこのような画面が表示される。

デフォルトで表示される風船のようなアイコンを拡大してみるとこのような感じ。

Mediabox

2008年10月23日 matsu | 個別ページ | コメント(0) | トラックバック(0)

JavaScriptを使用したフォトギャラリーでLigntboxというライブラリがある。自分も使用しているのだが、jpegとかgifファイルくらいしか使用できない。動画（youtubeやflv）なども同様に見せたいなと思っていろいろ探してみるとMediaboxというものを見つけることができた。 

Mediabox
http://iaian7.com/webcode/Mediabox

 対応している形式は以下の通り。
Flickr
Google video
MySpace
YouTube
Veoh
Flash
QuickTime
WindowsMedia
Webサイト
などなど。

ダウンロードなどやサンプルも上記のサイトで確認できる。
 

■必要なファイル
mediabox73.js
mediabox.css
Mootools
SWFobject
Slimbox
 

■ヘッダーの記述
<link href="css/mediabox.css" rel="stylesheet" type="text/css" />
<script src="js/mootools.js" type="text/javascript"></script> <script src="js/swfobject.js" type="text/javascript"></script> <script src="js/slimbox.js" type="text/javascript"></script> <script src="js/mediabox72.js" type="text/javascript"></script>
※:上記の場合、同階層にjsフォルダとcssフォルダを作成してファイルを配置している。

■オブジェクトへの記述
<a href="表示したいオブジェクトへのリンク" rel="mediabox[横幅 縦幅]" title="オブジェクトのタイトル">対象オブジェクト（文字 or 画像など）</a>

例）
<a href="http://www.youtube.com/watch?v=LVYHtBDc598" rel="mediabox[425 344]" title="nagamu">nagamu</a>

■使用例
http://matsunami.com/works.html

これ系のライブラリは結構出回っているので、いろいろと試してみようと思う。

Dreamweaver CS3 拡張機能 for Movable Type 4.1

2008年10月20日 matsu | 個別ページ | コメント(0) | トラックバック(0)

 最近、MovableTypeでウェブサイトを構築しているのだが、DreamWeaverで使用できる機能拡張を見つけた。既にMovableTypeは4.2になっているのだが、覚え始めたばかりなのでまだ4.1でサイトを構成している。なので、これは重宝できる。

ダウンロードはこちらから。
http://www.adobe.com/jp/devnet/dreamweaver/articles/movable_type_41.html

スタイルシートによるプリント範囲設定

2008年10月19日 matsu | 個別ページ | コメント(0) | トラックバック(0)

 すっかり忘れていたのでメモ用として。
ブログでもそうなのだが、プリントアウトするときにサイドバーとかヘッダー／フッターいらないなと思ってどうやって設定するのかいろいろ調べてみた。

単にスタイルシートで追加設定すれば良いという話だった。

こんな感じで。

@media print {

    /* 印刷用スタイルシート */

    .class1{display:none; }/* このクラスを消す*/
    #id1{display:none; }/* このIDを消す*/

  }

余裕があれば追記しよう。