Sponsored Link

›4 21, 2004

引越し検討中

Posted by わたなべ at 18:06 / Category: MovableTypeいぢり / 7 Comments / 0 TrackBack

昼休み。マイBlogにモダシンさんからトラバが来てるのを発見。
「わーい」と喜んで見に行きましたよ
新しい泥酔ぶろぐ紹介されてましたよ。わーい。

で。

泥酔ブログのアンテナになりつつあるモダシンです。
ポータルはワタナベくんのところで作ってもらえると嬉しいな。

ポポポータルですか。ポータルってもしかして漢字で書くと炎多留ですか(違)。
ポータルっていわゆるひとつの玄関ですか。デスログ玄関。
げんかん!マジですか!ピンポンダッシュとかされちゃうんですか!
それか新聞とか宗教とか勧誘来まくりですか!チェーン必須ですか!
つーかアレですか!「嬉しいなっ」て「やれ」って言ってませんか!ミッションインポシブルですか!
ライダーになるための試練ですか!ボダジンザァーン!! オンドゥルルラギッタンディスカー!!


いえ。うそです。ありがたく作らせていただきます。m(_ _)m


でもアレですね。ポータルってゆーてもどんなん作ったら良いんでしょうね。
今やってるリンク集は、単なるエントリーなのでポータルと言うにはちょっと貧弱な気もしますし、
何しろオレ手作業なので(手間はよしとして)更新に即時性が無いんですよね。

もう一つの問題。
現在、泥酔ブログを発見もしくはトラバにてお知らせ頂く度に泥酔ブログのヘッドラインを書いているんですけど、
トラバがなぜか群れをなして宛先のエントリーに襲いかかるんです。
このままじゃ、泥酔ブログを見つけてはトラバの群れを放つ迷惑サイトになりかねません(手遅れ)。

とゆわけで、現在引越し&リニューアルを考えてます。
目下の検討事項は過去のエントリーをどうやって移行しようかというコト。
いや、「過去を捨てる」という選択肢もあるんですが(笑)
MT使いからジュゲマーやシーサーになった方はどうしたんでしょうね。
(※この時点で無料サービスしか検討対象にしてない事に気づいてくれると嬉しいw)

そうそう、引越しするんだったらタイトルも変える予定です。
今のタイトルは何かとマギラワシイので(苦笑)

›3 19, 2004

ブロピのリンクリストをいぢる。

Posted by わたなべ at 20:20 / Category: MovableTypeいぢり / 2 Comments / 0 TrackBack

2つあったリストうちの一つ、【勝手にリスペクト】が一杯で大変な事になってきてたので、少し細分化しました。

(3/20追記)
まー予定ってのは変更されるためにあるようなモンですよね(笑)
1日遅れですが詳細や言い訳なんかを。

・【泥酔ぶろぐクイックリンク】
 →そのまんまです。エントリー「泥酔ぶろぐリンク集」で紹介してるサイト。

・(‐人‐) お世話になってます
 →MTいじりのネタをこちらから頂いたり、あと単純にリスペクトしてたり。

・トモ(・∀・)人(・∀・)ダチ
 →身内とかBlog以外のトコでの友達とか。
   元々図々しい人間なので以下のリストからこっちに移動させたい人も
   いっぱいいるのですが、今んトコはさすがに遠慮しています(もじもじ)。

・オフ(・∀・)人(・∀・)ダチ
 →オフ会(つかMSSG)で会った人たち。いずれ↑に追加したいなぁ。

・リンク(・∀・)人(・∀・)ダチ
 →相互リンクってヤツですか。リスペクト対象やトモダチ入りしたい人も
   いるのですが、本人の了承得ないとイカンし線引きもムヅいので・・・。

・【 私 的 リ ン ク 】
 →片想いだったりブロピに入ってなかったりするマイフェバなサイト。

・●私的サカ系巡回先●
 →巡回どころか1日2回以上チェクしてるのが1個だけあったり(わらい)。

以上、かなりテキトウな分類しちゃいました。

ちなみに、
「おい、俺はオマエのトモダチになった覚えはないぞ」と思った方、
あきらめてください。相手はパプワくん並の早さでトモダチ認定するヤツなんです。
それから、
「あたしをわたなべさんのオトモダチに入れてっ。会ったこと無いけど」と思ってらっしゃる貴女、
メールなりコメントでお知らせ下さい。脳内補完で速攻10年来のマブダチにします。


まー何が言いたいかってゆーと、

みなさんこれからもよろしくねっ☆


(・e・)
ひよこまーく

›3 18, 2004

プロフとQRコードをつける

Posted by わたなべ at 23:07 / Category: MovableTypeいぢり / 2 Comments / 0 TrackBack

utaroさんにプレッシャーかけられたので(笑)慌ててプロフィールを作りました。適当ですが。
URLのアーカイブナンバー見るとバレバレなのですが、過去のエントリーをタイトルから強引に書き換えてます。
なんでそんな事したかと言うと、新規で作った今更なプロフが最新エントリに表示されるのが
(一時的とはいえ)気恥ずかしかったんです。

なんつうのかな、映画や物語とかでドタバタが一段落した後とかに「そういや名前聞いてなかったな」
見たいな感じで登場人物らがお互いの名前を知り合うみたいな。
つか今回のオレの場合だとドタバタ三段落くらい今更だし。逆3段落スライド方式自己紹介。よくわかんねぇ。

