javascript

記号区切り "hoge_fuga" をキャメルケース "hogeFuga" に変換する方法

replace() の第一引数に正規表現を与えて、第二引数に置換を行う関数オブジェクトを与えて処理します。 'hoge_fuga_123'. replace( /_./g, function(matched) { return matched.charAt(1).toUpperCase(); }); // => "hogeFuga123" 正規表現の末尾の g は全部…

(Twitter風に)入力文字数をカウントするスクリプト

基本戦略としてはタイマーで文字数を監視して画面に表示するだけです。(追記:「キーイベントじゃないの?」とtwitterで聞かれたんですけど、貼り付けのときにも数字を更新したいので、タイマーで監視するようにしています。)→DEMOただフォーカスを得てい…

カラーコードの10進数と16進数を相互に変換

カラーピッカーで拾った色がだいたい10進数(0〜255)なので、それを16進数(0〜FF)の表記に変換するプログラム。 → http://ohbaco.net/archives/2010/0609/colorcode/colorcode.html せっかくなので逆変換も作ってみました。地味に#FFFな三桁コードにも対応し…

ちょっとリッチなjQuery UI Sortaleのつくりかた

→微妙に移動しました : http://d.hatena.ne.jp/ginpei/20100124/rich_sortable

ちょっとリッチなjQuery UI Sortaleのつくりかた

jQuery UI Sortableを使ってドラッグ&ドロップで順序変更できるリストを簡単に作ることができるんですが、見た目がどうも好きじゃないです。なんというか、元いた位置がわからなくなっちゃうとことか。 そんなわけで、自分好みの見た目になるCSS(とJavaScr…

見ているページのタイトルを簡単にコピーするブックマークレット

どこかのページを見ていて「面白い! 誰かに伝えたい!!」と思ってURLをコピーして、あれ、じゃあページのタイトルはどうしよう? ってなった経験、ありませんか? ページのタイトルって、タブやキャプションバーに表示されているわりにどこからもコピーで…

jQueryプラグインを作る際の7つのルール

公式のPlugins/Authoringより。自分なりにまとめて再構成しています。 ファイル名は jquery.プラグイン名.js にすること。 jQueryオブジェクトをreturnすること。 要素への繰り返し処理にはeach()を利用すること。 名前は「$」ではなく「jQuery」を使うこと…

配列のlengthは代入可能

配列のlengthプロパティは実は書き換え可能で、要素の個数を変更できるみたいです。 増やした分は、undefinedが設定されます。 var arr = [1,2,3,4,5]; arr.length = 10; alert(arr.join(',')); // 1,2,3,4,5,,,,, まあこれはわかる。で、なんだか減らすこと…

User Agent

クロスブラウザの最初歩にブラウザの判別があるわけだが、どうやって判断するのが最もスマートか? 固有のオブジェクトの有無で判断するのが一般的なようで、実際問題もないようなのだが。 navigator.userAgent はなんで駄目なんだ。使われていないのだから…

Flash を自動的にウィンドウサイズに合わせる

Firefox では embed で flash を利用する事ができた。 このとき、width と height にそれぞれ 100% を入れてみたのだが、height の方はうまく動いてくれないようだ。仕方ないので if(window.innerHeight) onresize = function() { document.getElementsByTag…

最終訪問時刻から処理を決める

故あってつい最近、「最終訪問時刻から処理を決める」スクリプトを二度書いた。 やり方はこうだ。 現在時刻を Cookie に登録 もし既に登録されているのがあれば、Date オブジェクトに入れて現在時刻と比較 差を判別して処理 もしかしたらこれ便利なのかなあ…

「ひとつ上の要素」を取得したい(親要素を取得したい)

自身を element とすると element.parentElement に格納されている。

スタイルシートのクラス名から要素を取得したい

ID なら getElementByID() が、要素名なら getElementsByTagName() が使えるが、class 属性から要素を検索したい場合。 残念ながらそんなメソッドは存在しない模様。ループで className を逐一確認してゆくしか。 ただし同様の事を考えた先人は数多くいるの…

JavaScript 式のスタイルシート

→JSS 解説編 「JavaScript Style Sheets」は、JavaScriptで記述するスタイルシートです。したがって、このスタイルシート中で、JavaScript言語を使用することができます。ただ、ほとんどのプロパティ名は「Cascading Style Sheets」と同様で、機能的にも同じ…

style 属性で直接指定していないスタイルシートの値を参照できない

要素に style 属性を用いて直接指定したもの以外は、obj.style.prop で値を参照できるが、id や class など、style 要素内(あるいは外部ファイル)で指定しただけものは undefined になってしまう。 IE の場合、obj.style.prop を obj.currentStyle[prop] …

createElement(), createTextNode(), appendChild()

要素、内容の文章を作成し追加するメソッドっぽい。非標準らしい。φ(..)メモメモ

HTA を作る

HTA: HTml Application. Windows で、HTML ファイルの拡張子を ".hta" に変更する事で利用できる。GUI は HTML+CSS で表現できるし、実際の処理のコーディングは JavaScript ……じゃなくて JScript だから、敷居が低い。 →http://www.microsoft.com/japan/msd…

『入門 Ajax』購入

昨日書いた『入門 Ajax』、購入してしまいました。 丸善に行って「見るだけ」のつもりだったのですが……立ち読みの結果「購入価値アリ」と判断。思わずレジまで持っていってしまいましたヨ。 まだ全部をちゃんと読んではいないけれど、内容は十分充実していそ…

Google Homepage APIs

→Google Homepage API公開 | スラド IT たぶん、Google パーソナライズド ホームの API 群。作成したモジュールを Google ディレクトリに登録(投稿?)できるとか。 パーソナライズド ホーム以外からでも API は利用できるのかな? できたら便利そうだけれ…

Ajax 関連ぼそぼそ。

入門 Ajax作者: 高橋登史朗出版社/メーカー: ソフトバンククリエイティブ発売日: 2005/11/15メディア: 単行本購入: 4人 クリック: 95回この商品を含むブログ (101件) を見る『入門 Ajax』なる本があることが判明。うーん、もう出てたか! 早いなー。こういう…

Ajax 関連リンク色々

今日ブックマークしたもの。 http://www.imgsrc.co.jp/~kuriyama/prototype/prototype.js.html ... この prototype.js なるものを使うのが、最も簡単らしい。 http://d.hatena.ne.jp/brazil/20050909/1126254775 ... 有名どころ? でもたぶん英語なんだよな…

JavaScript における「クラス」

CodeZine の記事に触発されて……。 JavaScript などの ECMA スクリプトはオブジェクト指向でありながら、クラスというものがない。が、概念としてはあるっぽい。 実は関数を作るとそれがクラス(みたいなもの)になる。 function MyClass() { var variable; /…

JavaScript の "オブジェクト指向" を理解する

http://codezine.jp/a/article.aspx?aid=220 期待の連載第一回。今回はオブジェクトのメンバの扱いについて。