JavaScriptで横に開くアコーディオンメニュー
JavaScriptを使って横に開くアコーディオンメニューを紹介します。JavaScriptなのにFlashのような動きのあるメニューが作れます。「prototype.js」「effects.js」「accordion.js」という 3種類のJavaScriptライブラリを利用しており動きは比較的軽快かと思います。タブ数や大きさはJavaScriptとCSSをいじれば自由に変更することができます。 JavaScriptを使って横に開くアコーディオンメニューを紹介します。JavaScriptなのにFlashのような動きのあるメニューが作れます。JavaScriptライブラリは下記よりダウンロードしてお使いください。直リンクはやめてくださいね。 ・ prototype.js ・ effects.js ・ accordion.js
初心者にも分かる Node.js と WebSocket についての解釈まとめ
解釈が間違っている点がある可能性が御座いますのでご了承くださいませ。記事の内容としては「Node.js なら他のサーバよりもこんなに簡単に WebSocket が扱える(ライブラリがある)」というような内容となっていますので、ご了承いただければと思います。 Node.js って何？ Node.js についてよくわからず最初は以下のページを読んでました。 Node.jsに関する基礎や開発・チュートリアルのまとめ:phpspot開発日誌 例えば、ログイン中の2人がいて、1人がチャットのリクエストをしたとします。でもラグが30秒ほどあって、気付かずに閉じちゃうなんてことがなくなります。 メンバーAのブラウザがメンバーBのブラウザに直接プッシュするってことかと最初は思っていましたが違いました。この点について深く考えていくこととなります。 Node.js を使うと何ができるのか node.js を使
voglia.jp - Javascriptのスコープとdelegate
FlashとかPHPとかJavascriptとか適当にJavascriptのスコープは結構悩ましい。 普通に実行するだけなら特に問題は無いのだけど、イベント処理とかが絡むと意外と厄介。 例えば下記のコードは、addClickEventを実行して対象DOM要素クリック時に動的にnameを取得したいような雰囲気。 しかしながら、クリック時thisの参照はイベントが発生したスコープに変更されるので、「Hello,Word!!」とはならない。 function Hoge(elem) { this.initialize.apply(this, arguments); } Hoge.prototype = { initialize: function(elem) { this.elem = elem; this.name = "Hello,Word!!"; }, addClickEvent:fun
SQLike - a small query engine
SQLike -- a small query engine June 1, 2010 SQLike is a small (10 kB) query engine for JavaScript and ActionScript. Its functionality and syntax is similar to that of SQL and it can be used to query arrays of objects or arrays of arrays. Download a zip-file (17 kB) with all language versions of SQLike. SQLike -- demo and short reference. Here you can learn how to use SQLike. Purpose Data structure
IEでDOMContentLoaded - あしのあしあと
あるHTTPレスポンスにおいて、画面の表示が遅かった（WebブラウザはIEを用いていた）。 表示時には、prototype.js（1.6.0.3）を用いて、次のようにDOMツリーを操作していた。つまり、windowオブジェクトのonloadイベントのタイミングで、DOMツリーの操作を実施していた。 Event.observe(window, 'onload', DOMツリーを操作する関数オブジェクトの参照);つまり、次のように処理されていた（画面が二度描画されるのが、目で見て取れた）。 WebブラウザがDOMツリーを構築する（以下、DOM構築） Webブラウザが画面を描画する（以下、レンダリング） JavaScriptによりDOMツリーを操作する（以下、DOM操作） Webブラウザが画面を描画する そこで、次のように（2番目のレンダリングを除くよう）処理を改善しようとした。 DOM構築 D
ColorPicker - jQuery plugin
About A simple component to select color in the same way you select color in Adobe Photoshop Last update 23.05.2009 - Check Download tab Features Flat mode - as element in page Powerful controls for color selection Easy to customize the look by changing some images Fits into the viewport License Dual licensed under the MIT and GPL licenses. Examples Flat mode. $('#colorpickerHolder').ColorPicker({
空から女の子が降ってくる - ぼくはまちちゃん！
こんにちはこんにちは！！ はてな見てたら、こんなのがありました！ 【降臨賞】空から女の子が降ってくるオリジナルの創作小説・漫画を募集します - 人力検索はてな 条件は「空から女の子が降ってくること」です。要約すると「空から女の子が降ってくる」としか言いようのない話であれば、それ以外の点は自由です。 字数制限 : 200〜1000 字程度 締め切り : 2009-01-12 18:00 で募集を止めます。 優勝賞品 : もっとも稀少な(と質問者が判断する)作品を書いてくださった方に 200 ポイントを贈ります。 面白そうですね！ さっそくぼくも応募してみたよ！ 応募した内容はこれ！ javascript:(function(){scroll(0,0);H='http://hamachiya.com/';D=document;F=Math.floor;R=Math.random;Q=new I
フォームのフリガナを自動入力させるAutoRuby.js | ホームページ制作・運営のヒント
<script Language=”javascript” src=”http://ad.jp.ap.valuecommerce.com/servlet/jsbanner?sid=2456113&pid=877160106″></script><noscript><a href=”http://ck.jp.ap.valuecommerce.com/servlet/referral?sid=2456113&pid=877160106″ target=”_blank” ><img src=”http://ad.jp.ap.valuecommerce.com/servlet/gifbanner?sid=2456113&pid
XMLHttpRequestでRefererをセットする - FAX
JavaScript 追記Firefox 3.0で確認したところエラーになった。 Firefox 2.0.0.13で確認しました。 var url = 'http://localhost:8080/index.html'; var referrer = 'http://www.hatena.ne.jp/'; var req = new XMLHttpRequest(); req.open('GET', url, true); req.onreadystatechange = function(){ // 1: 読み込み中 if(req.readyState == 1) req.setRequestHeader('Referer', referrer); // 4: 準備完了 if(req.readyState != 4) return; console.log(req.responseTe
[JS]わずか14KBのJavaScriptで動作するスーパーマリオ
nihilogicのエントリーから、14KBのJavaScriptで動作するスーパーマリオを紹介します。 Super Mario in 14kb Javascript デモページ マリオを操作するには、矢印キーで行います。 サイトでは上記のノーマルサイズ＋音無し版の他に、音有り版・ダブルサイズ版が公開されています。 スーパーマリオの表示が崩れる時は、「西ヨーロッパ言語(ISO)」にすると正常に表示されます。 スーパーマリオ：ノーマル版 スーパーマリオ：ノーマル＋音付き版 スーパーマリオ：ダブルサイズ版 スーパーマリオ：ダブルサイズ＋音付き版
Re：zapa氏 今更ですが、jQueryにはまりました - ホームページを作る人のネタ帳
ZAPA氏の記事。 ニュータイプなJSライブラリjQueryを使ってみよう！ これを見てから3日間。 ブログもあまりかけずこればっかりいじって遊んでました。 睡眠時間も1日2時間くらいになり、今日は書こうと思います。 まずZAPA氏、きっかけをありがとう。 私はJavaScriptの知識がほぼ皆無な人間です。 そんな私でもjQueryは簡単に使える為、面白くてはまりました。 ただ、お恥ずかしい話、PHPを使ってJavaScriptをある程度制御しなければ私は使いこなせません。 ですが恐ろしく簡単にこれまでこのブログで紹介してきたようなJavaScriptアプリと同等のものを作れる為、これははまります。 JavaScriptダメダメの私でも出来ました データベース接続部や、なんやかんやは全てPHPでまかない、動作部分やFormなどはｊQueryに投げる。 こんな方法で色々試して見ましたが、A
超絶クールなMacOS X風ドックメニュー「CSS Dock Menu」:phpspot開発日誌
CSS Dock Menu If you are a big Mac fan, you will love this CSS dock menu that I designed.超絶クールなMacOS X風ドックメニュー「CSS Dock Menu」。 動きが滑らかで画像の拡大縮小に伴う劣化が少ないのが特徴です。 jQueryベースのJavaScriptプログラムとなっていますが、サンプルを適当に変更することでJavaScriptの知識がなくともカスタマイズは可能でしょう。 サイト作成時の１ネタとして覚えておいて損はないサンプルでしょう。
God
Not your computer? Use a private browsing window to sign in. Learn more about using Guest mode
小飼弾のアルファギークに逢いたい：#6 IT戦士 天野 仁史／こんにちはこんにちは！ Hamachiya2（前編） JavaScriptのイケてないところ｜gihyo.jp … 技術評論社
今回はShibuya.jsなどJavaScript界で活躍中のamachangこと天野仁史さんと、mixi、はてなや最近ではIPAなどさまざまなWebサイト・サービスのセキュリティ脆弱性を指摘（?）していることで知られるHamachiya2さん（はまちちゃん）のお2人がゲストです。まずは2人の馴れ初めから…。 編集部注） 本対談は2007年3月に行われたものです。 出会い 弾：で、お2人の馴れ初めは？ 天野（以下、天）：mixiで俺が「マイミクなってください」ってところから始まった。 Hamachiya2（以下、は）：はい。ナンパされちゃいました。 弾：はまち釣り（笑）。 天：マイミクなってくださいってとこから始まって、そしたら（はまちちゃんが）JavaScriptを高速化してる人だ！っていうことで、デブサミのときに見に来てくれたんです。 JavaScriptのライブラリ 天：
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
GREE Engineering
http://www.masuta.net/wordpress/wp/archives/321
http://www.masuta.net/wordpress/wp/archives/category/%E3%83%97%E3%83%AD%E3%82%B0%E3%83%A9%E3%83%9F%E3%83%B3%E3%82%B0/javascript-ajax
IDEA * IDEA
[JS]わずか「12文字」でIEを判別するスクリプト | コリス
Blogger