あと、モバイル版URL表示リンクをサイドメニューバー上部に持ってきました。
んなことやっても、あんまし見る人いないんだろうけどね。
で、オオカワさんトコで見てやりたいと思ってたQRコードも導入
コード画像は時々雑誌とかに出てるくらいのサイズまで小さくしてみました。
とりあえずマイV401SHでは読み取り成功。URLがソッコーでGETできました。

その読み取りテストやってて気づいたんですが、
QRコードって画面いっぱいに写さなくても読み取れる(むしろ早い)んですね。
・・・え?ケータイをムリヤリ画面ギリギリまで近づけてたの、オレだけ?

さらにサイドメニューバーもチョコチョコいじったけど、やりすぎたかも。変な動きするトコ出てきたし。
まー見れないわけではなさそうなので明日以降ゆっくりやろうっと。

›3 09, 2004

リニウアル欲求

Posted by わたなべ at 18:10 / Category: MovableTypeいぢり / 0 Comments / 1 TrackBack

リニューアルしたいんです。リニューアルしたくてたまらないんです。リニューアルするの・・・いやですか?

上記カタカナ箇所を置き換えてニヤニヤしてるわたなべです。
エッチとか思ったアナタ、人のこと言えませんよ。このエッチー!

もとい。

トップの画像とかCSSとかカテゴリとか再編したい熱が高まってますよ。フィーバーですよ先生。
ほら模様替えってやつ?あったかくなって来たし。春だし。オレのアタマに合わせて。ねぇ。

あとね思ったのは未だにプロフが無い事っすよ。このアホなBlogの持ち主がどんなヤツかわかんねーってのは
もしかして読み手にとっては不安だったりするのかイヤむしろ致命的かっ。見たくねぇって言ったヤツ前出ろ。

あとねあとねブログピープルのリンク増やしすぎオレ!なんだ130って。BIG130ハンバーグかよ。
そんなわけでココもせめて分類を増やそうかと。イヤむしろブロピリンクで巡回してるオレのために。
他にも色々あったりします。以下、自分用覚書。

    ( T O D O リ ス ト )
  1. TOPバナー画像作り直し
  2. CSSいじり(なんかこう、もっとカッコよくしたいんですよ。かなわない予定だけどな)
  3. テンプレもいじり(Indexしかマトモにサイドバー表示させてねぇし)
  4. 「ひ」ボタンFireFoxでうごかねぇ問題検証 (人柱の中の人に感謝。でもマジ原因わかんなかったり)
  5. ブロピのリンクリスト細分化(つーても3、4コかなぁ)
  6. プロフィール作成(しごく簡単に)
  7. ケータイ版に関連してアレコレ(隠しダマ有り。大した事無いけど)

んなこと言いつつ、
実はリニユアル熱と一緒にオレ本体の熱も上昇傾向。朝から喉いてぇし。

で最終的に何が言いたいかとゆーと、

(・e・)
きょうはもうかえります

›3 03, 2004

BlogPeopleのスクリプト張り直し

Posted by わたなべ at 18:31 / Category: MovableTypeいぢり / 2 Comments / 1 TrackBack

BlogPeopleからの重要なお願いだそうです。

リンクリストと「私を登録」を表示させるためのスクリプトを再生成して張りなおしてください。

とのこと。

オレも早速張り直し作業に入りました。
BlogPeopleにログインすると「会員トップページ」には、
既にこの件についてお知らせと、2つのスクリプトの再生成のためのリンクがありました。
ここからそれぞれの新しいスクリプトを生成。
コピーしてMTのMain Indexテンプレートに張り直し。
んで、再構築して完了っと。楽勝楽勝。

ついでに大きくなった「ひよこぴーぷる」も高さ制限つけてスクロール窓化。
ネタ元は同じくモダシンさんトコの「BlogPeopleリスト出力形式の変更のお知らせ」だったり。

リンクリストと「Powered By 〜」をDIVで分けました。

これを利用してアイディアはいろいろあると思うのですが、リンクリストをiframeみたいな感じでCSSでスクロールバーつきのハコに入れている場合には、

<div style="overflow: auto; height: 200;">
BlogPeople コード
</div>

とやると、リンクリストだけをスクロールさせてバナーを外側に表示させることができますし、バナーの位置も好きに動かせます。

ってコトだったのでコレを「ひよこぴーぷる」に応用。
あーでも「Powered by BlogPeople」が隠れちゃったなぁ。どうしよ。
まーあとは明日考えようっと。(だめ?)

(・e・)
ひよこまーく

›2 24, 2004

MTMostVisited使いたいのにぃ

Posted by わたなべ at 22:32 / Category: MovableTypeいぢり / 2 Comments / 1 TrackBack

勢いでd-s-jさんのblog mapに登録。
こっちはすげー余裕でした。人任せって良いなぁ。

で、その勢いのままMTMostVisitedもブッ込もうとしたんですが・・・うまくいかない。
なんでぇ?ちゃんと#BLOGさんの記事の通りにやってるんだけどなぁ。
どうもXREAのログディレクトリが見れないorファイルが読めないらしいことは分かってるんだけど・・・。

うん。煮詰まったのでまた今度にしよう。

MTでもMozillaでも「ひ」ボタンをっ!?

