ＪａｖａＳｃｒｉｐｔの勉強のためとは言いながら、ここまで作ってきたので、皆さんの役立つものに仕上げて完成したいと思います。
データベースとして共通なテーマはリンク集（お気に入り）とアドレス帖ではないかと思います。
これなら、今まで作ったソースをチョット改造するだけで完成できると思います。
1、ＪＳファイルの作成
メモ帳で
一行目に
kaiin=new Array();
二行目に自分のデータ
n=0;kaiin[n]='宮本幸雄,還暦ＱＰＯＮ,http://www2a.biglobe.ne.jp/~qpon/,qpon@testmail.com';
３行目以降お友達やお気に入りがあるだけ
n++;kaiin[n]='やまと,多趣味人間,http://homepage1.nifty.com/PGA01511/,morikazu.kojo@testmail.com';
．．．．．
書いて、
ファイル名を
link_db.js
にして保存してください。
２、完成ソース
まず、完成作品を体験してください。
自作リンク集＆アドレス帖
それでは次のソースをコピーして「メモ帳」に貼り付け、ＨＴＭＬファイルとして保存してお使いください。
-
<![CDATA[
<html>
<head>
<META http-equiv="Content-Script-Type" content="text/javascript">
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=Shift_JIS">
<title>自作リンク集</title>
<script language="javascript" src="link_db.js"></script>
<script language="javascript">
<!--
dm_dt="";
kaisu=-1;
//検索
function kensaku(){
se_dt=document.kaiin_form.input_name.value;
if(dm_dt!=se_dt){
st_no=0;
}else{
st_no=kaisu+1;
}
for(i=st_no;i<=n;i++){
iti=kaiin[i].indexOf(se_dt,0);
if(iti != -1){
kaisu=i;
break;
}
}
dm_dt=se_dt;
if(kaisu==i){
//照合した場合
dt=kaiin[kaisu].split(",");
document.kaiin_form.out_name.value=dt[0];
document.kaiin_form.out_title.value=dt[1];
document.kaiin_form.out_url.value=dt[2];
if(dt[1]){
document.kaiin_form.out_ml.value=dt[3];
}else{
document.kaiin_form.out_ml.value="";
}
}else{
//照合しない場合
document.kaiin_form.out_title.value="";
document.kaiin_form.out_name.value="該当者なし";
document.kaiin_form.out_url.value="";
document.kaiin_form.out_ml.value="";
kaisu=-1;
}
}
//ホームページへリンク
function hp_link(){
window.open(document.kaiin_form.out_url.value);
}
//新しいメールを開く
function ml_link(){
location.href="mailto:"+document.kaiin_form.out_ml.value;
}
//-->
</script>
</head>
<body>
<center>
<h1>自作リンク集＆アドレス帖</h1>
<table border=0 width=600><tr><td>
<hr>
<form name="kaiin_form">
<table>
<tr><td>検 索 キ ー ワー ド<br>.</td><td><input type=text name="input_name" value="" size=16>
<input type=button value="検 索" onClick="kensaku()"><hr></td></tr>
<tr><td>会 員 名</td><td>
<input type=text name="out_name" value="" size=16>さん</td></tr>
<tr><td>ホームページタイトル</td><td><input type=text name="out_title" value="" size=40>
</td></tr>
<tr><td>ホームページアドレス</td><td><input type="text" name="out_url" value="" size=60>
<input type=button value="開 く" onClick="hp_link()">
</td></tr>
<tr><td>電 子メールアドレス</td><td><input type="text" name="out_ml" value="" size=60>
<input type=button value="開 く" onClick="ml_link()">
</td></tr>
</table>
</form>
<hr>
<center>
<h1>一覧表</h1>
・お名前をクリックするとメールが送れます。
・ホームページをクリックするとリンクします。<br>
<table border=1 width=600>
<tr><th>no</th><th>お名前</th><th>ホームページ</th></tr>
<script language="javascript">
<!--
//あいうえお順並べ替え
kaiin.sort();
//一覧表用ＨＴＭＬ生成
for(i=0;i<=n;i++){
dt=kaiin[i].split(",");
document.write("<tr><td align='center'>",i+1,"</td>");
document.write("<td><a href='mailto:",dt[3],"'>",dt[0],"</a></td>");
document.write("<td><a href='",dt[2],"' target='_new'>",dt[1],"</a></td></tr>\n");
}
//-->
</script>
</table>
</center>
</td></tr></table>
</center>
</body>
</html>
]]>
|
|