多様な文字コードのサイトを Bookmarklet で取得するには ( ラボブログ )
スパイスラボ神部です。 たとえばソーシャルブックマークのような仕組みを作るとき、Bookmarklet である URL をブックマークしたとしたとします。そのとき URL はまだしも、そのページに見出しにあたるタイトルを文字化けなく取得するのは結構難しい気がします。日本語は SJIS、EUC に加え、UTF-8 でも既述ができ、たまに JIS であがっちゃっているサイトなんかも含めると、よっぽど精査しない限りタイトルが化けてしまいます。 この混乱した悲惨な状況を回避するために、いくつかのサンプルブックマークレットと、受け側での対処方法についてじっくり考えてみたいと思います。また、一年以上ぶりに人力検索でも質問をあげてみました。はてな人力検索は技術に強いのでは？という期待を込めて、あえて無料の Yahoo! 知恵袋や OKWave を使わずにコミットしてみたいとおもいます。 有用なコメントを
JS で入力済みフォームにフォーカスをあてるときのブラウザ間の挙動の差異 ( ラボブログ )
スパイスラボ神部です。 単刀直入に言うと、JavaScript で入力済みフォームにフォーカスをあてるときのブラウザ間の挙動の差異に困っています。 -JavaScriptが好きだ！ - Favorites! とりあえず Win 版 Firefox と IE で textarea に入力済みのフォーム部品があったとします。このウィジェットに focus でカーソルを移動させると、それぞれ下記のようにフォーカスがあたる（カーソルが移動）します。 IE の場合・・・テキストエリアの先頭に Firefox の場合・・・テキストエリアの末尾（入力済みテキストの最後に） これを解決するにあたり、なにかいい方法はないものでしょうか。 ちょっとヒントになりそうなもの -教えて！北京五輪「みんなにＱ＆Ａ」 テキストエリアへセットフォーカス ついでに気になる情報 [JavaScript] focus()する
様々なブックマークをミックス！ - チャートマニアックス
チャートマニアックスを使うと、様々なサイトのアクセスチャートを見ることができます。
ブラウザ毎の getComputedStyle の戻り値 - latest log
currentStyle, getComputedStyle() が返す値を調べています。 getComputedStyle() は、描画に使われるスタイルに(近い)値を取得する便利なメソッドです。 currentStyle は IE と Opera で使用できる JavaScript プロパティですが、やる気の無い値(widthで"auto"を返す等)を返すことでも有名です。 color: Browser gray skyblue #C0FFEE transparent 評価 Firefox2 rgb(128, 128, 128) rgb(135, 206, 235) rgb(192, 255, 238) rgb(0, 0, 0) Firefox3 rgb(128, 128, 128) rgb(135, 206, 235) rgb(192, 255, 238) transparent ○
ブラウザのバージョンアップをさりげなく促してくれる『Pushup The Web』 | 100SHIKI
ブラウザのバージョンアップをさりげなく促してくれる『Pushup The Web』 July 30th, 2008 Posted in 便利ツール（ウェブ） Write comment サイト製作者にとっては、訪問者がなるべく新しいバージョンのブラウザを使っていてくれるとうれしいものだ。 新しいブラウザであれば新しい技術を使った素敵な見せ方ができるからだ。 ただし、ぶっきらぼうに「古いブラウザーでは見えません」とか「このサイトは○○用に最適化しています」とかいうのはいただけない。 そこで登場したのがPushup The Webだ。このサイトで配布されているJavaScriptを設置するだけで、サイトの右上の方に「新しいバージョンのブラウザがあるようですよ」とお知らせしてくれるのだ。 しかも「いや、すぐにアップグレードはしないなぁ」という訪問者のために「6時間後にリマインドする」といったオプ
IE7.js登場 - IEのCSS/HTML非準拠はこれで対応 | エンタープライズ | マイコミジャーナル
Dean Edwards氏は7日(米国時間)、IEの動作をW3C標準仕様へ準拠させるためのライブラリIE7.jsの最新版を公開した。IE7.jsはJavaScriptで開発されたMS Internet ExplorerのHTML/CSS表示を調整するライブラリ。IE7.jsを使うことでMSIEのHTML/CSSまわりの表示処理をよりW3C標準規約に準拠したものにする。IE5やIE6で透過PNGを表示できるようにもなる。 IE7.jsは基本的にMSIE5/6向けに用意されていたライブラリをIE7に対応させたもの。これまでのモジュール構造は廃止され、IE7.jsやIE8.jsといったように個別のファイルに分離されている。ホスティング先もGoogle Codeへ変更された。IE7.jsはサイズも縮小され、圧縮した状態で11KBほど。またbase2.DOMのセレクタエンジンを使うことでより高速に動
ニコニコ動画開発者ブログのコメントをニコ動コメント風に流すbookmarklet(IE7/FF) - collisions.dotimpac.to
■リスペクトってことで。 このあたりを開いて、アドレスバーにコピペしていただければ、そのままです（最初なかなか出てきませんので、しばらくお待ちください） 例によってたいしたことはしておりませんが、ブログコメントが時間順に流れるの意外といいなあと思いました。 インクルード版 javascript:(function(){var d=document;var h='http://dotimpac.to/work/nicocomment/nicovideo.js';var s=d.createElement('script');s.src=h;d.body.appendChild(s);})(); 直書き版 javascript:(function(){var doc=document,o=[],w=(window.outerWidth||doc.body.scrollWidth),oc=0;c
忘れてはいけない超絶JavaScriptライブラリ「BlueShoes:JavaScript Collection」:phpspot開発日誌
BlueShoes: JavaScript Collection Get all the above components in one package. There is an example that uses most of the components.忘れてはいけない超絶JavaScriptライブラリ「BlueShoes:JavaScript Collection」。 既に紹介したと思っていたJavaScriptライブラリであるBlueShoesの紹介。 ご存知の方も多いと思いますが、知らない人も多いようですね。 ライブラリ、というより、リッチなコンポーネント集といったイメージで、次のような様々なコントロールが使えます。 WYSIWYGエディタ Excel風スプレッドシート ツリービュー スライダーコントロール 他にも下記の様々なリッチコンポーネントが使えます。 入力系コンポーネ
５・６年生にもわかるやさしいJavaScript
５・６年生にもわかるやさしいJavaScriptは下記URLに移転しました。 お気に入りやブックマーク、リンクをしていただいている方は変更をお願いします。 新URL http://clap96.web.fc2.com/masapine/java_top.html ※10秒後に自動的に移動します。
smart ウェブ講座 ポップアップウィンドウ
上記項目のうちのひとつでも指定するとそれ以外の項目はすべて no を指定されたことになる。 width / height サイズを指定するには open メソッドの[オプション]に'width=幅,hetght=高さ'と指定する。単位はピクセルで、100未満はセキュリティ上、指定できない。 <a href="javascript:void(0);" onClick="window.open('sample.html', 'newwin', 'width=300,height=350')">クリックすると開くよ</a> クリックすると開くよ top / left 位置を指定するためにはここへ'left=画面左端からの位置,top=画面上端からの位置'と指定します。単位はピクセルです。 <a href="javascript:void(0);" onClick="window.open('s
吹き出し方式のツールチップテキスト作成JavaScriptライブラリ:phpspot開発日誌
wg:Bubble Tooltips Bubble Tooltips are an easy way to add (via a bit of CSS and javascript) fancy tooltips with a balloon shape to any web page. 吹き出し方式のツールチップテキスト作成JavaScriptライブラリ。 次のような吹き出し方式のツールチップテキストを作成できます。 次のようなJavascriptコードを書いておき、 <script type="text/javascript" src="BubbleTooltips.js"></script> <script type="text/javascript"> window.onload=function(){enableTooltips()}; </script> アンカー<a>タグのt
JavaScriptエラーをサーバサイドでトラッキング:phpspot開発日誌
Open Source? OMG! This was a crazy test to see if it'd be possible to log errors triggered by JavaScript (on the client side) in the logfile of the webserver (on the server side, of course). It appears to be possible. クライアントサイドのJavaScriptエラーをサーバサイドでトラッキングするサンプルスクリプト(PHP)。 クライアントサイドでエラーが出た場合、Ajaxを使ってサーバにエラーを送信し、サーバ側でエラーをトラッキングする仕組みです。 こういったものを設置しておくことで、自分の動作確認できない環境でのエラーも把握できますね。
memo.xight.org - JavaScriptのデバッグ方法
Venkman JavaScript Debugger FirefoxのExtention． JSUnit メソッド 内容 assert([コメント], booleanValue) assertTrueと同じ assertTrue([コメント], booleanValue) booleanValueがtrueか assertFalse([コメント], booleanValue) booleanValueがfalseか assertEquals([コメント], value1, value2) value1 == value2か assertNotEquals([コメント], value1, value2) value1 != value2か assertNull([コメント], value) value == nullか assertNotNull([コメント], value) value
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
画像ぶっこ抜み.in
符号化系まとめ - ryuzi_kambe の？Ｄ
世界で最も縦に長いウェブサイト