JavaScript2010/02/15マッチー
phpなんかでもそうだが、基本的にfalseやnull、0は等しいものとして扱うことができる。この場合の等しいというのは==で比較した場合の話で、===で比較すると、型が違うから同じものとして扱うことはできない。 で、javascriptの話だけど、javascriptでalertを使っていると、ときどき『undefined』という文字列を目にする。まあ、要は値が何にもねーぞこのやろうってなことを言ってるんでしょうけど、このundifinedやfalse、nullに0、果ては空文字や改行コJavaScript2010/02/08マッチー
画像の多いページは、どうしても読み込むのに時間がかかってしまう。 そこで、画像の読み込みのタイミングを遅らせてページの表示を早めようという試みを可能にするのが、Lazy Loadというプラグイン。 やっていることは、画像を読み込ませる部分に別の軽い画像を代替的に読み込ませることで負荷を軽減するような感じ……で合ってるのかな。 まずは上記のリンク先からlazyloadをダウンロードしてくる。あとjqueryがないと動かないので、持ってなければダウンロードしておく。JavaScript2009/09/29マッチー
ページ内にあるサムネイル画像をクリックするとビュイーンと画像がおっきくなるhighslide JS。 結構いろんなところで使われていると思いますし、僕が手がけるサイトでも、ブログ機能なんかをつける場合はだいたいhighslideをつけてくれという指示をいただきます。 通常、highslideを動かすためには↓こんなようなソースを書く必要がある。 <head> <script type="text/JavaScript" src="/js/highslide/highsJavaScript2009/06/18マッチー
embed要素のwidthとかheightがjavascriptでうまく書き換えられないとか言ってたけど、そんなことなかった。 setAttributeってやつを使って属性を変更してやれば、ちゃんとできる。 var tags = document.getElementsByTagName('embed'); for(var i = 0; i < tags.length; i++) { var tag = tags[i]; tag.setAttributeJavaScript2009/06/10マッチー
javascriptで、ページを読み込んだときにイベントを起こすにはonloadを使えばいいが、特定のエレメントに何かをするのではなくonloadを発生させたいようなときにはどうすればいいか。 <script> function message() { alert('ページが開きました'); } </script> <body onload="message();"> 最初はこんな感じでbodyタグに書けば何とかなるんじゃね？っJavaScript2009/06/01マッチー
コーディングをしているとjavascriptを記述する場面もよく出てくるのだが、prototype.jsというライブラリを使うと、javascriptを書くのが楽になるようだ。 例えば、非常によく使われるdocument.getElementById(id)関数なんかは、$(id)と書くだけでよくなるし、document.getElementById(id).valueなんかも$F(id)と書くだけでよくなる。document.getElementById(id)は、javascriptを記述JavaScript2008/04/18づや
JavaScriptで作業中にローディングの画像を実装したかった。 gifファイルをimgタグで読込んだりすれば、それっぽいのはできたのですが、 簡単に実装できるbusy.jsっていうのがありました。 使い方も簡単でした。 // 表示 // 第２、第３引数で外見をいろいろ指定できる var obj = getBusyOverlay(画像を表示させたい要素,{text:'読込中'}); // 消したいとき obj.remove(); 詳しいことはUsing Itに書いてありましたJavaScriptPHP2008/04/11づや
画像のAPIを使ったサンプルサイトを作ってみた。 検索ワードをいれると、フリッカーとYahooとフォト蔵APIの検索結果を表示してくれるだけ。 件数を絞ってないから異様に重いサイトになってしまった。 あと、なんとなくhighslide.jsを使ってみた。 // highslide.jsを読み込む // オンロードにイベントを登録 // graphicsフォルダのパスを設定してやる hs.graphicsDir = '/js/highslide/graphicsJavaScript2008/03/18づや
JavaScriptでテーブルをボタンが押されたら動的に1行増やしたかった。 それで書いてみたのが下のコード function addTable(){ // tableのオブジェクトを取得 var tObj = $('table'); // 行の長さを取得 var index = tObj.rows["length"]; // trを１つ追加 var insObj= tObj.insertRow(index); // セルを１つ追加 var thJavaScript2008/03/17づや
ページにgoogleMapを表示させたかったので、GoogleMAPSAPIを使ってみた。 住所だけわかっていて、初期表示時に中心を合わせたい状況さったので、そんなScriptを作ってみた。 var map = null; var geocoder = null; var marker = null; // googleMapの初期表示 function initGoogleMap(add){ if (GBrowserIsCompatible()) { // マップオブジェクト