Posted by わたなべ at 18:39 / Category: MovableTypeいぢり / 0 Comments / 0 TrackBack

あの「ひ」ボタンをMTで使う方法
今まで公開していたのはIE@Win限定だったのですが、
啓示をうけMozilla対応版(たぶん)に直してみました。
つーてもMacじゃ試してないです。誰か買って。

【動作確認済み】
IE6@Win
Mozilla(Firefox0.8)@Win
Opera7@Win(「ひ」ボタンのみ動作、意味ねぇ)

※前バージョンからの差分修正は・・・力尽きました。特別ご要望があれば書きます・・・m(_ _)m

以下、ぶっちゃけIEとMozillaのことしか考えてません。あしからず。

◆いじるファイル


以下、3つのファイルをいじります。
(mt.cgiのあるフォルダ/tmpl/cms)
 ・edit_entry.tmpl
 ・bm_entry.tmpl
(mt.cgiのあるフォルダ)
 ・styles.css
※FTPダウンロード&編集時の文字コードに注意
※あと、念のためバックアップは取りましょう。マジで。

◆edit_entry.tmpl


1:Javascriptのfunction「formatStr」「insertLink」を書き換えます

「formatStr」(選択した文字にタグ付けする)と
「insertLink」(選択した文字でリンクを作成する)は
IE・Mozillaで動かすコードが変わってきますので、
スクリプト出力時にMozillaかどうか識別して切り替えます。
まずは120行目近辺、「formatStr」の中身をまるごと下記のように編集します。

function formatStr (v) {
<TMPL_IF NAME=AGENT_MOZILLA>
    if (!curFieldId) return;
    var s = document.getElementById(curFieldId)
    var sel = getMozSelection(s)
    if (sel.length != 0) {
        var sp = getSelectStart(s)
        var s1 = (s.value).substring(0,sp)
        var s2 = (s.value).substring(getSelectEnd(s),getTextLength(s))
        var astr = '<' + v + '>' + sel + '</' + v + '>'
        s.value = s1 + astr + s2
        s.focus()
        sp += astr.length
        setMozSelection(sp,sp,s)
    }
<TMPL_ELSE>
    if (!document.selection) return;
    var str = document.selection.createRange().text;
    if (!str) return;
    document.selection.createRange().text = '<' + v + '>' + str + '</' + v + '>';
</TMPL_IF>
}

次に、すぐ下に記述されている(はず)「insertLink」を書き換えます。

function insertLink () {
<TMPL_IF NAME=AGENT_MOZILLA>
    if (!curFieldId) return;
    var s = document.getElementById(curFieldId)
    var sel = getMozSelection(s)
    if (sel.length != 0) {
        var sp = getSelectStart(s)
        var s1 = (s.value).substring(0,sp)
        var s2 = (s.value).substring(getSelectEnd(s),getTextLength(s))
        var my_link = prompt('Enter URL:', 'http://')
        if (my_link != null) {
            var astr = '<a href="' + my_link + '">' + sel + '</a>'
            s.value = s1 + astr + s2
            s.focus()
            sp += astr.length
            setMozSelection(sp,sp,s)
        }
    }
<TMPL_ELSE>
    if (!document.selection) return;
    var str = document.selection.createRange().text;
    if (!str) return;
    var my_link = prompt('<MT_TRANS phrase="Enter URL:">', 'http://');
    if (my_link != null)
        document.selection.createRange().text 
            = '<a href="' + my_link + '" target="_blank">' + str + '</a>';
</TMPL_IF>
}

1.5:ついでにショートカットキーも追加(IEのみ?)

前述1でいじった「insertLink」の直後にある、function mtShortCuts () 内。
このfunctionはifで始まる行が並んでいますね。こいつらの最後に以下1行を追加。

if (event.keyCode == 22) insertStr('\n(・e・)\nひよこまーく');

※なぜkeyCodeが22="v"なのかは日本語キーボードの人ならわかるはず(笑)


2:Javascriptのfunctionを2つと変数を1つ追加します

追加する場所は<script>〜</script>内ならどこでもOKですが。
とりあえず上記<script>〜</script>の最後尾にでも以下をコピペします。
(変数名とか旧バージョンから変えてます。いや、何となく。)

var curFieldId;
function setCurFieldId (eTextarea) {
    if (! eTextarea) return;
    curFieldId = eTextarea.id;
}
function insertStr (v) {
    if (!curFieldId) return;
    eval("document.getElementById(curFieldId).value +=  v");
}
<TMPL_IF NAME=AGENT_MOZILLA>
function getSelectStart(s) {
	return s.selectionStart;
}
function getSelectEnd(s) {
	return s.selectionEnd;
}
function getTextLength(s) {
	return s.textLength;
}
function getMozSelection(s) {
	return (s.value).substring(getSelectStart(s), getSelectEnd(s))
}
function setMozSelection(a,z,s) {
    s.selectionStart = a;
    s.selectionEnd = z;
}
</TMPL_IF>

3:エントリ編集用入力フォーム内ボタン表示処理を修正

編集する場所は380行目(今までの編集を加えると450行目)あたり、
<script>〜</script>で囲んでる部分です。

