最近、Safari上でJavascriptを組むことが多く成ってきたのでコレを機に把握しきれていない位置関連のプロパティをまとめてみることにしました. はじめに 単位は全てpxで統一 青字のプロパティはDOM(標準ではない)関連のプロパティ 緑字のプロパティはCSS関連…

正規表現の練習くらいにしか役に立たないですが作ってみました。 特徴 リアルタイムで確認ができる。 XHTMLとJavascriptで作ったので保存すればローカルで使える。 JavaScriptで実装してるので一部使えない表現有り。 正規表現エディタ あとがき 最近ブログ…

setTimeoutやsetIntervalで関数を実行するとthrowされた値がキャッチできない。そこで下記のように関数を上書きするだけでthrowがキャッチできる。(console.errorは javascriptのデバック方法に依存するのでお好みのコードに置き換えて使えばOK) 使い方 catc…

実装側では非常に苦労しますが、使い勝手は抜群。わざわざnew演算子を使ってインスタンス生成をしなくても関数の戻り値としてオブジェクトを使うテクニックです。例を使って説明します。以下はDOMの操作で要素を削除する方法です。 普通の方法 var elem = do…

zindexの最大値を取ってくる関数を作ってみた。 とりあえずモダンブラウザは全て動いてました。(IE7/Safari2-3/Firefox2/Opera9/NN7) コード var getLargestZIndex = function(){ var largestZIndex = 0; var defaultView = document.defaultView; var func …

昨日のエントリー Safariの落ちるときのJavaScriptのデバック方法って？で悩んでましたが方法があった。 Safariはよく落ちからJavaScript Consoleでログを出力しながらデバックが面倒、落ちるとConsole自体が消えてしまうのでエラーが見れない。もしやと思い…

Firefoxの拡張機能開発でRengeを拡張して便利なメソッドを作ろうかと思いチャレンジしたところ行き詰った。 普通にRange.prototypeを拡張てFirebug上で試したところ期待通りの動きをしたので拡張機能として組み込んでみたら動かない…、何故だ！ とりあえず下…

関数を作成中にちょっと疑問に思ったんで調べてみました。JavaScriptの文字列検索系関数を比較するのに以下のコードで実験。 function keisoku(name, func, a, b){ var ave=null; for(var i=0;i

HTMLのA要素で開いたウィンドウに対してJavaScriptで制御できない。 そこで以下のスクリプトを作ってみた、だけど別窓なんて今時ほとんど使わねぇよなー。ちなみに動作確認したのはIEだけです。 //windowUtilのwindow保持変数 var windowUtil_Windows=new Ar…

デフォルトのデザインに囚われないで、ステキなデザインを適用できる。 JavascriptとCSSで実現されていて、HTMLはJavascriptのハンドラなどでソースが乱されないから、メンテナンス性も良さそうだ。 http://phpspot.org/blog/archives/2006/04/niceform.html

Submit時の確認メッセージの実装方法は色々あるが個人的には以下の様なやり方を好んで使ってます。 理由としては、HTML自体はXMLと同じくデータ構造として扱い、Javascriptで制御を行うのが明確に分けることが出来るため、慣れるとメンテナンスが良さそうな…

Webの仕事をしているのにJavascriptを仕事じゃ使わないなー。 趣味ではよく弄っているんだけど、Actionscriptも気になるし色々とJavascript周りも変わったし改めて勉強した方がよさげだ。 Prototype.js を使った JavaScript OOP 講座

ふと、思ったのが入力フォーム⇒確認⇒登録を踏んでいるナビゲーションの場合、 ユーザがうっかり確認画面で閉じてしまった場合悲劇です。何か良い方法が無いかと模索していますが。良い方法が見つからないです。 IEに関しては以下の方法でフックできたけど、…