Web Design :: Lunatic-Code

うーむ・・・
同梱されてるjQueryのバージョンが1.3.2になったせいか、
thickboxが正常に動作しなくなってしまった。

こいつは困ったね。
ローディング画像までは出るのだが、
肝心のリンク先の画像が出ない。
他のサイトで使ったときは1.3.2でもちゃんと動いていたのになぁ・・・。

とりあえず、ｊQueryだけ1.2.6に戻しておこう

してみたんだが・・・
相変わらずメディアアップロードにFlash版が使えなくて困る。
Flash自体のダウングレードスるしかないな・・・

以前input buttonを画像にする、とかやったんですが、
input type="file"も画像化したいなぁ、と。
んが、どうやら一筋縄じゃいかなさそうだ。
というのも、レンダリングエンジンによって、
デフォルトの表示方法が違う。

IE(Trident)やFirefox(Gecko)、Opera(Presto)だと、左側にテキストエリアっぽいのがあって、その右にボタンがある。
が、googleChromeやSafari(WebKit)だと、ボタンがあってその右側にテキストだけが表示される。
まぁ、この時点で、input:fileをどうにかするよりも、代替コンテンツで対処するしかないのが明白なわけで。

問題点を挙げると・・・
・CSSでwidthやheightを指定しても、ボタンとテキスト欄は個別に幅の指定や比率の指定も出来ない。
・また、Firefoxはcssの幅を無視する。sizeに値を入れてやらねば・・・。
・Firefox、googleChrome、Safariはテキストをクリックしてもファイル選択ダイアログを出す。
・IEとOperaはボタンを押さないとダイアログが出ない。
・input:fileに対し、クリックイベントを発行しても、IEしかダイアログを表示しない。

ﾏﾝﾄﾞｸｾ(‘A｀;)
テキストエリアぽいところクリックしてもダイアログでない＋クリックイベントも受け取らないので、
Operaだけは残念ながら除外せざるを得ない。
(続きを読む…)

GoogleAjax FeedAPIで常に最新のFeedを読み込む。

GoogleAjax FeedAPIで、RSS読んじゃうぞ、と。

JavaScript環境でしか使えないという弱点はあるものの、
コードをペッと貼り付けるだけで動くので便利すなぁ。
PHPだとMagipeRSSを使った方法なんぞを以前紹介しましたが、
実装がややめんどい。

さて、と。
実装する上で、問題がひとつ。
XSSの問題からか、直接データは拾ってこれない。
googleのFeedfetcherというrss用クローラーすでにクロールしていて、
googleのサーバ上にキャッシュしているデータを表示するようだ。
んで、このクローラーは、日に1、2回しか回ってこない。
更新が頻繁でないサイトならそれでもいいのだが、
ニュースサイトなど、一日に何度も更新してるようなサイトだと、
1日遅れのRSSなんぞ用がないわけで。

んで、キャッシュにないものについては、新しく取得しに行くようだ。
なのでFeed設定のときに適当な一意のクエリ文字列を追加してやって、
ページを更新するたびに毎回新しく読み込みに行かせてやればいいんじゃね？
そんなわけで、単純にgetTimeで時間を取得し、
それをrssのアドレスの末尾にクエリ文字列として追加してやれば、
常に最新のRSSを読み込みにいく。
ただし、これだとリロードのたびに毎回更新をしてしまい、レスポンスが悪いので、
5分間隔くらいで更新するようにしてやる。

var feed = new google.feeds.Feed("http://blog.lunatic-code.net/feed/rss/"+"?"+(parseInt((new Date()).getTime()/300000)));

こんな感じ。

まぁでもよっぽど頻繁に更新するサイトでもなければ、1～2時間とかそんなもんでいいんでない？

APIテスト環境だと動いてたものが、なぜか本番環境じゃ動かない。
なぜに・・・？
んでこうなってるのを
<script type=”text/javascript” src=”http://maps.google.com/maps?file=api&v=2&sensor=true_or_false&key=[キー]“></script>

こう変える
<script type=”text/javascript” src=”http://maps.google.com/maps?file=api&v=2&&key=[キー]“></script>

sensor=true_or_falseを削除するとなぜか動く。
何でじゃろ。
消せば動く、というのはググれば何件か引っかかったが、
なぜ消すと動くかがわからない。

IE6～7が長かったせいか、いきなり登場した感がするIE8。
細かいチェックはしてないけれど、使用した感じはまずまずかな、と。
ブラウザシェアの力技によるフィードバックを活かした、
中々使いやすいブラウザだとは思う。
動作も俊敏。

firebugのような開発用環境も付いているのが非常に素晴らしい。
このツールはちょっと使い込んでみたいと思う。

wordpressはコメントとトラックバックが一緒くたなのが困ったちゃんですね。

リクエストがあったのでプラグイン作ってみました。
コメント投稿者のメルアドやURLを端折っているのでサイドバー用ですね・・・

・コメントもらった記事タイトルが長くて困る
・トラックバック元のタイトルがなげーよ！
とお嘆きの方にオススメかも知れません。

表示したい部分に以下のように記述してください。
——————–
<ul>
<?php ltc_get_recent_comments(); ?>
</ul>
——————–
引数は以下のようになっています。
ltc_get_recent_comments($limit = 7, $type=”, $length = 0 );

$limit ：表示する件数。初期設定=7件
$type ： c コメントのみ/ t トラックバックのみ / ct 両方。初期設定=両方
$length ：短縮させるバイト数。 初期設定=24文字

例)
ltc_get_recent_comments(5,’c',12);

コメント5件、記事タイトルを12文字で切り飛ばし、コメントのみ表示になります
また、コメント投稿者の名前やトラックバック元記事は、
直前に日付を表示しているため$length-5文字で切ってます。

ダウンロードはプラグインページからどうぞ

トラックバックとピンバックでフラグが違うようだったので、両方取れるように修正っ