‘JavaScript’ カテゴリーのアーカイブ

JQuery Sortableを使って順番入れ替え機能の作成

2008 年 11 月 11 日 火曜日

WEBで表示順の入れ替え機能って作るのも、使うのも面倒なんだよね。上下に移動するボタン作ったり、表示順を数値で入力したり。

で、最近そんな機能を作成する必要が出てきまして。いろいろ考えて、そういえばWordPressのウィジェット(右側の最近の投稿やコメントがドラッグアンドドロップで入れ替え可能)って便利だよね、そんな風にできないかな、と思って調べてみたら出来たのでメモ。
(続きを読む…)

iPhone用WEBページのUI

2008 年 8 月 19 日 火曜日

前のエントリで「高くて手が出ねぇ」と書いたとはいえiPhoneは気になるわけです。iPhone対応ページもちょっとずつ増えてきてる。んじゃ、実際に自分で作るときはどうするのが良いのかな、と手元にiPhoneは無いけど妄想したりしてました。

で、Livedoorのログイン画面がiPhoneに対応した、との話を聞いて、メジャーなサイトがどういうiPhone対応をしてるか見てみました。

livedoor ログイン

これがiPhone対応のログインページ。PCでも見れるのでソースを見てみた所、iuiのcssを使ってる。

iui

以前に触ってみたんだけど確かに良くできてる。ほかにもiuiを使ってiPhone対応してるサイトもいくつかあるらしい。事実上のiPhone用のWEBページのUIの標準ってとこになりそうですね(もうなってる?)

ダウンロードファイルにサンプルが含まれてるので、ダウンロードして動かしてみるのがオススメです。しかもとっても簡単に使えます。

これであなたのサイトも“できる男”風に!

2008 年 6 月 11 日 水曜日

方法。

1. まずは落ち着く。できる男はいかなる時でも落ち着いてるものだ。仕事中なら尚更だ。

2. 深呼吸をしよう。落ち着いて深呼吸をしてる、周りからは“なんて思慮深い、さすができる男だ”と思われてるぞ!

3. おもむろに下のJavaScriptをアドレスバーに貼り付けてEnterだ。

JavaScript:with(document.body)innerHTML=innerHTML.replace (/の(?!は)(?!で)(?!が)(?!に)(?!か)(?!も)/g,'のできる男の');focus()

4. ページ全体にできる男風味が漂うぞ!

気に入ったらブックマークレットに登録しよう。これで、Yahoo! でも Google でもできる男風で無敵!できる男なら当然ブックマークに登録だ。

できる男風 ←できる男はこれをブックマークに登録だ!

5. 自分のブログにもJavaScriptを埋め込んでみよう。できる男のブログだと一目でわかるようになるぞ!
(続きを読む…)

gooRSSリーダーに追加するボタンについて

2008 年 5 月 8 日 木曜日

以前作成したRSSリーダーに追加するJavaScriptですが、”gooRSSリーダーに追加する”ボタンが動かなかったようです。徒然草:remixさんの記事で初めて気がつきました。テスト不足ですね。

他のサイトのボタンも動かない所がちらほらあるようで・・・いつの間にか仕様変更でもしたのかもしれないですね。ので、ちょっと調べてみました。
(続きを読む…)

RSSリーダー登録ボタン一括生成JavaScript

2008 年 4 月 23 日 水曜日

RSSリーダー、使ってますか?便利ですよ。

まぁ、ブックマークレットとか設定するのが面倒で、ノートパソコンだとブックマークツールバーがじゃまだったりするんだけどね。でも、最近はRSSリーダーへの登録ボタンをつけてるサイトが増えてきた。凄く助かる。

ので、自分のサイトにもつけるため、設定の仕方を調べてみたのでまとめ。標題のJavaScriptは最後にファイルで添付してるよ。
(続きを読む…)

フレーム越しにフォントサイズの変更(JavaScript)

2008 年 2 月 28 日 木曜日

結構な間更新してなかったので、今日聞かれたことをちょっとメモ。

最近Yahoo!ニュースとかで、フォントサイズが変更できるボタンがあるよね。あれをフレーム越しにやろう、って話。知ってればたいした話じゃないけど、知らないとちょっと悩むかも・・・まぁ、今更フレームってのもあんまり無いんだけど。
(続きを読む…)