Columbus Blog

新発見日記。ただし発見の意味は広義・・・感想・愚痴もときどき・・・

更新といえば更新

2009.12.22 Tuesday 00:45
寒くて写真も撮っていないせいか更新をさぼってばかりいるので、
せめて新年にはメインサイトのTOPページデザインでも少し変えようかと。
全面改訂するほどにはアイデアも気力もないので、
リンク切れの画像をカットしたり本文のフォント書体を変えるとか、
Firefoxでは妙に太くやぼったく見えてしまうhrをやめて、
画像化した繊細な罫線に変えてみるとか・・・。
結局は、バナーとかこうした細部をいじることにしたわけだが、
その過程で例によってまた思わぬ苦労をすることになる。

たとえば、自己満足でサイト内での検索、とかを載せている。
このフォームの入力テキストエリアでは、仮に
「ここに文字を入力してください」などと予め入れておくのが
HTML文書の文法チェックだと正しい、というのである。
しかし、最初から、そんな文字が入っていると、
実際に使うときはそれをデリートしなければならない。

そこで、だれも使わないお飾りの検索フォームとはいえ(笑)、
いちおうユーザーフレンドリーということを考えて、
このフォームをマウスでクリックした瞬間に、
この文字が消えて、そのまま自由に新規に
検索文字が入力できるようにしたい、と思ったわけである。
文法チェックでのマイナス1点を解消するためということでもある。

以前に何かでそんなjavascriptを見たことがあるので、
調べてみると、すぐ見つかった。
そして、導入してみると、うまく作動する。

よっしゃあひとつクリア、と思ったら、
まったく別次元で、導入以前に作動していた別のjavascriptが
作動しなくなってしまったことにあとで気がついた。
このあとで、というのがくせもので、
最初はまったく気がつかないから困ったものなのである。
まあ、今回は気がついたからいいとして。

それは、写真などの画像をクリック拡大するためのjavascriptである。
これはポップアップされる画像がぴったりサイズに収まるもので
とても気に入っていて各所で多用しているのだが、
新規導入しようとしている文字消しのjavascriptとは相性が悪いらしい。

他人のjavascriptをそのまま拝借している身では、
なぜそれが作動しなくなるのかは不明である。
そのどちらかの中身をいじって両方活用させる修正をおこなう、
なんてことはとうていできないので、
それでも、scriptを眺めてしばし思案してみたがどうにもならず、
これはどちらかいっぽうをあきらめるしかない。

画像拡大のほうのjavascriptはかなり昔に見つけたもので、
その後、いろいろでてるようなので、別のを試してみようかと思った。
しかし、探してみると一見よさそうだがぴったりというのがない。
わたしは、画像クリックするとHTML文書が新たにドカンと出てくるのが
上部のメニューバーとかがムダに見えてきらいなのである。

ひとつ海外の制作者のものを見つけて、どうかなと思ったのがある。
JavaScript「FancyZoom」というもの。
http://www.cabel.name/2008/02/fancyzoom-10.html
ところが、テキスト文字を消すjavascriptでは
bodyにonloadで書き足さなければならない記述があるのだが、
新規に見つけた「FancyZoom」もそうなのである。
しかも、見たこともない妙な[・・・]等の記述も欠かせない。

onloadで2つ以上のスクリプトを併記する方法などやっと調べて
記してみたが、どうもどちらかいっぽうがうまく作動しない。
それで、結局はこのFancyZoomもあきらめて別のを探すことにした。
ズームでの拡大機能自体はなかなかよかったのだが。

そこで、最近よく見かけるもので、
lightboxというjavascriptを試してみることにした。
これも海外の制作者のもので、現在バージョン2が出ている。
http://www.huddletogether.com/projects/lightbox2/
これは、onloadの追加記述もなく、テキスト文字を消すjavascriptとも
抵触しないことがわかった。

ただ、これも、拡大する前のHTML内部で拡大画像が開くとはいえ、
当初の気に入っていたjavascriptのようにコンパクトではない。
拡大する前のHTMLの上部は依然としてそのまま表示されていて、
そこには拡大後の画像が入り込めないので、
わたしのような画面が小さいパソコンモニターでは
800*600以上の大きな拡大画像だと
スクロールしないと下のほうが見えなくなってしまう。

まあ、しかし、いちおうTOPページだけに検索をいれるわけだから、
ここだけlightbox2を使うことにしよう。
ということで、もう少しデザイン等をいじって、
「狸囃子のきこえる家2010」として、元旦からUPする予定。
作業時間のわりには大して見栄えは変わらないが、まあ更新といえば更新。
WEB関連 | comments(0) | trackbacks(0) | - | - |

コメント

コメントする










この記事のトラックバックURL

http://columbusblog.tanuki-bayashi.com/trackback/934954

トラックバック