Javascript

jQueryでハイライト

検索ボックスで入力中に検索文字をハイライトしてほしかったので、 jQueryでそういうプラグインないかなーとさがしてたらあった。 さすがwjquery.highlightでも、元々英語だったのプラス、 ハイライト時にappendchildしまくってテキストノードが分断されて…

ここ2週間で知ったJavascriptとHTML/CSSのTipsメモ書き

知ってる人に取っちゃ当たり前なんだけど、今回初めてしったノウハウをメモしとく 1. bodyにonloadを追加したい場合はwindowにattachEvent/addEventListenerすべし <body onload="func()";> みたいなこととをしたい場合。 (document.getElementsByTagName('body')[0]).attachEvent('</body>…

javascript で wait処理

Javascriptではwait処理はない。 でも、ある処理Aが完了した後に、処理Bをして欲しい場合が往々にしてある。 例えば、以下のような処理。 var a = func1(); func2(a); 通常の場合だと、この処理はfunc1 → func2と処理される。 だけどfunc1の中で、setTimeout…

クロスブラウザ対策用JSで一般的なEventなどの一般的なもの

browser判別のみjQueryを使用した。 /* from jQuery */ var userAgent = navigator.userAgent.toLowerCase(); // Figure out what browser is being used var browser = { version: (userAgent.match(/.+(?:rv|it|ra|ie)[\/: ]([\d.]+)/) || [])[1], safari:…

applyの利用してイベントのthisをbind(指定)させる方法(attachEventでthisを指定させる方法)

ちょっとはまったので、まとめとく。 きっかけ 元々の発端は、イベント関連の処理をしていて、FirefoxではaddEventListenerしたとき、 つまりobj.addEventListener(func, 'click', false);という処理を書くと 呼び出し先(func)のthisにobjが入ってくるわけだ…

setTimeoutで大いにはまった。

setTimeoutですげーはまった。大いにはまった。 けど、id:amachangのJavaScript を学ぶ際に一番重要なのに、誤解されがちな setTimeout 系の概念で大いに理解した。サンクス!! id:amachang 余談だけど、そもそもの発端はhtmlロード時に、bodyのonloadにフ…

関数スコープメモ

Javascriptのスコープではまったのでメモしておく。 なんでこうなるのかは、いまだに理解してない。 なんででしょうか?教えて偉い人!!元のHTMLとJSソース <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <meta http-equiv="Content-Script-Type" content="text/javascript"> <title>test page</title> </head> <body> </body></html>

寄り道しまくり (ちょっっっっっっっw

会社でお仕事開始 ↓ HTML/CSS/JSをいじりまくり、見た目やIFを改修する作業が中心 ↓ 検索IFでGoogleAutoPagerみたいな自動フェッチ&プリント機能が必要と考えて、 JSのソースコードを読む ↓ 作った作者のブログを読んでいるとXPathを使うと移植が楽だという…

ホームページなどにメアドをさらすときの迷惑メール対策について

ホームページなどにメールアドレスを書いて、 「連絡先はこちら」、みたいなことかいてあるけど、 これって、スパム業者にスパム投げてね♪って行ってるみたいなもんwなので、対策をちょっと考えてみた。 ほんとに、頑張ればいろいろできるんだけど、 コスト…

イベントリスナー

クロスブラウザ対策のイベントリスナーはこう書くとキレイなのか // イベントリスナー登録 function addListener(oElm, sType, func, cap) { if (!oElm) { return false; } if (oElm.addEventListener) { // W3C準拠ブラウザ oElm.addEventListener(sType, f…

unsafeWindow についてしらべてみた

昨日書いてたグリモンを参考にしたIEスクリプトで var w = typeof unsafeWindow != 'undefined' ? unsafeWindow : window; の意味が理解できてなかったので、改めて調べてた。式の内容としては、unsafeWindowがあるかないかを評価して、在るならunsafeWIndow…

今更ながらIEで新生銀行のログインUIに対抗してみた。

この辺(新生銀行の件のフォローアップ)とかこの辺(新生銀行のUIは使いにくいか?)で、 新生銀行のウェブログインについてちょっとバトってた時期があって、(オイラ自身じゃないよ) その解決にグリモン使えばいいんじゃね?みたいな記事を見つけて、 早速その…

firefox+extention >>>>>越えられない壁 >>> IE な状態の IEを Firefox+greasemonkey + Tab Mix Plus にまで近づける。

なんか、大層なタイトルをつけましたが、 やってることは至極簡単。以下のプラグインを入れるだけ。 IE7 Pro タブヒストリー、ユーザスクリプト(グリモン機能)、マウスジェスチャー、タブ移動、AdFilterなどなど Debug Bar DOM、HTTP、Javascript の各Inspec…

企業などのページなどでコピーライトを表示する場合Javascriptを使って以下のように記述すれば 自動的に年度が更新されるので、非常に楽チンになる Copyright © 2006-myDate = new Date(); myYear = myDate.getFullYear();document.write(myYear); Minoru, I…