FirefoxのJSでdialogを拡張する - 枕を欹てて聴く
NortificationBoxみたいに最初からwindowから要素自体を取得することができないので、openDialogで作るしかない。 ただ、openDialogの第一引数はURIであり(本来ならここに、自分の作ったxulファイルへのURIを入れるが、今回はJSだけで何とかできないか模索)、簡単に空のDialog要素を取得することが難しい。 // utility functions var XUL_NAMESPACE = "http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul" var HTML_NAMESPACE = "http://www.w3.org/1999/xhtml" var Cc = Components.classes; var Ci = Components.interfaces; // 現在のwi
Shibuya.es カンファレンス - 中継のご案内
中継のご案内 2007年3月23日(金)開催のShibuya.esカンファレンスについて、i-revo によるネット中継を行います。 イベント当日になりましたら本ページに「視聴」のためのリンクを掲載します。 リンクをクリックすることでプレーヤーが起動し、再生が始まります。 配信はWindows Media Technologiesを用います。Windows Media Player 9以降の利用をお勧めします。 中継は終了しました。 録画アーカイブ amachangさん: JSer のための AS3 ！[動画] abuiさん: Cycal - オンラインスプレッドシート[動画] cho34さん: えへへ、うふふ E4X[動画] sendさん: Firebug[動画] omoさん: はじめての ABC[動画] Yu Kobayashiさん: Narcissus - ナルシスト、自分を愛した美
JavaScriptのオブジェクトについて考察してみた - あと味
JavaScriptを勉強しているとオブジェクトとはなんぞや？ということがわからなくなってきます。選択肢が増えれば増えるほど。 JavaScriptには、同じように見えて、実は同じではないデータがあります。それらのオブジェクトについて、区別して説明が付けられるように、自分なりに考察してみました。勉強中のアウトプットなので、ここで書いた内容は事実とは大きく外れているものかもしれません。とにかく不明瞭な部分を自分なりに理由づけしたかっただけです。 サンプルコードを試される場合は、FirefoxのFireBugにあるコンソールに貼りつけて実行するか、Safariの開発ツールにあるコンソールに貼りつけて実行してください。それがわからない方は console.log の部分を alert に置き換えて確認してください。 話がややこしくなるので、今回はプロパティしか扱っていません。 名称の定義について
SCRAPBLOG : createElement してから appendChild するまでの間のプロパティ変更
下記の value プロパティ変更は効果がない。 var elt = document.createElement("textbox"); elt.value = "It works!"; document.documentElement.appendChild(elt); 代わりに setAttribute を使うか、 var elt = document.createElement("textbox"); elt.setAttribute("value", "It works!"); document.documentElement.appendChild(elt); appendChild してからプロパティを変更する。 var elt = document.createElement("textbox"); document.documentElement.appendChild(
SCRAPBLOG : マウストレイルの実装
マウストレイルとは マウスを右クリックして動かすと、その軌跡を表示する機能。右クリックを放すと軌跡は消滅する。 All-in-One Gestures の場合 DOM のレベルで実現している。右クリックの mousedown でジェスチャを開始すると、HTML の body 要素直下に aioTrailContainer 要素が生成される。その後、マウスを動かすにしたがってサイズが1×1の aioTrailDot 要素を複製して aioTrailContainer 下に appendChild する。この aioTrailDot 要素はサイズが1×1で、マウスポインタと同じ座標へ絶対配置されており、背景色がある。この aioTrailDot 要素を並べることで、あたかも一本のつながった線に見えるようになる。 この方式には以下のような問題点がある。 ・縦長のページでマウストレイルを行うと重た
IE8 で実装された Selectors API とは何か？ - IT戦記
はじめに IE8 には Selectors API という新しい仕様が実装されました。 ということで、今後 DOM 操作 API の主流になるであろう Selectors API についてまとめておきます。 Selectors API が使えるブラウザ 2008 年 3 月 6 日現在の一覧 WebKit Build Archives | WebKit (開発版の Safari) Windows | Official Site for Microsoft Windows 10 Home & Pro OS, laptops, PCs, tablets & more (IE8 の Beta 版) Selectors API とは Selectors API とは W3C で定義された仕様です。詳細に関してはこちらをどうぞ 簡単に説明すると getElementsByTagName や getE
ちょうムカつくブラクラ考えた - IT戦記
javascript:(function(msg){arguments.callee(prompt(msg+'?'))})('どうしたの');
ハタさんのブログ(復刻版) : 私は如何にしてJavascriptのprototypeを身につけたか。
javascriptのprototypeはなかなか理解してもらえないですねぇ。 ここ1年間でマジマジと実感しました。 特に、大規模開発をしているとこだと、いろんな知識が入り乱れていて（ホームページ時代からAjax本を読んだ人とか)が、javascriptが単なる関数型列挙な言語(語弊があるけど)という見方が大多数を占めているように見えます。 そんな中で "String.prototype.trim" みたいなコードを見せても、説明下手なのか中々上手く伝わらないですねぇ。 ということで(?)、僕がjavascriptのprototypeを身に着けるまでやったこと、とか。これも備忘 prototype.jsのソースコードを眺める Array.mapとかEnumerable, Hashは勉強になりますねー。 ただ、prototype継承されすぎて、ちょっと多すぎなこともあります。 var
脱初心者を目指す人の為の高速道路（JavaScript 編) - 暗号、数学、時々プログラミング
日々の雑感とか | 03:58 | 子供の誕生でしばらくバタバタになりそうなので、記事の更新を待たれているカモ知れない数少ない皆さんの為に、しばらく時間つぶし出来そうなネタは無いかな？と思って考えたエントリを上げておきます。 はじめに 「高速道路」とかキャッチーな事を言ってますが、万人にとってベストな勉強法ってのはナカナカないと思うので、異論反論はイロイロとあって良いんじゃないか？と思います。むしろ、これが叩き台になって本当に初心者に優しいカリキュラムが生まれるならばこれ幸い、って感じです。今の状況は、Webに色々と良い記事があるものの、それを系統立てて学ぶ為の情報が無いのでは？と思ってまして、もともとはそういう状況を解決する為に「なんとかusers.jp(だっけか？）」みたいなハブサイトが生まれたんじゃなかったかと記憶しています。が、残念ながら学習していく順番にまで配慮して情報提供してく
JavaScriptでXPCOMを作る: Days on the Moon
FirefoxのUIはXULとJavaScriptで構成されていますが、JavaScriptの組み込みオブジェクトだけではファイル操作やウィンドウ操作などができません。そこで登場するのがXPCOM、これを用いることでOSに絡んだ操作やRDFの操作などが行えるようになります。 Firefoxに付随するXPCOMコンポーネントの多くはC++でかかれ、プラットフォーム別にコンパイル作業などが必要なのですが、XPCOMはJavaScriptを用いて作ることもでき、これならOSにあわせてコンパイルする必要はありません。そこでここでは実際にJavaScriptでXPCOMを作ってみることにします。 今回作成するXPCOMコンポーネント(nntPerson)は人物をあらわすもので、年齢を示すageプロパティと年齢を言うsayメソッドを持つものとします。また、以下ではWindowsで作成することを前提とし
予約語なしにJavaScriptでいろいろしてみる - hoshikuzu | star_dust の書斎
JavaScriptで。文字列'al%65rt%28%22Hello%20World%21%22%29'をunescape()してやってその後にeval()に通せば、結果として「Hello World!」とalertされると思います。 この操作を、安直なXSS対策ブラックリストにおけるヨワヨワな守備の回避を目的に、JavaScriptの予約語（と言ってよいですか？）を、陽には一切、使わずに行ってみるという試みです。以下。 <script> ( (21)['c' + 'onstructor']['co' + 'nstructor'] ( ( ( (21)['con' + 'structor']['cons' + 'tructor'] ('retur' + 'n unesc' + 'ape') ) () ) ('al%65' + 'rt%28%22Hello%20World%21%22%29'
アルファベット禁止でjavascriptを書いてみた - Diary.js (仮)
javascript | 22:00 表題のとおりです下記のサイトを見てピンと来ました。予約語なしにJavaScriptでいろいろしてみる http://d.hatena.ne.jp/hoshikuzu/20080317 というわけでスクリプトは以下のとおり。アドレスバーに貼り付ければ動作します。(IE8,Fx3,Chrome1で動作しました。)javascript:(0)['\143\157\156\163\164\162\165\143\164\157\162']['\143\157\156\163\164\162\165\143\164\157\162']('\166\141\162 \141=\160\141\162\163\145\111\156\164(999*\115\141\164\150.\162\141\156\144\157\155());\166\141\162 \
XPCNativeWrapper | MDN
「明示的」か「暗黙的」か XPCNativeWrapper の挙動が明示的 (explicit)か暗黙的 (implicit)かの違いは、 保護されていないスクリプトからの、暗黙的な XPCNativeWrapper 上のプロパティへのアクセスは、安全ではないという点です。 このときのプロパティへのアクセスは、XPCNativeWrapper の wrappedJSObject を通して転送されます。 このことは、保護されていないスクリプトでは、 暗黙の XPCNativeWrapper によって想定外のコードが渡されることで、バグが発生することを心配する必要はないことを意味します。 また、そういったスクリプトからは、安全ではないオブジェクトへアクセスする場合は、用心する必要があることも意味します。 明示的な XPCNativeWrapper 上のプロパティにアクセスする場合は、呼び出し元
Canvasで「さざ波」を作るデモを作ったよ - by edvakf in hatena
試してみて。 Canvas Ripple クリックでさざ波を作り、マウスのボタンを押してる間は200msおきにさざ波を描き続ける。簡単。 波の干渉 (重ね合わせ) もちゃんと見られるよ。 Firefox 3.0.10、Safari 4 beta、Opera 9.64、Opera 10 alpha で試した。 ただ、Opera 9.64 では drawImage(canvas,..) したときの alpha の取り扱いにバグがあるので、色がおかしくなる。Opera 10 なら大丈夫。(ただ Firefox や Safari に比べるとちょっともっさりしてる) uupaa さんの uupaa-excanvas.js では Silverlight モードのときに限って drawImage(canvas,..) が使えるらしいので、一応それもロードしてある。もし IE でも動いたら報告お願いします
WSH の JScript から Beep 音を鳴らす - m2
JScript を使ってちょっとしたテキスト処理をした後、完了通知を WScript.Echo でなくビープ音でやろうと思って方法を探したんですが、なかなか見つかりませんでした。 検索範囲を VBScript まで拡げて探したところ、以下の方法を見つけてちょっと感動(笑)しました。 The beep is chr(007). You can perform this operation with the following code: set wshShell = Wscript.CreateObject("wscript.Shell") beep = chr(007) WshShell.Run "cmd /c @echo " & beep, 0 http://www.visualbasicscript.com/m_1328/mpage_1/key_/tm.htm#14752 これを JS
高度な JavaScript 技集
JavaScript で作って意味があるのかどうか分かりませんが、作ってみました。 応用編 入力したテキストをページ上に書き出し、個々の文字をドラッグ＆ドロップ で動かせるようにする ソースを読んでも中身が分からない HTML を作成する パスワードチェックの部屋 (パスワードは「開けごま」ですが、HTML のソースや JavaScript を解析しても、絶対にパスワードが分からない仕組みになっています。) バー ライブラリ編 こんなの JavaScript で作るかよってな代物です。 できてしまったものはしょうがないでしょう。 utf.js (UTF-8 <-> UTF16 変換) base64.js (Base64 encode/decode) md5.js (MD5) des.js (DES 暗号化/復号化) zlib.js (JavaScript による zlib 実装、zlib
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
株式会社ALBERT（レコメンドエンジン）
サービス終了のお知らせ
JavaScriptからCSSを操作する方法を結構詳しく調べてみた (Kanasansoft Web Lab.)
Loading...