■Ajax : WebDesigning 2006年9月号サンプル

 WebDesigning 9月号掲載のサンプルです。掲載されているものとは若干内容(ここに掲載している最初のサンプルは誌面では未掲載(もともと説明用のため))が異なります。

サンプルを実行する
<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=utf-8">
<title>オートコンプリート(ローカル版)</title>
<link rel="stylesheet" href="main.css" type="text/css" media="all">
<script type="text/javascript" src="prototype.js"></script>
<script type="text/javascript" src="scriptaculous.js"></script>
<script type="text/javascript"><!--
window.onload = function()
{
new Autocompleter.Local("aWord", "list", ["秋田","岡山","長野","長崎"], {});
}
// --></script>
</head>
<body>
<h1>オートコンプリート(ローカル版)</h1>
<form>
県名:<input type="text" id="aWord">
<div id="list"></div>
</form>
</body>
</html>


■main.css
ul {
border:1px solid black;
}
li {
background-color:#ffd;
font-size:10pt;
}
li:hover {
background-color:#f77;
}


サンプルを実行する
<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=utf-8">
<title>オートコンプリート(サーバー版)</title>
<link rel="stylesheet" href="main.css" type="text/css" media="all">
<script type="text/javascript" src="prototype.js"></script>
<script type="text/javascript" src="scriptaculous.js"></script>
<script type="text/javascript"><!--
window.onload = function()
{
new Ajax.Request("keyword.txt", { method: "get",
onSuccess: function(httpObj)
{
keywordList = eval(httpObj.responseText);
new Autocompleter.Local("aWord", "list", keywordList, {});
} }
);
}
// --></script>
</head>
<body>
<h1>オートコンプリート(サーバー版)</h1>
<form>
<input type="text" id="aWord">
<div id="list"></div>
</form>
</body>
</html>


■main.css
ul {
border:1px solid black;
}
li {
background-color:#ffd;
font-size:10pt;
}
li:hover {
background-color:#f77;
}


■keyword.txt
["北海道",
"秋田",
"青森",
"長野",
"長崎",
"東京",
"鹿児島",
"沖縄"]


■雑誌で掲載されたサンプル文章のひな形
犬も歩けばクリック詐欺
ロストしたファイルは戻らない
はさまったUSB取り出せない
二月の締め切り超厳しい
骨折り損の修正疲れ
平均のボーナスなぜ高い
遠くの天才より近くの凡才
ちらばったファイルが行方不明
理由なく解雇され
ぬかるみのような業界だ
類似品すぐに訴訟され
終わりなき修正いつ終わる
我が世の春を見た事ない
神頼み、オフィスもまだ紙頼み
よせばいいのに、また修正
食べても痩せる、この業界
連日の徹夜でミラクルハイ
袖の下、そんな事一生ない
ついている!貧乏神か疫病神が
寝ていない、そんなの当たり前
泣くに泣けぬ裏事情
ラッキー、と思ったらアンラッキー
無理なものしか来ない、この仕事
嘘から出た仕様で四苦八苦
胃潰瘍、ストレスだらけの毎日だ
喉元過ぎても熱いまま・・・
終わったな、仕事も人生も
くらってしまった業界再編
やみくもに進んだ結果、泥沼だ
負けたら負けっぱなし
経験豊富なのはトラブルばかり
深みにはまって、さあ大変
ここはこうしてね、言うのは簡単、やるのは地獄
えっと驚く大量修正
手抜きがばれてさあ大変
明日は、もっと泥沼さ・・・
さわらぬプログラムにたたりなし
聞いて極楽、やってみたら地獄
友人にだまされ借金三昧
目利きだね、という私は校正屋
三日目だ、すでにデスマーチに突入だ
知らなきゃ良かった、この業界
絵は下手だ、でもアイコン描けるぞ
貧乏すぎて暇だらけ
もう終わり?どうせ明日に続くでしょ
千円で豪華な食事してみたい
進まない、いつまで続くプロジェクト
ん、気づいたら朝だった