CSSやHTML、そしてJavaScriptについてリファレンス的に扱ってみたいと思います。もちろん実践的なものも。

Ajax POSTでデータが送信できない : 06/10/09

新・自作ブログを作っている最中、いくつかうまくいかずに悩み続けた点をピックアップして記事に投稿しておこうと。 そのひとつに、AjaxでPOSTデータを送信する際の注意。GET で送信する場合GETでデータを送信するのは、Ajax XMLデ...

try、catchとは 例外処理 : 06/08/23

別に書くことがないってわけではないんですけれど、今作成しているとあるWebアプリに熱中していて、アクセス数やブログどころではない。（笑 これが今作成しているAjaxを使用した、ちょっとCOOL(?)なWEBアプリの開発画面。 一応、今回は...

Ajax ドラッグ出来るようにする場合の注意 : 06/08/22

Ajax ライブラリを使えば、簡単にオブジェクトをドラッグで移動させることができるということを以前紹介しました。 →参照 Ajax で疑似Windowを動かす 今、ちょっと今までのAjaxライブラリと、自分で考えたJavaScriptを使...

Ajax XMLデータをハックする : 06/08/21

Ajaxは、「XMLとJavaScriptによる非同期通信」なんですけれど、XMLの歴史は意外と古く、Ajaxが騒がれる何年も前から多くの書籍が並んでいました。が、その構造上から理解しにくく普及しているとは言い難い状態です。 また、XML...

Ajaxとは : 06/08/20

Ajaxとは、Ajax XMLHttpRequest と ActiveXObjectで書いたように、「JavaScript等を使用した、非同期通信」なわけなんですけれど、「Asynchronous JavaScript XML」の略ですね...

getElementsByTagName : 06/08/19

ページ中のとあるタグの要素をJavaScriptで扱う場合、指定したタグ全てに対して操作を行う場合は、getElementByIdよりもgetElementsByTagNameの方が便利。 たとえば、ページ中のINPUTタグに入力された文...

Ajax XMLHttpRequest と ActiveXObject : 06/08/18

いよいよハマりだした予感・・・。 Ajaxです。 今度は、Ajax 実装のための基礎テクニックを購入してしまいました・・・。 こちらはどちらかというと、ライブラリを自分自身で作るための入門本って感じですね。 ある程度腕に自信...

Ajax MacOSXのDock風のリンク : 06/08/17

Ajax フィッシュアイリスト 上がAjaxを用...

Ajax で疑似Windowを動かす : 06/08/13

前回の、スライドショーライクなAjaxのサンプルに引き続き、Ajaxに触れる、第二段。 今回は非常に人気が出そうな、疑似Windowを再現してました。 本物のWindowと違って、バー以外でもドラッグできるということ。 それとまだ閉じるボ...

Ajax に触れる : 06/08/12

ついにというか・・・。Ajaxに触れてみました。 Ajax 実践テクニック、購入してしまいました・・・。 いろんなAjax関係の本が売ってたんですけれど、どれもこれもかなり上級者用かなぁ。 少なくともJavaScriptを理解していて、オブ...

JavaScript クッキーで文字化け : 06/07/03

JavaScript クッキー と、JavaScript クッキー実践編と2回ほど、JavaScriptでクッキーデータを扱う手法を載せてきましたが、先日から自作ブログfBlogに付属させるBBSを作成していた時のこと、どうもJavaScr...

JavaScript でダブルクォーテーションを扱う : 06/04/30

JavaScriptにある程度精通した人なら、「"（ダブルクォーテーション）」の扱いに頭を抱えている人もいるでしょう。 以下の例を見てください。 <a href="javascript:void(0)"...

ポップアップウインドウ？ : 06/01/09

私がSEO対策とアフィリエイトに目覚めた頃（だいたい同時期に目覚めました）、色々な情報を漁りまくったわけですが、そのとき（たぶん誰しもが）目にとまったのが、「情報販売（？）」と「キラーミニサイト」でした。 私はネット歴7年ほどになりますが、...

期限が過ぎているアフィリエイト広告を無効に : 06/01/09

物販系のアフィリエイトに二の足を踏んでいる原因のひとつとして、たぶん期限の問題があると思います。 たとえば楽天の商品で多い、期間限定のセールや商品数が決められている場合など。 数が少なければ期限が来たら、リンクを消してやればいいのですが、...

JavaScript 未定義の変数・配列を使うときの注意 : 05/12/30

JavaScriptは、PHPやPerlと違い、わりと変数にはうるさいです。 その割に標準でグローバル変数という変な側面をもっていたりします。 まぁ、わりとPerlに近い言語かもしれません。ちなみに、JavaとJavaScriptは全く異な...

getElementById javascript : 05/12/20

何を今更。なんて言われそうですけれど、JavaScriptのドキュメント内のオブジェクトを取得するとき最も容易なのが、この getElementById だと思うんですけれど、WindowsのInternet Explorerなんかだと、タ...

