「無視してやんよっ！」なんて言いながら
さっそく直してます。
気が弱いです。

昨日は、
ブラウザのせいにしてましたが、
自分の無知のせいでございました。

また、勉強になりました。

IEでは、javascriptのgetAttirbuteやsetAttributeで操作できない属性（styleやonclick・・・）があるそうで、
すっぽりとその罠に嵌ってました。

setAttributeを使わないようにしたら、うまくいきました。

div.setAttribute(’style’,'display:none’);
→ div.style.display = ‘none’;

裏処理用のデータがもろ見えてかっこ悪かったのがなおりましたｗ

?

?

あと、もう一つ。
クラス名をjavascriptで設定してたんですが
IEのクラス名の要素は “class” じゃなくて “className”　らしいです。
ということで、ブラウザがIEかどうかを判断して処理を変えました。

if(navigator.userAgent.toLowerCase().indexOf(’msie’) != -1) {
　//IEはこっち
　img_div.setAttribute(’className’,'img_div_classname’);
}else{
　//他のブラウザはこっち
　img_div.setAttribute(’class’,'img_div_classname’);
}

直りました。。

上の画像は、例の自作サイトで出力したものです。
少しだけVersionUPしました。

ブログに貼り付ける画像出力にサムネイル（角丸、影付き）を追加しました。
以前、ImageImagickで作っておいたものを流用しただけです。
が、時間かかりました。。

あと、他の部分もちょこちょこと修正。

chromeで、表示して見たら、modal表示のレイアウト崩れがおきていて凹みました。
divタグにtext-align:center;で真ん中寄せが効いてません。
FireFoxでは大丈夫なのに。。
直す気起きません。
レイアウトが崩れていたって、動くもんは動く！

徐々に、自分専用のサービスに近づいております。

prototype.jsとｊQuery.jsがコンフリクトしてた問題を解決しました。

てか、ネットで検索したら解決方法がありました。
結局jQuery とprototype.jsでは、$()　の解釈に違いがあるようで、
簡単に言うと、こいつの戻り値が
prototype.jsはエレメントオブジェクト、ｊQueryはjQueryオブジェクトになるようです。
なもんで、両方の＄（）を違うものにするために、ヘッダー部分に

<script type=”text/javascript”>
jQuery.noConflict();
var j$ = jQuery;
</script>

を加えて、ｊQueryの”$()”を”j$()”に変更してやって、
jQueryのソースの中の「$(」を「j$(」に全部置換すれば動くようになります。

参考：
prototype.jsとThickBox(jQuery)がコンフリクト｜blog｜たたみラボ)
大井さん、、、お久しぶりです！

prototype.js と jQuery の競合（コンフリクト）解決！　＆　共存方法

対応しました。

以前は、画像にマウスオーバーすると、
拡大表示させていたものをクリックして拡大表示するようにし、
拡大表示の中にブログ貼り付け用ボタンを作りました。

クリックすると、モーダルダイアログでブログ貼り付けコードを表示します。
モーダルダイアログには
ｊQueryのsimpleModalを使いました。

http://www.ericmmartin.com/projects/simplemodal/

似たようなもので、他には　
Lightbox　http://www.huddletogether.com/projects/lightbox/
ThickBox　http://jquery.com/demo/thickbox/

があるようです。
いや、むしろ上記二つの方が有名です。

ところで、ｊQueryを導入したら、prototaype.jsが動かなくなっちゃいました。
何かぶつかってるんでしょうか？
後ほど修正します。

さて、あと残るはカテゴリ検索ですが、タグ絞込みの方が機能としては便利かな？とも思っています。
どのように作るかは考え中です。

GoogleAPIを使って翻訳機能をAJAX化しました。

画像読み込み中に
翻訳ボタンを押されると翻訳が間に合わない。
で、押しまくるとちょっとおかしくなるｗｗ

やさしくしてください。。

昨日紹介した自作サービスについて。

日本語→英語、日本語→中国語　に翻訳するのに
Wikipediaを使っている。

日本語をキーにして、Wikipediaで検索し、取得したHTMLから
正規表現で英語（or中国語）の文字列（キーに対応する単語）を取得している。
これは、自作翻訳API。

これのいいところは、「ドラえもん」とか、「ウルトラマン」とか、
普通の翻訳ツールじゃカバーしづらい固有名詞に強いというところ。

逆に、弱いのが、あいまいさが残るものがダメ。
たとえば、「竹島」とを英訳してやろうとしても、自分は例の領土紛争の竹島を指しているつもりでも、
実は竹島っていう地名はいっぱいあるので「Takeshima_(disambiguation)」　となる。
つまり、おせっかいな事にあいまいさ回避のためのページに飛ばされてしまう。

これじゃ、カッコ悪いので
なんか、翻訳APIないかなぁと検索してみたら、Googleが出してるらしい。
おおふorz
http://code.google.com/apis/ajaxlanguage/

なんちゅー太っ腹なんだ。。
すげーよ。ごっごる。

とりあえず、これを使って見ることにする。
ちょっとドラえもんとかは惜しい気がするけど、ま、いいや。
本来なら、Wikipediaの結果と比較して、よさそうな方を採用ってロジックにした方がいいんだろうけどね。

ほんじゃ、さっそく、ドキュメント読み読みして、入れ込んでみます。

http://ohmyga.net/

空いた時間にこつこつと作りました。
Flickrには日本語で検索する機能がないので、
日本語から英語に翻訳してから検索、日本語から中国語に翻訳してから検索という機能がついとります。
もちろん、日本語でそのまま検索もOKです。

いまは、βバージョンで、
これから、複数語検索、カテゴリ検索、ブログ貼り付けコード出力　あたりはつけようかなぁとは思っとります。

フレームワークはSmarty
使用言語はPHPとJavaScriptです。

http://semooh.jp/jquery/

いまさらな感じだが、ｊQuery面白いや。

上記画面は、日本語リファレンス。



TOPの画面の最新エントリにｊQueryのアコーディオンを使ってみました。