はてなブックマーク

前回は超適当に作ったので、実体参照してる部分でちょん切れたとき、 悲惨な表示になっていたので、その点を改良。 実体参照の文字の文字数の数え方も改め、「&」で5文字と数えていたのを、 「&」の一文字分と数えるようにした。 それぞれ文字参照、10進、16進対応で、 今のところ置換えできるのは「&」「<」「>」「"」の4文字。 他のは・・・まぁいらんだろ(‘A｀) 全部やると重くなるだろうし。 ってことで置いておく。 short_title_link_ｖar2 使い方は前と一緒。 既存のテンプレのprevious_post_linkとnext_post_linkを それぞれprevious_post_link_shortとnext_post_link_shortに置き換える。 関数の書式は以下。 第5引数が切りたい文字数。 previous_post_link_short($

以前input buttonを画像にする、とかやったんですが、 input type="file"も画像化したいなぁ、と。 んが、どうやら一筋縄じゃいかなさそうだ。 というのも、レンダリングエンジンによって、 デフォルトの表示方法が違う。 IE(Trident)やFirefox(Gecko)、Opera(Presto)だと、左側にテキストエリアっぽいのがあって、その右にボタンがある。 が、googleChromeやSafari(WebKit)だと、ボタンがあってその右側にテキストだけが表示される。 まぁ、時点で、input:fileをどうにかするよりも、代替コンテンツで対処するしかないわけで。 問題点を挙げると・・・ ・CSSでwidthやheightを指定しても、個別に幅の指定や比率の指定も出来ない。 ・また、Firefoxはcssの幅を無視する。sizeに値を入れてやら

このブログに組み込んでたjavascriptも少しずつｊQueryベースへ書き換え中。 ファイルサイズも半分とまでは行かないけれど、40%ほどダイエットに成功。 まぁ、jQuery本体の分があるので、全体的には転送量上がってるわけだけれども。 さて、本題。 Thickboxを使って、画像をポップアップするのはいいんだが、 デフォルトではaタグについてるtitleしか表示できない。 aタグより、中のimgのaltを表示してもらいたいんだが。 ってことで改造。 tb_init()内の var t = this.title || this.alt || this.name || null; を var t = this.childNodes[0].getAttribute(”title”) || this.childNodes[0].getAttribute(”alt”) || nu

wp_plugin 自作のwordpress用プラグインの紹介 wordpress2.5以上に対応。 ナビゲーションの文字を短縮表示させる 前の記事、次の記事へのタイトルナビゲーションの文字列を短縮表示させものです。 wordpress標準関数のprevious_post_link、next_post_linkと置き換えて仕様。 動作してる様子はこのサイトの個別記事を適当に見てください。 short_title_link.zip 説明と言うかなんと言うか http://blog.lunatic-code.net/webdesign/php/28/ http://blog.lunatic-code.net/webdesign/wordpress/17/ 最近投稿した記事タイトルを短縮して表示する 最近投稿した記事タイトルを表示するものです。 サイドバーなどにリストを表示した場

フォーム関係はあんまりいじりたくないんだけど、 企業関係のページだと、メールフォームなんかで結構使うので、私用じゃ使わないのに需要は多い。 特にsubmitボタンを画像にして、さらにオールオーバーさせてくれとか言われたりするとﾃﾗﾒﾝﾄﾞｸｻｽ。 で、buttonタグだとボタンのごとく(というかボタンだけど)クリックでベコベコ動くのが気に入らない。 ギリギリの幅と高さにするとFirefoxでクリック時に見切れるし('A｀) inputでtype="image"も type="reset"とかやりたいときに困る。 ってことで、inputでtype="image"以外の方法。 とりあえずHTMLコードはこんな感じ。 <input class="input_btn" id="btn_send" name="btn_send" value="送信" title="送信" type="su