Looks like this one's off the shelfThe presentation you're looking for was made private. But your next lightbulb moment might be one click away. Search top insights from every field.Explore by category instead
IEとそれ以外のブラウザでイベントリスナの登録方法が違う。 addListener(window, 'load', init); function addListener(elem, e, listener){ if(elem.addEventListener){ elem.addEventListener(e, listener, false); } else if(elem.attachEvent){ elem.attachEvent('on'+e, listener); } else { throw new Error('イベントリスナ未対応'); } } function init(){ addListener( document.getElementById('btn'), 'click', function(){ window.alert('クリック'); } ); } ・イ
ABOUT THE BLOG Bonkura BlogはJavaScriptやPHP,CSSなどWebデザインについて研究するブログです。 ARCHIVES 2011年5月 (14) 2011年4月 (1) 2011年3月 (15) 2011年2月 (8) 2011年1月 (6) 2010年12月 (7) 2010年8月 (2) 2010年7月 (7) SEARCH Post Categories ActionScript 3.0 (3) CSS (3) Facebook (1) Firefox (1) JavaScript (42) jQuery (21) Mac (4) Movable Type (1) PHP (3) WordPress (1) Regular Expression (6) Sass (1) website (1) META INFORMATION ログイン
以下はプロトタイプ的継承だけで一通りの機能を実現できる、という一つの例です。もちろん他にも書き方はありますし、newを使うのがよくないと主張しているわけではないです。 (誤解を生みそうな文体が混じっているようなので追記: 2011/5/14) 春ですし、少し初心者向けの記事を書きます。タイトル通り、JavaScriptのオブジェクト指向について。ちょっと長くなるので目次です。 クラス(に相当するオブジェクト)を作る オブジェクトからオブジェクトを作る(インスタンス化) 単一継承 多重継承 privateは諦めましょう 親のメソッドを呼ぶ コンストラクタ instanceofに対応する ダックタイピングのススメ JavaScript標準のオブジェクト指向といえばnewやらprototypeやらを書く必要がありますが、これらは書くのが面倒臭い上に気をつけないといけない点がたくさんあります。Ja
11/16/2007 DOM のロード直後に実行する関数の指定方法 Javascript で DOM を操作する際にはページ内の DOM 要素がロードされている必要がある。 このとき問題になるのは、DOM がロードされたタイミングをどのように検知するか。DOM がロードされたタイミングで実行する関数の指定方法。ということになる。 まず、次のような html を考える。 <html> <head> <title></title> <script> // ページヘッダの読み込み時刻を記録 var start = new Date(); </script> </head> <body> <!--ロードに10秒かかる画像を指定--> <img src="http://example.com/sleep10" /> </body> </html> ここで、 image 要素には 10 秒後に結果を返
以前はJava EEの普通のWebアプリケーションで、JavaScriptはあくまでも利便性のために補助的に使うものという認識がありましたが、さすがに最近では普通の業務系のSI案件でもテーブル表示や入力補助などで高度なAjaxライブラリーの使用が当たり前のように求められるようになりつつあります。サーバーサイドのJavaScript技術といったものもありますが、そういった新しい技術を使わないまでも、ごく普通にある程度大きなJavaScriptの作成が必要になってきているということです。 もちろん、JavaとJavaScriptはその名前にかかわらず、本来全く別の言語です。しかし、意図的に似た構文でロジックが書ける*1ため、兄弟の言語として認識している人も意外に多いのではないかと思います。しかし、使用できるライブラリーに違いがあるという点が一見してわかる最も大きな違いですが、基本的な言語の文法
Wonderfl のソース表示って Flash で表示されているのだが、 Andorid で見るときはスクロールできないし何かと不便。 そこで考えた(10分) こんな方法はどうだろうか? 1. 以下をブックマークしておく。 javascript:$(”parentsCode”).innerHTML=”<pre>”+$(”raw_as3″).innerHTML+”</pre>”; iPhone でも見れるように ↓ に修正。こちらならどうでしょう?(画面の一番下の方に表示されるはず) javascript:$("parentsCode").parentNode.insert("<div><pre>"+$("raw_as3").innerHTML+"</pre></div>"); サイト名は適当に「ワンダフルソース表示」とかにしておいて URLを上の javascript にしておく。
The document discusses a self-hosted scheme written in JavaScript. JavaScript is used to implement a minimal Scheme interpreter and runtime. The goal is to have a fully self-hosted Scheme system written entirely in JavaScript that can run in any modern web browser without any other dependencies.
http://d.hatena.ne.jp/amachang/20070413/1176421425 勉強会のあと、そしてこの記事の後、 もう一度自分の中でprototypeについてまとめてみた。 下の実行結果を見て、首をかしげた人は是非とも読んでいただければと思う。 (って、首をかしげるのは僕だけか?!) var Box = function(size){ this.size = size; }; Box.prototype = { color: "red" }; var box = new Box(10); alert(box.color); // red Box.prototype = { color: "blue" }; alert(box.color); // red var box2 = new Box(11); alert(box2.color); // blue Box.p
「Google JavaScript Style Guide」に沿ってチェックしてくれる、グーグル製JavaScript文法チェッカー グーグルはJavaScriptコードのスタイルガイド「Google JavaScript Style Guide」を公開しており、同社自身もこのスタイルに従って開発を行っているとされています(スタイルガイドの日本語訳の例)。 このスタイルガイドに従った開発を支援してくれるツールがグーグルからオープンソースとして公開されました。同社のClosure Tools Blogのエントリ「Introducing Closure Linter」で紹介された文法チェックツールのClosure Linterです。 Closure LinterはPythonで書かれたツールで、コマンドラインから利用します。上記のエントリによると、次のようなJavaScriptをチェックに書
Click here to launch the experiment! (beware: sophisticated browser needed) HTML5 is getting a lot of love lately. With the arrival of FireFox 3.5, Safari 4 and the new betas of Google Chrome and Opera, browsers support some great new features including canvas and the new audio/video tags. Most interesting: modern mobile devices like the iPhone or Android-based phones also support new standards in
Latest news from .xyz 08/09/2024 – XYZ Registry: Continuing our commitment to combating online abuse09/30/2024 – AI-powered platform OpenEXA.xyz helps fund managers turn non-yielding assets into high-yield investments Follow us on Twitter @xyz 04/12/2024 – 5 tips for building community through your online presence09/26/2024 – Innovative oracle network Switchboard.xyz powers decentralized applicati
Taranfx.com - Your Gateway to Technology, Redefined. ブラウザは特定のHTMLやCSS、JavaScriptのコードを読み込むとクラッシュしたりフリーズすることが知られている。しかもそれは複雑怪奇なコードではなく、とても短いコードでも起こることがわかっている。特にIEをクラッシュさせたりフリーズさせるためのコードの多くがスニペットとして公開されている。 そうした情報のひとつにTaranfxで公開されているHow to Crash Internet Explorer IE6, IE7, IE8, IE9がある。IE6、IE7、IE8、IE9をクラッシュさせたりフリーズさせることができるコードを紹介するという内容になっている。記事の目的はIEがクラッシュするコードを使ってほかのブラウザへユーザの目を向けさせようというもの。同様の取り組みはすで
あけましておめでとうございます。昨年に引き続き、今年もJavaScriptの近い未来についてちょっとだけお話させて頂きます。 最初に昨年の予想を見返しておきましょう。昨年は次の3つを2010年の鍵として取り上げました。 ウェブ標準 ブラウザ拡張 サーバーサイドJavaScript この3つを軸に2010年を振り返ってみます。 2010年のJavaScript界隈でのニュース ウェブ標準 2010年最初のビッグニュースはなんといってもIE 9のPlatform Preview版の登場でした。これまでの独自実装路線から一転して(正確にはIE 8の時点でJSONやWeb Storageのサポートなど、その徴候はあったのですが)、HTML5などのウェブ標準のサポートを進めることを表明しました。そして実際に8週おきにPlatform Preview版をアップデートして、ECMAScript5・S
JavaScript を知らない人に JavaScript の話して欲しいと言われる夢を見たのでブログ書きました。*1 難しい話は抜きにして JavaScript は <script> と </script> で囲えば動きます。*2 HTML をコードレベルで編集できるサービスなら、設定は一切不要です。 <script> JavaScriptのコード </script> 拡張子にも制限はありません。最終的にHTML文書として出力されるのであれば、htmlでもphpでもcgiでも構いません。なおフレームの代わりにPHPを使うという為になる記事があるのですが、ここでは関係ないので読むのは後ででよいです。 ついでに JavaScript を少しでも使えるようになれば、こんなことができるという一例を紹介します。 コピーライトの西暦を自動更新 JavaScript を使えばページフッタの西暦も自動更
弁当生活始めました。agoです。 以前のjavascriptの開発はサーバサイドと同じPGが開発することが多く、機能をファイル単位で分割してそのページで必要なファイルのみを読み込むと言うことが行われていました。 ただ、最近はサーバサイドとクライアントサイドの分業が進んだことや表示速度の兼ね合いもあり、単一ファイルに全体を記述しサーバサイドでは全ページでその一ファイルのみを読み込むような形になることが多いです。 単一ファイルの利点としてはサーバサイドの実装に依存せずに任意の機能を追加できることがありますが、欠点として機能毎の切り分けが難しくなると言う点があります。 jQueryを使用して$('.selector')で切り出す方法もありますが、マークアップの全体像を正確に把握できていないと不要なページで間違って実行されてしまう危険性もあります。 そこで、以下のようなJSを先に読み込み、各URL
JavaScriptからFlashにフォーカスを与えられるよ - てっく煮ブログ を読んで、てっく煮さんの記事ではテキストエリアにフォーカスを当てているけど、stage.focusにもなにかを代入すれば行けるんじゃ?と思いついたのでやってみた。 FlashではキーイベントやマウスホイールなどFlashにフォーカスがないとだめなイベントがある。 いままではFlashエリアを一度クリックしないとフォーカスが与えられないと思ってたんだけど、できたぽい。 実際のコードはこちら ActionScript import flash.external.ExternalInterface; //ExternalInterfaceに登録 ExternalInterface.addCallback("onload", _onLoad); //JavaScriptから実行される関数 function _onLo
Flash界のコーディングゴッドGSkinnerがJavaScriptのCanvasをFlashライクに使うライブラリを作った。 この人、確か僕と同い年ぐらいかちょい下なんだよね。。。会う度に超へこむ。 画期的というか、確実にかゆいところに手が届くライブラリで、下みたいなのがサクサクJSでいける。あいかわらずソースは美しいし、ドキュメントも完備。 game sparkles rollover localToGlobal globalToLocal sprite sheets ざっと見た感じFlashでいうところの、Stage, MovieClip, Sprite, Bitmap, Matrix, Stage, EnterFrameとキーフレームアニメがサポートされてる感じ。これは素敵。 このライブラリそのものもスゴいんだけどポイントは、GSkinnerがJSやりだしたってことは、365日以
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く