2バイト文字の扱い JavaScript : 05/11/20

JavaScriptでは2バイト文字も、1文字として数えるようです。 以下例では、指定された文字列の中に何種類の文字が、いくつあるか数えるプログラムです。<SCRIPT TYPE="TEXT/JAVASCRIPT"> <!...

タイピング ゲーム オンライン ゲーム : 05/10/15

タイピング ゲーム オンライン ゲーム 以前から作ろう作ろうと思っていたのですが、ようやく完成に近づいてきました。タイピング ゲーム オンラインFlashで作ろうかと思っていたのですが、もっと軽い気持ちではじめたのでJavaScriptを使...

CSS - 2つのスタイルシートを適用させる : 05/09/30

CSSに慣れてくると、どんどんどんどん使いたくなってくると思います。（汗） で、増えてくると同じようなモノを以前作っていたのに、新しく作ってしまったり・・・。 スタイルシートを使わずに作っていたあの頃はなんだったのでしょう。というぐらい七不...

JavaScript - クッキー 実践編 : 05/09/23

JavaScript - クッキー ドキュメント/ナビゲータ オブジェクト でクッキーをセット・取り出す方法を書きましたが、もっと実践的な例を挙げておきます。 <SCRIPT LANGUAGE="JAVASCRIPT" TYPE="t...

CSS - タグの中のタグだけに : 05/08/30

Pタグの中のHRタグだけを○○したい。とか、DIVタグの中のPタグだけ×○したい。等、特定のタグの中に含まれるタグだけスタイルを変化させたいときがあると思います。 特にブログのように、勝手にPタグを作成されてしまうような場合とかですね。 M...

JavaScript - リファレンス 数学関数オブジェクト : 05/08/23

「 数学関数オブジェクト 」も非オブジェクト指向の言語を扱ってきた人にとっての壁の1つかもしれません。 JavaScriptでは、たとえば四捨五入するのにもこの「 数学関数オブジェクト 」を用意しないといけません。 ・abs：絶対値を返す ...

JavaScript - 文字列を出力する DOMオブジェクト : 05/08/23

DOMオブジェクト JavaScriptで文字列を出力する方法はいくつかあります。 ・document.write を使用する ・alert を使用する ・INPUT/TEXTAREAの value プロパティを操作する ・ステータスバーに...

JavaScript - ブラウザを判別 ナビゲータオブジェクト : 05/08/22

JavaScriptを実行させたい場合、気をつけなければいけないのがクライアント側のプラットホームです。 ブラウザによって、もしくはOSによって動作したりしなかったりする場面が出てくるからです。 今回は、ブラウザを判別する関数を考えてみまし...

JavaScript - クッキー ドキュメント/ナビゲータ オブジェクト : 05/08/21

JavaScriptにおいて、クッキーは「ドキュメントオブジェクト」に所属するようですが、JavaScriptの中でも人気が高そうなので、別の項目として扱います。 クッキーというとCGIやサーバサイドプログラマーにとってはお馴染みな機能かも...

JavaScript リファレンス 配列オブジェクト : 05/08/20

JavaScriptでは、配列もオブジェクトとして扱います。 ⇒ 配列 オブジェクト指向では 配列オブジェクトの生成方法は上を参考にしてください。 多次元配列と連想配列についてはこの こちら を参照してください。 メソッド/プロパティ ・...

JavaScript - 変数の宣言とオブジェクトの生成 : 05/08/20

JavaScriptでは、デフォルトで変数はグローバル変数になるようです。※ただしそのページ内のみ ただし、自作関数内で「 var 」をつけて宣言したものに関しては、ローカル変数になるようです。 以下の例を見てみます。 <Script...

JavaScript - 配列 オブジェクト指向では : 05/08/19

おそらく、PHPやPerlユーザがJavaScriptを学んだときの最初の壁が、この配列をオブジェクトとして扱う。ということではないでしょうか。 ここではPHPとJavaScriptでの配列の扱いを比べながら、オブジェクト指向とはなんぞや、...

JavaScript オブジェクト名の取得 : 05/08/16

CGI/PHPなどで動的にページを出力するようなページの場合、タグもかわってきたりオブジェクト名も 変わってきたりと、やっかいな場面に遭遇することがあります。 .wak td,input,select{ font-size:12px; ...

JavaScript リファレンス ウィンドウオブジェ : 05/08/15

「 ウィンドウオブジェ 」とは、上の画像のようにブラウザの端から端までをいいます。 「 documentオブジェ 」との違いは、「 documentオブジェ 」は上の図でいうと■内の部分になり、「 ウィンドウオブジェ 」はウィンドウ全てに...

CSS - コメント : 05/08/13

ブログのの場合は、たいていCSSが膨大な量になるはずです。 プログラムと同じように、コメント(無効化すること）をつけてわかりやすくしようと思うにもコメントつけれることも知らず・・・。 スタイルシートでコメントをつけるには、C言語やJAVAと...