暴満館 » JavaScriptでCSSを弄る際のメモ
このエントリは、JavaScriptによるCSSの操作として新たに書き直しました。 – 俺の探し方が悪いんだろうが、JavaScriptでCSSを弄るリファレンスが中々見当たらなかったので、メモも兼ねて書く。 結構適当に書いてる部分もあるので鵜呑みにしないように。あと、Operaは知らね。 スタイルシートのルールを弄る div内の全要素をgetElementsByTagNameで拾ってforで回してstyleに・・・ってなことをやるよりも、スタイルシート側から操作できるようになれば楽になる。 function addRule( selector, property ) { if( document.styleSheets[0].addRule ) //IE document.styleSheets[0].addRule( selector, "{" + property + "}" );
指定した日時までの時間を表示するスクリプト "countdown.js" と使用法 - memo.xight.org
Summary YAPC::Asia 2006のカウントダウンで使われていたスクリプトを見てみた． countdown.js function toCountString(sec) { if (sec <= 0) { return '00:00:00'; } var day = Math.floor(sec / (60*60*24)); var hour = Math.floor(sec % (60*60*24)/(60*60)).toString().replace(/^(\d)$/, '0$1'); var min = Math.floor(sec % (60*60*24) / (60) % 60).toString().replace(/^(\d)$/, '0$1'); var sec = Math.floor(sec % (60*60*24)%60%60).toString().r
[鏡] 入門 JSON 2 -- 戯れ言++
「入門 JSON」が微妙に評判がいいみたいなので， 今回はもう少し踏み込んだ内容を書いてみたいと思います。 前回では JSON のデータフォーマットについて曖昧な表現や説明のまま流していますが， ここではもう少し厳密に見ていきます。 またもや長文です。 ご注意を。 なお， この記事は「Introducing JSON」（日本語訳）と併せてご覧いただくことをお奨めします。 前回は JSON のデータ型について連想配列（members）と配列（array）の2つがあると説明しました。 しかし実際にはもうひとつオブジェクト（object）という型があります。 実は JSON ではこのオブジェクトがデータの基本になっています。 （説明が長くなるので前回はこの部分についてワザと端折りました） オブジェクトは以下に示すようにブレス記号で囲んだ表現になります。 { } { members } ここで注意
![[鏡] 入門 JSON 2 -- 戯れ言++](https://cdn-ak-scissors.b.st-hatena.com/image/square/b9403aeb9e428539e1bdb60550747807cd52d387/height=288;version=1;width=512/https%3A%2F%2Fbaldanders.info%2Fimages%2Fattention%2Fremark.jpg)
我的春秋: 振る舞い分離 JavaScript ライブラリ一覧（編集途中）
我的春秋: 関連エントリー 2006-06-11: 振る舞い分離 JavaScript ライブラリ一覧（途中） 2006-06-10: 続 JavaScript ソースが HTML から消える日 2006-01-05: JavaScript ソースが HTML から消える日 lib. behaviour.js （v1.1） getElements BySelector cssQuery() jQuery prototype.js （v1.5+） 対応ブラウザ
3行数独ソルバーと同じアルゴリズムをJavaScriptで書いてみる - ラシウラ
id:bellbind:20060712:1152692054 入れ替えで、ただしdataは81個のフラットな配列で var solver = function (data) { for (var i = 0; i < 81; i += 1) { if (data[i] != 0) continue; var t = [false,false,false,false,false,false,false,false,false,false]; var iDivOs = div(i, 9); var iModOs = i % 9; var iDivOsIs = div(i, 27); var iModOsDivIs = div(i % 9, 3); for (var j = 0; j < 81; j += 1) { if (div(j, 9) == iDivOs || j % 9 == iMo
Latest topics JavaScript 1.7のyield文ってなんじゃらほ - outsider reflex
Latest topics > JavaScript 1.7のyield文ってなんじゃらほ 宣伝。日経LinuxにてLinuxの基礎？を紹介する漫画「シス管系女子」を連載させていただいています。 以下の特設サイトにて、単行本まんがでわかるLinux シス管系女子の試し読みが可能！ « mod_estraierでの履歴全文検索（ミラー） Main 年金の追納 » JavaScript 1.7のyield文ってなんじゃらほ - Aug 07, 2006 JavaScript 1.7 の yield が凄すぎる件についてを見てもyieldってそもそも何なのかちいとも分かっとらんかったのでそこから調べてみた。 yieldはreturnの仲間？ そもそもこのyield文というのは、JavaScriptと同じくスクリプト言語のPythonから持ち込まれた仕組みらしい。ジェネレータとは何ぞやで読める例を
glayer.js - グレーアウト表示ライブラリ
Lightbox.jsや、Livedoor Readerのフィード追加画面のような、背景全体をグレーアウト表示させるためのライブラリです。(gray＋layerで、glayer.js) Lightbox JS livedoor Reader - RSSリーダー 下記のような機能を持っています。 背景全体を覆うレイヤの表示/非表示が簡単に出来ます。(レイヤを透過表示することにより、グレーアウトを実現) レイヤ自体は、透過PNGを使う方法と、opacityを使う方法の二種類をglayer.cssにスタイルとして定義しています。 フェードイン、フェードアウトしながらのレイヤ表示/非表示も行えます。(この場合は、opacityによるレイヤを透過表示) なお、Ver 2.0 にて、prototype.js、script.aculo.usを使用せずに、glayer.jsのみでフェードイン、フェードアウ
suggest.js - 入力補完ライブラリ
Japanese / English JavaScriptで入力補完を手軽に行うためのライブラリです。 (【お知らせ】ver2.0からprototype.jsを必要としなくなりました) 下記のような機能を持っています。 入力内容をもとに検索を行い、補完候補を表示します。(Google Suggestぽく) Ajaxでは無く、初回画面表示時のみデータの読み込みを行い、それ以降は、クライアント側で対象データから検索します。したがって、入力内容に変化があってもサーバ側にアクセスすることはありません。 検索は、前方一致/部分一致、大文字と小文字の区別あり/なしといったように、オプションで簡単に指定できます。また、その他にも様々なオプションが指定可能です。 検索結果の表示上限を指定できます。(デフォルト上限20件) 補完候補はキーボードの上下と、マウスにて選択できます。また、キーボードで選択中にES
incsearch.js - インクリメンタルサーチライブラリ
クライアントサイドで、JavaScriptによるインクリメンタルサーチを行うためのライブラリです。 (【お知らせ】ver2.0からprototype.jsを必要としなくなりました) 下記のような機能を持っています。 入力内容をもとに検索を行い、一致するデータを表示します。 単純なリスト表示と、テーブル形式での表示に対応しています。 Ajaxでは無く、初回画面表示時のみデータの読み込みを行い、それ以降は、クライアント側で対象データから検索します。したがって、入力内容に変化があってもサーバ側にアクセスすることはありません。 一致した文字を強調表示します。 複数キーワード(AND条件)での検索が行えます。 オプションで検索条件などを簡単に切り替えられます。 表示件数の上限を指定でき、ページ遷移にも対応しています。 ソース incsearch.js (ver2.2 : 2008/04/02) Gi
incsearch.jsを使って、del.icio.us direc.torのようなものを作ってみた - Enjoy*Study
del.icio.usのブックマークをインクリメンタルサーチするものを作りました。 del.icio.us IncSearch - del.icio.usをインクリメンタルサーチ ブックマークレットを起動することにより、del.icio.usのブックマークをインクリメンタルサーチするUIを作成します。 ブラウザ側で保持しているデータを、検索して表示するような機能を実装するためのライブラリとして、incsearch.jsを作ったので、その使用例としてこれを作ってみました。 incsearch.js - インクリメンタルサーチライブラリ tagによる絞込みは実装していないので、del.icio.us direc.torを使える方(XSLT対応ブラウザの方)は、del.icio.us direc.torを使って頂いた方が良いと思います。 が、XSLT未対応ブラウザ(Opera、Sfariなど)や
404 Blog Not Found:javascript - 借金時計をブログパーツに
2006年10月07日07:55 カテゴリLightweight Languages javascript - 借金時計をブログパーツに 財部誠一氏のサイトの名物、借金時計をブログパーツ化してみました。ご自由にお使いください。 貼り方は簡単。貼りたいページを文字コードをメニューから選んで、textareaの中をコピペするだけです。 文字コード: HTML: <script src="http://blog.livedoor.jp/dankogai/js/jndclock.js" type="text/javascript"></script> <script type="text/javascript">//<![CDATA[ var _JNDClock = new JNDClock(0, 1000); //]]></script> 見てのとおりパーツをクリックするとカウントを開始し、もう
クールなプロフィールページを作れるJavascript | SIMPLE*SIMPLE
「ページをマトリックス風に表示するJavascript」で人気だったbodytag.orgからもうひとつ便利なJavascriptをご紹介。 ちょっと変わったプロフィールページを作りたいときに便利っぽい。自分の実績を示すインタラクティブな年表を作ってくれるのだ。 ヘッダー部分の年数をクリックすると、ページがスルスル切り替わって気持ちいい。（実際の動作はこちら） 実装するにはトップページからダウンロードしたnav.htmlの以下の部分を修正するだけ。（それぞれのhtmlファイルは自分で用意） var events = [ ['intro','intro.html', 0, 0, 2000], //['タイトル','ファイル名','日','月','年'] ['sausage','sausage.html', 15, 3, 2000], ['abstraction-now','absnow.ht
hereticanthem co.,ltd. » CSSやJavaScriptを使ったオシャレな技やサンプルが解説＆配布しているサイトのまとめ
パチンコの遊び方と攻略 – 成功のための戦略を発見しよう！パチンコの遊び方をマスターしよう！プロのテクニックを習得して勝者に！パチンコの楽しさを体験しよう！成功のための戦略を発見しよう！戦略を鍛えてより高い勝率へ！
[を] JavaScriptで確実にクロールされないようにする実験
JavaScriptで確実にクロールされないようにする実験 2006-12-05-3 [ThisSite] 『こういう「クロールされたくないリンク」は、やはり JavaScript で 書くべきなのかなあ…。』[2006-10-27-4]ということで、 各記事ページにあるトラックバックのCGIへのリンクを以下のようにして みました。効果の有無などはそのうち報告します。 <a href="#" onclick="this.href='http:'+'//トラックバックCGIのURL'"> トラックバック </a> this.href に入れるやつが、「+」で区切られているのはおまじない。 「a」タグの内部文字列を対象にパターンマッチでURLを取り出すような クローラがあったりすると嫌なので。って、ありそうでしょ？ なぜ、JavaScript でやるかというと、私にとって手軽
Cookie情報をWEBブラウザーで表示する方法 - sanonosa システム管理コラム集
現在参照しているページに書き込まれているCookie情報を見たいときってありますよね。 そんな場合はWEBブラウザーのURL欄に javascript:document.cookie; と書き込むと見ることができます。 開発しているときはもちろんのこと、Cookie情報を元にしてロードバランスしているロードバランサーの挙動を追うときなんかにも有効に使えます。お気に入りにいれておくといいんじゃないでしょうか。
ウノウラボ Unoh Labs: JavascriptライブラリをJSANへアップする手順
GT Nitro: Car Game Drag Raceは、典型的なカーゲームではありません。これはスピード、パワー、スキル全開のカーレースゲームです。ブレーキは忘れて、これはドラッグレース、ベイビー！古典的なクラシックから未来的なビーストまで、最もクールで速い車とカーレースできます。スティックシフトをマスターし、ニトロを賢く使って競争を打ち破る必要があります。このカーレースゲームはそのリアルな物理学と素晴らしいグラフィックスであなたの心を爆発させます。これまでプレイしたことのないようなものです。 GT Nitroは、リフレックスとタイミングを試すカーレースゲームです。正しい瞬間にギアをシフトし、ガスを思い切り踏む必要があります。また、大物たちと競いつつ、車のチューニングとアップグレードも行わなければなりません。世界中で最高のドライバーと車とカーレースに挑むことになり、ドラッグレースの王冠
IEとFirefoxで、onMouseMoveを使わずにポップアップを出す
サンプルと概要 ASIN記法のサンプル 上のリンクのマウスを乗せるとわかりますが、画像がポップアップで表示されます*1。 このようなポップアップを実現するには、Firefox (Netscape)において、onMouseMoveを使うことが一般的のようです。しかし、マウス座標を取得するためだけに、マウス移動のイベントを拾うというのは非効率的すぎてどうにも釈然としません。 IE/Firefoxで使えるポップアップウィンドウ 以下のスクリプトは自由に使って構いません。（2008/09/17 Update） function popup_img( img_url, evt ) { var text = "<img src=\"" + img_url + "\">"; var div = document.getElementById( 'popup' ); var style = div.sty
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
サムネイルをCOOLにポップアップ表示 - Highslide JS | caramel*vanilla
Kazuho@Cybozu Labs JavaScript を学ぶ上で読むべきウェブサイト
CodeIDE
