

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ランキング
-
ASP.NETのコントロールの値をJa...
-
Ajaxでタイムアウトしてしまう
-
C#OpenCv V4にのエラーに関する...
-
Google AJAX Feed API
-
html javascript リンク先アド...
-
gas スプレッドシートがアクテ...
-
【javascript】正規表現で括弧...
-
JavaScriptで複数のCSVを取得し...
-
setTimeoutによる繰り返しが途...
-
jQuery UIでドラッグ制限
-
C# 演算 奇数と偶数 表現の仕方
-
IEでF12を押さないとjavascriptが…
-
C#で、ContextMenuStripに動的...
-
google apps scriptの終了のさせ方
-
プログラミングのペーパーテス...
-
RadioButtonListの表示制御
-
functionから別のfunctionを実...
-
ActiveXobjectが作成できない
-
正規表現で半角数字1桁のみを全...
-
<a>タグのテキストを取得
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
C#OpenCv V4にのエラーに関する...
-
C#で、ContextMenuStripに動的...
-
食材の期限を管理するためにGAS...
-
javaScriptのコードの修正をお...
-
メールフォームの日付入力フォ...
-
GASでundefinedエラーが出ます
-
var exports = exports || {}; ...
-
google apps scriptの終了のさせ方
-
JavaScriptでテーブル内?に矢...
-
ジェネレーターの作り方
-
HTMLで作った時報アプリが動き...
-
gas スプレッドシートがアクテ...
-
ASP.NET MVCでObjectをjsに渡す
-
setTimeoutによる繰り返しが途...
-
イラレでナンバリングする方法
-
定積分の近似値を計算する関数c...
-
pdfに丸秘などのスタンプを...
-
【JavaScript】数当てゲームを...
-
シンプルなweb版スタンプラリー...
-
翌月を取得するGASが分かりません
おすすめ情報