JQuery Sortableを使って順番入れ替え機能の作成
WEBで表示順の入れ替え機能って作るのも、使うのも面倒なんだよね。上下に移動するボタン作ったり、表示順を数値で入力したり。
で、最近そんな機能を作成する必要が出てきまして。いろいろ考えて、そういえばWordPressのウィジェット（右側の最近の投稿やコメントがドラッグアンドドロップで入れ替え可能）って便利だよね、そんな風にできないかな、と思って調べてみたら出来たのでメモ。
(続き…)
タグ: JavaScript RSS
-
kenji0302
-
kenji0302
iPhone用WEBページのUI
前のエントリで「高くて手が出ねぇ」と書いたとはいえiPhoneは気になるわけです。iPhone対応ページもちょっとずつ増えてきてる。んじゃ、実際に自分で作るときはどうするのが良いのかな、と手元にiPhoneは無いけど妄想したりしてました。
で、Livedoorのログイン画面がiPhoneに対応した、との話を聞いて、メジャーなサイトがどういうiPhone対応をしてるか見てみました。
これがiPhone対応のログインページ。PCでも見れるのでソースを見てみた所、iuiのcssを使ってる。
以前に触ってみたんだけど確かに良くできてる。ほかにもiuiを使ってiPhone対応してるサイトもいくつかあるらしい。事実上のiPhone用のWEBページのUIの標準ってとこになりそうですね（もうなってる？）
ダウンロードファイルにサンプルが含まれてるので、ダウンロードして動かしてみるのがオススメです。しかもとっても簡単に使えます。
-
kenji0302
これであなたのサイトも“できる男”風に！
方法。
1. まずは落ち着く。できる男はいかなる時でも落ち着いてるものだ。仕事中なら尚更だ。
2. 深呼吸をしよう。落ち着いて深呼吸をしてる、周りからは“なんて思慮深い、さすができる男だ”と思われてるぞ！
3. おもむろに下のJavaScriptをアドレスバーに貼り付けてEnterだ。
JavaScript:with(document.body)innerHTML=innerHTML.replace (/の(?!は)(?!で)(?!が)(?!に)(?!か)(?!も)/g,'のできる男の');focus()4. ページ全体にできる男風味が漂うぞ！
気に入ったらブックマークレットに登録しよう。これで、Yahoo! でも Google でもできる男風で無敵！できる男なら当然ブックマークに登録だ。
できる男風 ←できる男はこれをブックマークに登録だ！
5. 自分のブログにもJavaScriptを埋め込んでみよう。できる男のブログだと一目でわかるようになるぞ！
(続き…) -
kenji0302
RSSリーダー登録ボタン一括生成JavaScript
RSSリーダー、使ってますか？便利ですよ。
まぁ、ブックマークレットとか設定するのが面倒で、ノートパソコンだとブックマークツールバーがじゃまだったりするんだけどね。でも、最近はRSSリーダーへの登録ボタンをつけてるサイトが増えてきた。凄く助かる。
ので、自分のサイトにもつけるため、設定の仕方を調べてみたのでまとめ。標題のJavaScriptは最後にファイルで添付してるよ。
(続き…)
kenji0302
フレーム越しにフォントサイズの変更（JavaScript）
結構な間更新してなかったので、今日聞かれたことをちょっとメモ。
最近Yahoo!ニュースとかで、フォントサイズが変更できるボタンがあるよね。あれをフレーム越しにやろう、って話。知ってればたいした話じゃないけど、知らないとちょっと悩むかも･･･まぁ、今更フレームってのもあんまり無いんだけど。
(続き…)
kenji0302 と 
イサム がコメントしています。 -
イサム
すべてのインラインフレームのフォントを変更するにはどうすれば良いのでしょうか？
-
kenji0302
イサムさま
軽くやってみたんですが…なかなかうまくいかないですね。
参考までに、HTML中のインラインフレーム取得の処理は
こんな感じです。var iframeObjArray = document.getElementsByTagName('iframe');
for(var i=0;iframeObjArray[i];i++){
//フォントサイズ変更処理を書く
iframeObjArray[i].contentDocument.body.fontSize=1;
}一応、フォントサイズ変更についても書いてはみてるんですが、
これではうまく行かないみたいです。
iframeObjArray[i].contentDocument.body.fontSize=1;う〜ん、まだまだ修行不足ですね。
気にはなるので、iframeについても判れば追記しておきますね。
まちょ 04:32 2010年2月26日 パーマリンク
素晴らしいです！
大変、参考になりました！
有難う御座いました！
とく 19:28 2010年5月26日 パーマリンク
すばらしいサンプル、ありがとうございます！！
これで抱えていた問題が解決できそうです！！！