<script language="javascript">
if (document.selection) {
    document.write('<table border="0" cellspacing="0" cellpadding="0">');
    document.write('<tr>');
    【 以 下 略 】

こんな感じになっていますが、
これだとMozillaは if で始まる行以下の処理を通りません。
恐らくその後の行で使っているfunctionがMozillaに対応していなかったため、
IEであるかどうか(?)をチェックしてボタンを表示させていたのだと思います。

先のfunction追加・修正で一応Mozilla対応にしてありますので、
上記チェックでMozillaも通るように書き換えます。以下のように編集して下さい。
参考にしたサイト

<script language="javascript">
var ie5up=ie4=nn4=ns6up=op6=op7=false;
(document.all)?((document.getElementById)?((document.bgColor)?ie5up=true:
(document.createTextNode)?op7=true:op6=true):ie4=true):
((document.layers)?nn4=true:((document.getElementById)?ns6up=true:void(0)));
if ( (document.selection) || (ns6up) || (op7) ) {
    document.write('<table border="0" cellspacing="0" cellpadding="0">');
    document.write('<tr>');
    【 以 下 略 】

※(op7)=オペラ7はおまけっつーか機能拡張サンプルっつーか。


4:ボタン表示処理に「ひ」ボタンを追加

上記3の箇所のすぐ下にボタンを表示する部分がありますので、
ここに「ひ」ボタンを追加します。

document.write('<td width="24"><a href="javascript:formatStr・・・
document.write('<td width="24"><a href="javascript:formatStr・・・
document.write('<td width="24"><a href="javascript:formatStr・・・

上記処理内に以下のコードを追加して下さい。
(オレは先頭に追加しました)

document.write('<td ><a href="javascript:insertStr(\'\\n(・e・)\\nひよこまーく\')">
    <span class="editor-button">ひ</span></a></td>');

※コードが長いので、このページでは上記のように改行してますが、1行にまとめても構いません
ボタン画像は作るのめんどかったので、CSSにてそれっぽく振舞わせてみてます。

で。上記でも動くのですが、
このままだと、近隣で激しく記述されてる各要素へのサイズ指定のお陰で、
ボタンがはみ出したりするので、バイオレントに近辺のサイズ指定を外しました。
(実際には20行くらい前、<td width="402">で始まる行あたりから、
 所々に記述されている「width="xx"」 「height="xx"」をすべて削除)
さらに調子こいて他のボタンもCSSで実現すると、以下のようになります。

<tr>
<td><font class="pagetitle"><MT_TRANS phrase="Entry Body"></font></td>
<td align="right" valign="top">
<script language="javascript">
var ie5up=ie4=nn4=ns6up=op6=op7=false;
(document.all)?((document.getElementById)?((document.bgColor)?ie5up=true:
(document.createTextNode)?op7=true:op6=true):ie4=true):
((document.layers)?nn4=true:((document.getElementById)?ns6up=true:void(0)));
if ((document.selection) || (ns6up) || (op7) ) {
    document.write('<table border="0" cellspacing="0" cellpadding="0">');
    document.write('<tr>');
    document.write('<td><a href="javascript:insertStr(\'\\n(・e・)\\nひよこまーく\')">
        <span class="editor-button">ひ</span></a></td>');
    document.write('<td><a href="javascript:formatStr(\'b\')">
        <span class="editor-button">B</span></a></td>');
    document.write('<td><a href="javascript:formatStr(\'i\')">
        <span class="editor-button">i</span></a></td>');
    document.write('<td><a href="javascript:formatStr(\'u\')">
        <span class="editor-button">u</span></a></td>');
    document.write('<td><a href="javascript:insertLink()">
        <span class="editor-button">URL</span></a></td>');
    document.write('</tr>');
    document.write('</table>');
} else {
    document.write(' ');
}
</script>
</td>
</tr>

5:入力フォームの<TEXTAREA>タグにfunctionを呼び出すイベントハンドラを追加

2でボタンを追加した箇所の直後(400行目近辺)に、
本文記事を入力する為のテキスト欄を表示するコードが書かれています。
(目印は「name="text"」)

<td colspan="2" width="100%" valign="top">
    <textarea<TMPL_IF NAME=AGENT_MOZILLA> cols=""</TMPL_IF> 
        class="width500" name="text" rows="<TMPL_IF NAME=DISP_PREFS_SHOW_EXTENDED>10
        <TMPL_ELSE>20</TMPL_IF>" wrap="virtual">
        <TMPL_VAR NAME=TEXT>
    </textarea>
<p>
</td>

このコードを以下のように修正します。(緑色部分を追加)

<td colspan="2" width="100%" valign="top">
    <textarea<TMPL_IF NAME=AGENT_MOZILLA> cols=""</TMPL_IF> 
        class="width500" name="text" rows="<TMPL_IF NAME=DISP_PREFS_SHOW_EXTENDED>10
        <TMPL_ELSE>20</TMPL_IF>" wrap="virtual" 
        id="maintext" onfocus="setCurFieldId()">
        <TMPL_VAR NAME=TEXT>
    </textarea>
<p>
</td>

同様に、そのちょっと下にある追記用テキスト欄も編集します。
(目印は「name="text_more"」)

<td colspan="2" valign="top">
    <textarea<TMPL_IF NAME=AGENT_MOZILLA> cols=""</TMPL_IF> 
        class="width500" name="text_more" rows="15" wrap="virtual">
        <TMPL_VAR NAME=TEXT_MORE>
    </textarea>
<p>
</td>

このコードを以下のように修正します。(緑色部分を追加)

<td colspan="2" valign="top">
    <textarea<TMPL_IF NAME=AGENT_MOZILLA> cols=""</TMPL_IF> 
        class="width500" name="text_more" rows="15" wrap="virtual"
         id="moretext" onfocus="setCurFieldId()">
        <TMPL_VAR NAME=TEXT_MORE>
    </textarea>
<p>
</td>

以上でedit_entry.tmplの編集は完了です。


◆bm_entry.tmpl


基本的にedit_entry.tmplと同様にいじればOKです。
スクリプト内部の構成自体とてもよく似ているので迷わず編集できるでしょう。

◆styles.css


どこか適当に(一番最後がベター?)下記をコピペします。

.editor-button {
    display:block; 
    font-size: 10px; 
    font-family: "Osaka", "ヒラギノ角ゴ Pro W3", "MS P ゴシック", sans-serif; 
    font-weight: bold; 
    margin: 1px; 
    padding-left: 5px; 
    padding-right: 5px; 
    border-bottom: 1px solid #666; 
    border-right: 1px solid #666; 
    text-decoration: none; 
    white-space: nowrap; 
    background: #fff; 
    color: #666; 
}

以上、いじる箇所とその内容でした。
(ちなみにinsertStrの引数を変える事で色々応用できます。^(・:・)^ とかね。)
上記3つをいじってアップロードします。
すると・・・


ねっ。これでMTでもあの機能がっ!心置きなく使えますっ!
自分トコで簡単な動作確認しかしてないのでツッコミ等々希望!
つか、ななちゃんリスペクト!
それから、よ!本当にありがとう!リスペクト!

でわ!

(・e・)
ひよこまーく

›2 18, 2004

続・MTでも「ひ」ボタンをっ!(差分)

Posted by わたなべ at 21:07 / Category: MovableTypeいぢり / 4 Comments / 2 TrackBack

昨日エントリーに書いた「ひ」ボタンですが、
ひよこまーくの挿入先がエントリー本文(body)固定でしたので、
追記(extend)にも入れられるようにしてみました。

元記事−昨日のエントリーの内容は修正しましたので、
こっちには、前回のを見てMTをいじった方向けの差分を書いておきます。

※※※※※※※※※※※※差分修正版です※※※※※※※※※※※※※※

◆今回いじるファイル


以下、2つのファイルをいじります。
(mt.cgiのあるフォルダ/tmpl/cms)
 ・edit_entry.tmpl
 ・bm_entry.tmpl
※FTPダウンロード&編集時の文字コードに注意

◆edit_entry.tmpl


1:前回追加したJavascriptのfunctionを丸ごと書き換えます

130行目近辺、function insertLink() の直後あたりに追加した下記のコードを探してください。

function insertStr (v) {
    var str = document.entry_form.text.value;
    document.entry_form.text.value = str + v;
}

上記4行を丸ごと下記コードに書き換え(コピペし直し)て下さい。

var targetText_id;
function setTargetTextId () {
    if (!document.activeElement.id) return;
    targetText_id = document.activeElement.id;
}
function insertStr (v) {
    if (!targetText_id) return;
    var str = document.getElementById(targetText_id).value;
    document.getElementById(targetText_id).value = str + v;
}


2:入力フォームの<TEXTAREA>タグにfunctionを呼び出すイベントハンドラを追加

前回ボタンを追加した箇所(400行目近辺)の直後に、
本文記事を入力する為のテキスト欄を表示するコードが書かれています。
(目印は「name="text"」)

<td colspan="2" width="100%" valign="top">
    <textarea<TMPL_IF NAME=AGENT_MOZILLA> cols=""</TMPL_IF> 
        class="width500" name="text" rows="<TMPL_IF NAME=DISP_PREFS_SHOW_EXTENDED>10
        <TMPL_ELSE>20</TMPL_IF>" wrap="virtual">
        <TMPL_VAR NAME=TEXT>
    </textarea>
<p>
</td>

このコードを以下のように修正します。(緑色部分を追加)

<td colspan="2" width="100%" valign="top">
    <textarea<TMPL_IF NAME=AGENT_MOZILLA> cols=""</TMPL_IF> 
        class="width500" name="text" rows="<TMPL_IF NAME=DISP_PREFS_SHOW_EXTENDED>10
        <TMPL_ELSE>20</TMPL_IF>" wrap="virtual" 
        id="maintext" onfocus="setTargetTextId()">
        <TMPL_VAR NAME=TEXT>
    </textarea>
<p>
</td>

同様に、そのちょっと下にある追記用テキスト欄も編集します。
(目印は「name="text_more"」)

<td colspan="2" valign="top">
    <textarea<TMPL_IF NAME=AGENT_MOZILLA> cols=""</TMPL_IF> 
        class="width500" name="text_more" rows="15" wrap="virtual">
        <TMPL_VAR NAME=TEXT_MORE>
    </textarea>
<p>
</td>

このコードを以下のように修正します。(緑色部分を追加)

<td colspan="2" valign="top">
    <textarea<TMPL_IF NAME=AGENT_MOZILLA> cols=""</TMPL_IF> 
        class="width500" name="text_more" rows="15" wrap="virtual"
         id="moretext" onfocus="setTargetTextId()">
        <TMPL_VAR NAME=TEXT_MORE>
    </textarea>
<p>
</td>

以上、こいつ(edit_entry.tmpl)への修正はこれでOKです。

◆bm_entry.tmpl


今回も基本的にedit_entry.tmplと同様にいじればOKです。
1:前回追加したJavascriptのfunctionを丸ごと書き換え

2:入力フォームの<TEXTAREA>タグにfunctionを呼び出すイベントハンドラを追加

※本当は、今回の修正で bm_entry.tmpl のFORMタグ内に追加した
「name="entry_form"」も不要になるので、余裕のある方は外しといたほうがいいかもです。

以上、いじる箇所とその内容(の前回差分、とりあえず版)でした。

前回同様、自分トコ(IE@Win)でしか動作確認してませんので、
もしもおかしいトコとかあったら突っ込んでくださいませ。

でわ!

(・e・)
ひよこまーく

›2 17, 2004

MTでも「ひ」ボタンをっ!

Posted by わたなべ at 20:15 / Category: MovableTypeいぢり / 8 Comments / 4 TrackBack

JUGEMばっかずるいhtmlAreaで出来るならMTにも!
ってことで。

つけますた。あのボタンを。
(※2/18 修正しました。前回からの差分は【こちら】

以下、自分用覚書からの書き起こしなので読みづらかったらスンマセン。

◆いじるファイル


以下、3つのファイルをいじります。
(mt.cgiのあるフォルダ/tmpl/cms)
 ・edit_entry.tmpl
 ・bm_entry.tmpl
(mt.cgiのあるフォルダ)
 ・styles.css
※FTPダウンロード&編集時の文字コードに注意
※あと、念のためバックアップは取りましょう。マジで。

◆edit_entry.tmpl


1:Javascriptのfunctionを2つと変数を1つ追加します

追加する場所は<script>〜</script>内ならどこでもOKです。
とりあえず130行目近辺、function insertLink() の直後にでも。

function insertLink () {
    if (!document.selection) return;
    var str = document.selection.createRange().text;
    if (!str) return;
    var my_link = prompt('<MT_TRANS phrase="Enter URL:">', 'http://');
    if (my_link != null)
        document.selection.createRange().text 
            = '<a href="' + my_link + '" target="_blank">' + str + '</a>';
}
<<<<< このへんにブッこむ
function mtShortCuts () {
    if (event.ctrlKey != true) return;
    if (event.keyCode == 1) insertLink();
    if (event.keyCode == 2) formatStr('b');
    if (event.keyCode == 9) formatStr('i');
    if (event.keyCode == 21) formatStr('u');
}
上記ブッこみポイントに以下10行をコピペします。
var targetText_id;
function setTargetTextId () {
    if (!document.activeElement.id) return;
    targetText_id = document.activeElement.id;
}
function insertStr (v) {
    if (!targetText_id) return;
    var str = document.getElementById(targetText_id).value;
    document.getElementById(targetText_id).value = str + v;
}

2:エントリ編集用入力フォームにボタンを追加

追加する場所は380〜390行目あたり、<script>〜</script>で囲んでる部分です。
オレはボタン群の左はし、コード的には先頭に追加しました。

<script language="javascript">
if (document.selection) {
    document.write('<table border="0" cellspacing="0" cellpadding="0" width="107">');
    document.write('<tr>');

この直後に以下のコードを追加。
(コードが長いので、このページでは改行してますが、1行にまとめても構いません)

document.write('<td ><a href="javascript:insertStr(\'\\n(・e・)\\nひよこまーく\')">
    <span class="editor-button">ひ</span></a></td>');

画像は作るのめんどかったので、CSSにてそれっぽく振舞わせてみてます。


で。上記でも動くのですが、
このままだと、近隣で激しく記述されてる各要素へのサイズ指定のお陰で、
ボタンがはみ出したりするので、バイオレントに近辺のサイズ指定を外しました。
(実際には376行目あたり、<td width="402">以下12行くらいまで、所々に記述されている「width="xx"」 「height="xx"」をすべて削除)
さらに調子こいて他のボタンもCSSで実現すると、以下のようになります。

<tr>
<td><font class="pagetitle"><MT_TRANS phrase="Entry Body"></font></td>
<td align="right" valign="top">
<script language="javascript">
if (document.selection) {
    document.write('<table border="0" cellspacing="0" cellpadding="0">');
    document.write('<tr>');
    document.write('<td ><a href="javascript:insertStr(\'\\n(・e・)\\nひよこまーく\')">
        <span class="editor-button">ひ</span></a></td>');
    document.write('<td><a href="javascript:formatStr(\'b\')">
        <span class="editor-button">B</span></a></td>');
    document.write('<td><a href="javascript:formatStr(\'i\')">
        <span class="editor-button">i</span></a></td>');
    document.write('<td><a href="javascript:formatStr(\'u\')">
        <span class="editor-button">u</span></a></td>');
    document.write('<td><a href="javascript:insertLink()">
        <span class="editor-button">URL</span></a></td>');
    document.write('</tr>');
    document.write('</table>');
} else {
    document.write('&nbsp;');
}
</script>
</td>
</tr>

3:入力フォームの<TEXTAREA>タグにfunctionを呼び出すイベントハンドラを追加

2でボタンを追加した箇所の直後(400行目近辺)に、
本文記事を入力する為のテキスト欄を表示するコードが書かれています。
(目印は「name="text"」)

<td colspan="2" width="100%" valign="top">
    <textarea<TMPL_IF NAME=AGENT_MOZILLA> cols=""</TMPL_IF> 
        class="width500" name="text" rows="<TMPL_IF NAME=DISP_PREFS_SHOW_EXTENDED>10
        <TMPL_ELSE>20</TMPL_IF>" wrap="virtual">
        <TMPL_VAR NAME=TEXT>
    </textarea>
<p>
</td>

このコードを以下のように修正します。(緑色部分を追加)

<td colspan="2" width="100%" valign="top">
    <textarea<TMPL_IF NAME=AGENT_MOZILLA> cols=""</TMPL_IF> 
        class="width500" name="text" rows="<TMPL_IF NAME=DISP_PREFS_SHOW_EXTENDED>10
        <TMPL_ELSE>20</TMPL_IF>" wrap="virtual" 
        id="maintext" onfocus="setTargetTextId()">
        <TMPL_VAR NAME=TEXT>
    </textarea>
<p>
</td>

同様に、そのちょっと下にある追記用テキスト欄も編集します。
(目印は「name="text_more"」)

<td colspan="2" valign="top">
    <textarea<TMPL_IF NAME=AGENT_MOZILLA> cols=""</TMPL_IF> 
        class="width500" name="text_more" rows="15" wrap="virtual">
        <TMPL_VAR NAME=TEXT_MORE>
    </textarea>
<p>
</td>

このコードを以下のように修正します。(緑色部分を追加)

<td colspan="2" valign="top">
    <textarea<TMPL_IF NAME=AGENT_MOZILLA> cols=""</TMPL_IF> 
        class="width500" name="text_more" rows="15" wrap="virtual"
         id="moretext" onfocus="setTargetTextId()">
        <TMPL_VAR NAME=TEXT_MORE>
    </textarea>
<p>
</td>

4:ついでにショートカットキーも追加しとこう

追加する場所は・・・ちょっと戻ります。
前述1でいじった130行目あたりにある、function mtShortCuts () 内。
このfunctionはifで始まる行が並んでいますね。こいつらの最後に以下1行を追加。

if (event.keyCode == 22) insertStr('\n(・e・)\nひよこまーく');

※なぜkeyCodeが22="v"なのかは日本語キーボードの人ならわかるはず(笑)

◆bm_entry.tmpl


基本的にはedit_entry.tmplと同様にいじればOKです。
1:Javascriptのfunctionを1つ追加→138行目近辺

2:エントリ編集用入力フォームにボタンを追加→320〜340行目近辺

(サイズ指定も外すなら317行目辺りのtdに入れ子になったtableタグから)
3:入力フォームの<TEXTAREA>タグにイベントハンドラを追加→400行目近辺

4:ついでにショートカットキーも追加しとこう→140行目近辺


◆styles.css


どこか適当に(一番最後がベター?)下記をコピペします。

.editor-button {
    display:block; 
    font-size: 10px; 
    font-family: "Osaka", "ヒラギノ角ゴ Pro W3", "MS P ゴシック", sans-serif; 
    font-weight: bold; 
    margin: 1px; 
    padding-left: 5px; 
    padding-right: 5px; 
    border-bottom: 1px solid #666; 
    border-right: 1px solid #666; 
    text-decoration: none; 
    white-space: nowrap; 
    background: #fff; 
    color: #666; 
}

以上、いじる箇所とその内容でした。
(ちなみにinsertStrの引数を変える事で色々応用できます。^(・:・)^ とかね。)
上記3つをいじってアップロードします。
すると・・・


ねっ。これでMTでもあの機能がっ!心置きなく使えますっ!
自分トコで簡単な動作確認しかしてないのでツッコミ等々希望!
つか、ななちゃんリスペクト!

でわ!

(・e・)
ひよこまーく

›2 05, 2004

コメントスパムくらったぁぁぁ

Posted by わたなべ at 09:23 / Category: MovableTypeいぢり / 0 Comments / 0 TrackBack

昨夜は会社の同僚ら男ばかり8人で、互いの棒でタマタマをつつきまわしてたあげく
飲んで帰ってバタンキュだったので気づかなかったんですが、今朝PC立ち上げてビクーリですよ。

コメントスパム食らってやんの。

実害としては古いエントリーから順に30件ほどの宣伝コメントを食らっただけでした。
噂に聞く「1時間数百件のコメント」とかじゃなくて良かったと思ったり、
「オレもコメントスパム食らうようになったか」などと間違った感慨にふけってみたり。

一応禁止IPは設定したけど・・・また来たらやだなぁ。

›1 30, 2004

改装工事完了(中断ともいう)

Posted by わたなべ at 18:03 / Category: MovableTypeいぢり / 0 Comments / 0 TrackBack

とりあえず一旦終了。あーキリねぇー。

【やったこと】
●見かけの変更。とりあえずメニューと上の広告は右に寄せたかった。
てなわけでHINAGATAさんよりHINAGATA - 2Column(ひな型二段)をイタダキです。
広告は当初自動で表示されるに任せてましたが、手動表示(Indexに広告表示タグ挿入)に変更。
タイトルと同じ「banner」ブロックにぶち込んで、css側からfloatで右寄せ。
あとは「banner」ブロックに背景入れたり。

●MT2.661にアップグレード。やっとかよ。

MT4iのバナー追加。

そんなもんかな。またそのうちいじる予定です。

›1 29, 2004

改装工事中

Posted by わたなべ at 18:00 / Category: MovableTypeいぢり / 0 Comments / 0 TrackBack

工事中です。あんだーこんすとらくしょんなのです。
明日には完了予定なのです。多分なのです。
みづらかったりなんだりありますがカンベンなのです。

ひらに。m(_ _)m

›12 30, 2003

2.65UP完了・・・?

Posted by わたなべ at 00:11 / Category: MovableTypeいぢり / 0 Comments / 0 TrackBack

色んなトコ参考にさせてもらって、遅ればせながらMT2.65ヴァージョンアップ完了。多分。
今回強引な上書きアップデートなのでホントに無事アップデートかかってるか、
正直不安だったりします。おかしいトコあったらツッコミよろしく(お

›12 14, 2003

ト ラ バ 上 等

Posted by わたなべ at 20:18 / Category: MovableTypeいぢり / 0 Comments / 0 TrackBack

まだブログ初めて間もないものですから、
他のブロガの方からコメントやトラックバックもらうコトがめちゃめちゃ嬉しかったりします。
そんな個人的喜びのためにMORAHAZA*BLOG | とめどない日々の「トラバ24時間無料宣言」に賛同してみました。

でもトラバもらうってコトは、多分何か人の興味を引いたりとか、有用な情報を提供したり
ってゆーコトの結果ですよね。やっぱ。
うん。トラバもらえるよう頑張ろうっと(←ネタ的に難しい気が)

›12 10, 2003

ケータイ対応ヴァージョナップ

Posted by わたなべ at 13:31 / Category: MovableTypeいぢり / 0 Comments / 0 TrackBack

以前Tonkeyさんのトコから頂いた、ケータイ対応スクリプト(MT4iv5t13)が改変されたようなので導入。
うおお管理まで出来てしまうのかっ。
[Link : MT4i Ver1.4ベースでのTonkey改変最終版(MT4iv5t14)]

わざわざトラックバックを辿ってまでお知らせしてくれてありがとうございました>Tonkeyさん
あと、お誕生日おめでとうでした(笑)>タカシさん

›12 09, 2003

エントリに登録カテゴリを表示してみた。

Posted by わたなべ at 22:00 / Category: MovableTypeいぢり / 0 Comments / 0 TrackBack

マケズギライ@webさんのトコ参考に、記事タイトルの下にカテゴリの表記を入れてみました。
欲しかったんだーこの機能。
もちっと落ち着いたら今度はレイアウトいぢりたいなぁ。

›12 08, 2003

ケイタイ対応。

Posted by わたなべ at 23:15 / Category: MovableTypeいぢり / 0 Comments / 1 TrackBack

今度はTonkey MagicさんのMT4iv5t13をパク・・・使わせて頂きました。
いぇーい。これでMYケータイからもチェックできるぅぅぅ。
(URL)

Advent Calenderつけてみる

Posted by わたなべ at 21:16 / Category: MovableTypeいぢり / 0 Comments / 0 TrackBack

2xUPさんトコをマネしてAdvent Calenderなるものを付けてみました。もーパクリマクリ。
でもナニゲに色味が合ってるのとカレンダーと同化してイイ感じになってるのとで自分的にゴキゲン。

›12 05, 2003

勢いあまって激しく更新中

Posted by わたなべ at 23:08 / Category: MovableTypeいぢり / 0 Comments / 0 TrackBack

ヤバイっす。設定変えまくってサーバーへの負担かかりまくり。
ってゆーかハマリすぎ俺。3日坊主のパターンにならないよう反省&注意。

(今日いじったモノ・コト)
・モブログ導入してみる。
・スタイルシートで緑っぽいページにしてみる。
BLOG質問箱さん参考にBookMarkletsを設定。使ってみる。
BlogPeopleにまで登録してみる。お友達のトコを勝手にリンクしてみる。
・「BlogPeople」のブロックと「最近のトラックバック」のブロックがくっついちゃって困ってみる。

そういえば今日オープンな訳だが

Posted by わたなべ at 14:16 / Category: MovableTypeいぢり , いろいろうだうだ / 0 Comments / 0 TrackBack

モブログ入れた嬉しさに勢いあまって、初エントリーがモブログになっちゃった。
しかもマイマウスって。あいさつでも何でもねーし。
ともかくオープン。といってもまだテスト段階なので、まだ色々いじくるかも。いや絶対いじる。

(予定とか結論とか)
・なんか色々苦労した気がするけど、終わってみれば意外と簡単だったMTのインストール。
・ってゆーか、やっぱXREAサイコー。
・とりあえずこのレイアウト何とかしなきゃ。(12/5 14:00現在デフォルト)
・あとカテゴリも増やす予定。色々。趣味と一緒で広く浅く。
・ある程度軌道に乗ったら知り合い関係にも宣伝して回る予定。
・むしろそれ以前に、 3 日 坊 主 だ け は 避 け る 予定。

(追記)
てなわけでCSSいじくってみました。
色のイメージは、今ハヤリのアーミー物からウッドパターンってことで。

いや、ホントはザク色にしたかったんだけども。