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