x-heightが何pxかを調べる方法 - WebStudio
もずはっく日記(2006年12月) 2006年12月4日 x-heightが何pxかを調べる方法 初回投稿日時: 2006-12-04 13:49:57 最終更新日時: 2006-12-04 14:11:39 カテゴリ: CSS Javascript SNS: Tweet (list) 昨日IRCで聞かれたネタ。Javascriptを使えば算出は可能。 不可視の要素を二つ作り、一つを親、一つを子とする。 親要素のスタイルを以下のように設定する display: none; font-family: 調査したいフォント名; font-size: 32px; /* 大きいほど精度が高く、UAの最小フォント設定に邪魔されない */ 子要素のスタイルを以下のように設定する font-family: inherit; /* 不要? */ font-size: 1ex; 子要素をJavascrip
階層を1つ上に上がるGo Upを右クリックメニューに追加する - WDF
階層を1つ上に上がるボタンの拡張機能 "Go Up" を userChrome.js を使って右クリックメニューに追加するコードです。 (function() { const GoUpMenu = { init: function() { var urlbar = document.getElementById('urlbar'); }, menuClicked: function(e) { var up = this.getUp(_content.document.location.href); openUILink(up, e); }, getUp: function(url) { var matches, origUrl = url; matches = url.match(/(^.*\/)(.*)/); if(!matches) { return null; } url = mat
滑らかに開閉するメニューのサンプル
以前、個人的に作っていたサイトで、なんかメニューの見せ方を工夫できないかなと思って、「prototype.js」 と 「effects.js」 を利用してやって... 以前、個人的に作っていたサイトで、なんかメニューの見せ方を工夫できないかなと思って、「prototype.js」 と 「effects.js」 を利用してやってみたのが今回紹介するメニューのサンプル。 マウスオン / オフすると、隠れているサブメニューが滑らかに閉じたり開いたりします。クリックで開いたり、折りたたまれたりするメニューはよくありますが、それに無駄なエフェクトを施した版といったところ。 実際に動作しているサンプルはこちら。マウスオン / オフで滑らかに開閉しちゃいます。 さて、今回の材料は、 JavaScript ファイル 3種 本メニューの HTML ソース 本メニュー用 CSS の追加 JavaScript
てっく煮ブログ - JavaScript の角丸ライブラリまとめ
JavaScriptJavaScript の角丸ライブラリについて調べていたら、RUZEE.Borders というのを見つけました。こいつがかなりすごかったのですが、ついでに他の角丸ライブラリとも比較してまとめておきます。どれも画像は使用せず、div タグなどをいっぱい作成して丸く見せている力技のライブラリです。他にもいいのがあったら教えてください。Nifty Cube→サンプルNifty Corners の後継。9KB (+CSS 2KB)角のサイズは 10px, 5px, 2px の３つから指定border は指定不可能 (div の入れ子により border っぽく見せることはできる)背景画像への対応不明CSS セレクタ(一部)で指定可能transcorners→サンプルは transcorners のサイト上部mootools 必須。prototype.js との組み合わせムリ（た
とてもシンプルに自分自身が属する script 要素を取得 - IT戦記
グローバル領域に以下の一行を書く <script> var currentScript = (function (e) { if(e.nodeName.toLowerCase() == 'script') return e; return arguments.callee(e.lastChild) })(document); alert(currentScript); </script>こうすることで、currentScript はこの script 要素を指す。 いちおう説明 DOM は構築されるときに、上から順番に構築される。そして、script タグがあると、 script 要素を構築したあとに、スクリプトを実行する。 つまり、スクリプトが実行されたとき script 要素は今まさに作られたばかりであり、それよりも後ろの要素が存在しない。さらにこの script 要素を含むすべての要
ハタさんのブログ : javascriptでbatchっぽく
ポスト @ 1:03:25 , 修正 @ 2006/12/01 1:26:28 | javascript IT戦記 - 関数を非同期化して汎用性を高めるやKazuho@Cybozu Labs: JavaScript で非同期処理でやっていることの丸パクリに近いんですが、Batchっぽいのを作ってました。 こんなの。 var Batch = Class.create(); Batch.prototype = { initialize: function(callback, frequency, apply){ this.callback = (callback instanceof Array) ? callback : [callback]; this.frequency = frequency; this.apply = apply ? apply : this;
あれこれポップアップ
ウェブページ (HTML) にて、マウスポインタの下にある任意の箇所（要素）の情報（属性値）あれこれをポップアップに出す、 JavaScript と CSS のセット。 Web サイトの製作運営者向けの一種の「素材」。 HTML に「あれこれポップアップ」の外部 JavaScript と 外部 CSSを適用するだけで、すぐ機能します。そのはず。 多くの典型的なブラウザでは、 title 属性に何か書いてある要素部分にマウスポインタをかざすと、その title 属性値がツールチップとしてポップアップしますよね。あれのゴージャス版と思ってもらえればよいです。典型ブラウザ本来のポップアップとの違いは、ポップアップするのが title 属性だけではない点。それと自分で言うのも何だけど、見てくれがカコイイ事（笑） 適用サイト利用者向け FAQ だうんろーど他 お持ち帰り用アーカイブをダウンロード 2
関数を非同期化して汎用性を高める - IT戦記
関数を非同期化する関数を作ってみた。 Function.prototype.asynchronize = function() { var f = this; return function() { var resultcb = function() {}; var failcb = function(e) { throw e }; if (typeof arguments[arguments.length - 1] == 'function') { resultcb = Array.prototype.pop.apply(arguments); if (typeof arguments[arguments.length - 1] == 'function') { failcb = Array.prototype.pop.apply(arguments); } } try { var re
インストールされているプラグインを判定する - FAX
インストールされているプラグインを判定する JavaScript QuickTimeやFlashプラグインが、インストールされているかを判定するコード、を、Google Code Searchから切り貼りした。 function checkPlugin(mimeType, comNames){ comNames = [].concat(comNames); if(navigator.userAgent.indexOf('MSIE')==-1){ return !!navigator.mimeTypes[mimeType]; } for(var i=comNames.length-1 ; comNames[i] ; i-- ){ try{ new ActiveXObject(comNames[i]); return true; }catch(e){ } } return false; } 実
DOM event - Wikipedia
DOM (Document Object Model) Events are a signal that something has occurred, or is occurring, and can be triggered by user interactions or by the browser.[1] Client-side scripting languages like JavaScript, JScript, VBScript, and Java can register various event handlers or listeners on the element nodes inside a DOM tree, such as in HTML, XHTML, XUL, and SVG documents. Examples of DOM Events: When
Components.utils.evalInSandbox - Mozilla | MDN
This is an archived page. It's not actively maintained. 制限付き特権を持つ環境下で JavaScript のコードを評価したい場合があるかもしれません。Firefox 1.5 (Gecko 1.8) 以降にはこのための API が存在します。それにはそのコンテキスト内でコードを作成し、評価できる「サンドボックス (sandbox)」という概念が含まれています。このメソッドを用いて評価されるコードは常に普通のウェブページと同様の制限付き特権を持つ環境下で評価されます。 使用法 evalInSandbox を使用するには、まず Components.utils.Sandbox というコンストラクタを用いてサンドボックスオブジェクトを作成する必要があります。サンドボックスは主要な URI で初期化しなければなりません。この URI は同一生
最速インターフェース研究会 :: キー割り当て用ライブラリを作った
依頼を受けて作ってみた。 http://la.ma.la/roll.html http://la.ma.la/js/hotkey.js j,kでスクロールできる。 使いまわしがきくように他のライブラリに依存も影響もしないように作ってあります。Bloglinesのj,kでスクロールみたいなのを作りやすいようにするのが目的。ただsafariとかは何かかなり違うらしいので、そこらへんは良く知らない。あとOperaはデフォルトでワンキーショートカットが割り当てられてたりするので動くとは限らない。 全体に対してキーイベントを設定すると、フォームの入力ができなくなるっていう問題があるのでイベントの発生元がinput|textareaの場合は処理しないようにしてある。 追加したコードはこんな感じ。 var kb = new HotKey; kb.add(["j","2","down"], functio
JavaScriptとFlashによるWebオルゴールの製作：CodeZine
はじめに 本稿では、簡単なマクロ（MML）でMIDIファイルを生成する「JavaScriptSakura」を利用したWebオルゴールを作成します。オルゴールの本体はFlashで作成し、MIDIファイルの作成に「JavaScriptSakura」を利用しました。また、せっかくのWebオルゴールなので、簡単な掲示板の機能も持たせてみようと思います。 本稿は、クジラ飛行机と「JavaScriptSakura」の作者であるadasの共著です。対象読者Webアプリケーションの作成に興味がある人ある程度、HTML/JavaScript/Flashが読める人Web上でMIDIプログラミングをしてみたい人簡単なマクロ言語を作ってみたい人 必要な環境 マクロ（MML）でMIDIを生成するJavaScriptライブラリ「JavaScriptSakura」を利用するのに必要な環境ApacheなどのWebサーバー
JavaScriptist - javascript/ajax/サンプル/入門/リファレンス/ライブラリ
サイト更新情報 2006/12/06 よく使われているページを検索窓から簡単に辿れるようにしました。(検索窓に「prototype」と入力) 2006/11/27 JavaScript入門/応用サイトJavaScriptistオープン！ 2006/11/23 試して確認できるJavaScriptオンラインエディタを公開 2006/11/20 JavaScriptリファレンス、逆引きサンプル集を公開 2006/11/19 JavaScriptライブラリ活用ページ公開 2006/11/15 JavaScriptistベース機能の構築完了 過去のサイト更新情報
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://beau.g-com.ne.jp/mon-extension-memo06_12.html
TechCrunch Japanese アーカイブ » どんなサイトにもエンベッドで簡単にコメント欄を作成できるコード
https://labs.cybozu.co.jp/blog/kazuho/archives/2006/11/js_async.php
Latest topics > capability.policy.***.javascript.enabled - outsider reflex
新規
p0t: pprompt.js