

No.4ベストアンサー
- 回答日時:
自分が書いたものをながめていたら、複合検索(AND)出来そうだと考えた。
半角スペースで区切って 該当しそうなKeyを複数入力
たとえば 'g m' で、ぐ~ぐるマップとか・・・
簡単なデータベースになれそう?
<html>
<body>
Key Word:<input type="text" id="key" size="30" onKeyup="chk()"><hr>
<div id="n"a></div>
<script>
var tmID; document.getElementById('key').onkeyup = function(){tmID=(clearInterval(tmID),setInterval(chk,350))};
var List=[
['google','http://www.google.co.jp/' ],
['yahoo','http://www.yahoo.co.jp/' ],
['javascript','http://oshiete1.goo.ne.jp/qa4342528.html' ],
['javascript2','http://oshiete1.goo.ne.jp/c254.html' ],
['javascript3','http://oshiete1.goo.ne.jp/qa4342528.html' ],
['javascript4','http://oshiete1.goo.ne.jp/c254.html' ],
['guti','参考になったとかさぁ~' ],
['guti2','いったいどれぐらい勉強したらプロになれる?' ],
['googlemap','http://maps.google.co.jp/maps?hl=ja&tab=wl' ]
];
function chk(){
var ht='';
var key=document.getElementById('key').value.replace(/(\s+)/g,' ').replace(/^ | $/g,'');
if(!key) {document.getElementById('n').innerHTML='';return;}
var Arkey = key.split(' ');
for(var i=0,mx=List.length,c=1;i<mx;i++){
for(var j=0,f=0,mx2=Arkey.length;j<mx2;j++) if(List[i][0].match(new RegExp(Arkey[j]))) f++;
if(f==mx2) {
var s=(List[i][1].match(/http:/))?'<a href="'+ List[i][1] +'">'+List[i][1]+'</a>':List[i][1];
ht+=c+'. ['+List[i][0]+'] / '+s+' <br>';
if(++c>10) break;
}
}
document.getElementById('n').innerHTML=(ht=='')?'該当なし':ht;
}
</script>
</body>
</html>

No.3
- 回答日時:
プログラムに埋め込むなら。
データのセンスはないから。
コピペした後urlの前後の?に注意。
<html>
<body>
Key:<input type="text" id="key" size="10" onKeyup="chk()"><hr>
<div id="n"a></div>
<script>
var tmID=null;
document.getElementById('key').onkeyup = function(){ if(tmID) { clearInterval(tmID); tmID=null; } tmID=setInterval("chk()",350); };
var List=[
['google','http://www.google.co.jp/' ],
['yahoo','http://www.yahoo.co.jp/' ],
['javascript','http://oshiete1.goo.ne.jp/qa4342528.html' ],
['javascript2','http://oshiete1.goo.ne.jp/c254.html' ],
['javascript3','http://oshiete1.goo.ne.jp/qa4342528.html' ],
['javascript4','http://oshiete1.goo.ne.jp/c254.html' ],
['guti','参考になったとかさぁ~' ],
['guti2','いったいどれぐらい勉強したらプロになれる?' ],
['googlemap','http://maps.google.co.jp/maps?hl=ja&tab=wl' ]
];
function chk(){
var ht='';
var key=document.getElementById('key').value;
if(!key) {document.getElementById('n').innerHTML='';return;}
for(var i=0,mx=List.length,c=1;i<mx;i++){
if(List[i][0].match(new RegExp(key,'i'))){
var s=(List[i][1].match(/http:/))?'<a href="'+ List[i][1] +'">'+List[i][1]+'</a>':List[i][1];
ht+=c+'. ['+List[i][0]+'] / '+s+' <br>';
if(++c>10) break;
}
}
document.getElementById('n').innerHTML=(ht=='')?'該当なし':ht;
}
</script>
</body>
</html>
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
このQ&Aを見た人はこんなQ&Aも見ています
関連するカテゴリからQ&Aを探す
おすすめ情報
このQ&Aを見た人がよく見るQ&A
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
JavaScriptで文字列の特定文字...
-
javascriptで複数キーワード検...
-
GASでundefinedエラーが出ます
-
cgiでポーリングして取得したデ...
-
C#OpenCv V4にのエラーに関する...
-
C#で、ContextMenuStripに動的...
-
IE8で種類が一致しませんとエラ...
-
JavaScriptで平日のみをカウン...
-
JScriptでExcelの全シートにア...
-
テキスト改行(split+vbCrLf)に...
-
jqGridについて
-
VSCODE[Python]の設定について
-
ASP.NET MVCでObjectをjsに渡す
-
台形公式
-
var_dumpのdump意味はを知りた...
-
コールバック関数(?)をループし...
-
functionから別のfunctionを実...
-
関数でy=g(x)のgとは何の略です...
-
ActiveXobjectが作成できない
-
innerHTML実行後のイベント
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
google apps scriptの終了のさせ方
-
C#で、ContextMenuStripに動的...
-
C#OpenCv V4にのエラーに関する...
-
javascriptでiframeのURL変更は?
-
ASP.NET MVCでObjectをjsに渡す
-
ASP.NETのコントロールの値をJa...
-
ローカルにあるファイルを検索...
-
GASでundefinedエラーが出ます
-
ジェネレーターの作り方
-
船のゲームを作っているのです...
-
商品コードを入力で、商品名、...
-
スクリプトのフルパス取得したい
-
HTMLにWSHを組み込む
-
Javascript 特定のフォルダのデ...
-
XMLの空白要素をJavas...
-
google feed api
-
html javascript リンク先アド...
-
JavaScriptで平日のみをカウン...
-
$("body").height();と$("body"...
-
シンプルなweb版スタンプラリー...
おすすめ情報